It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.1stphorm.com

  1. <!doctype html>
  2. <html class="no-js" lang="en" dir="ltr">
  3. <head>
  4. <script type="application/vnd.locksmith+json" data-locksmith>{"version":"v119","locked":false,"initialized":true,"scope":"index","access_granted":true,"access_denied":false,"requires_customer":false,"manual_lock":false,"remote_lock":false,"has_timeout":false,"remote_rendered":null,"hide_resource":false,"hide_links_to_resource":false,"transparent":true,"locks":{"all":[],"opened":[]},"keys":[],"keys_signature":"8daebca3ab0cf0cf73fbcbc24fa9e92929e5bdca2d1bbd4cc9c54f0697b43132","state":{"template":"index","theme":123879555158,"product":null,"collection":null,"page":null,"blog":null,"article":null,"app":null},"now":1715048330,"path":"\/","locale_root_url":"\/","canonical_url":"https:\/\/1stphorm.com\/","customer_id":null,"customer_id_signature":"8daebca3ab0cf0cf73fbcbc24fa9e92929e5bdca2d1bbd4cc9c54f0697b43132","cart":null}</script><script data-locksmith>!function(){var require=undefined,reqwest=function(){function succeed(e){var t=protocolRe.exec(e.url);return t=t&&t[1]||context.location.protocol,httpsRe.test(t)?twoHundo.test(e.request.status):!!e.request.response}function handleReadyState(e,t,n){return function(){return e._aborted?n(e.request):e._timedOut?n(e.request,"Request is aborted: timeout"):void(e.request&&4==e.request[readyState]&&(e.request.onreadystatechange=noop,succeed(e)?t(e.request):n(e.request)))}}function setHeaders(e,t){var n,s=t.headers||{};s.Accept=s.Accept||defaultHeaders.accept[t.type]||defaultHeaders.accept["*"];var r="undefined"!=typeof FormData&&t.data instanceof FormData;for(n in!t.crossOrigin&&!s[requestedWith]&&(s[requestedWith]=defaultHeaders.requestedWith),!s[contentType]&&!r&&(s[contentType]=t.contentType||defaultHeaders.contentType),s)s.hasOwnProperty(n)&&"setRequestHeader"in e&&e.setRequestHeader(n,s[n])}function setCredentials(e,t){"undefined"!=typeof t.withCredentials&&"undefined"!=typeof e.withCredentials&&(e.withCredentials=!!t.withCredentials)}function generalCallback(e){lastValue=e}function urlappend(e,t){return e+(/[?]/.test(e)?"&":"?")+t}function handleJsonp(e,t,n,s){var r=uniqid++,o=e.jsonpCallback||"callback",a=e.jsonpCallbackName||reqwest.getcallbackPrefix(r),i=new RegExp("((^|[?]|&)"+o+")=([^&]+)"),l=s.match(i),c=doc.createElement("script"),u=0,d=-1!==navigator.userAgent.indexOf("MSIE 10.0");return l?"?"===l[3]?s=s.replace(i,"$1="+a):a=l[3]:s=urlappend(s,o+"="+a),context[a]=generalCallback,c.type="text/javascript",c.src=s,c.async=!0,"undefined"!=typeof c.onreadystatechange&&!d&&(c.htmlFor=c.id="_reqwest_"+r),c.onload=c.onreadystatechange=function(){if(c[readyState]&&"complete"!==c[readyState]&&"loaded"!==c[readyState]||u)return!1;c.onload=c.onreadystatechange=null,c.onclick&&c.onclick(),t(lastValue),lastValue=undefined,head.removeChild(c),u=1},head.appendChild(c),{abort:function(){c.onload=c.onreadystatechange=null,n({},"Request is aborted: timeout",{}),lastValue=undefined,head.removeChild(c),u=1}}}function getRequest(e,t){var n,s=this.o,r=(s.method||"GET").toUpperCase(),o="string"==typeof s?s:s.url,a=!1!==s.processData&&s.data&&"string"!=typeof s.data?reqwest.toQueryString(s.data):s.data||null,i=!1;return("jsonp"==s.type||"GET"==r)&&a&&(o=urlappend(o,a),a=null),"jsonp"==s.type?handleJsonp(s,e,t,o):((n=s.xhr&&s.xhr(s)||xhr(s)).open(r,o,!1!==s.async),setHeaders(n,s),setCredentials(n,s),context[xDomainRequest]&&n instanceof context[xDomainRequest]?(n.onload=e,n.onerror=t,n.onprogress=function(){},i=!0):n.onreadystatechange=handleReadyState(this,e,t),s.before&&s.before(n),i?setTimeout(function(){n.send(a)},200):n.send(a),n)}function Reqwest(e,t){this.o=e,this.fn=t,init.apply(this,arguments)}function setType(e){return null===e?undefined:e.match("json")?"json":e.match("javascript")?"js":e.match("text")?"html":e.match("xml")?"xml":void 0}function init(o,fn){function complete(e){for(o.timeout&&clearTimeout(self.timeout),self.timeout=null;0<self._completeHandlers.length;)self._completeHandlers.shift()(e)}function success(resp){var type=o.type||resp&&setType(resp.getResponseHeader("Content-Type"));resp="jsonp"!==type?self.request:resp;var filteredResponse=globalSetupOptions.dataFilter(resp.responseText,type),r=filteredResponse;try{resp.responseText=r}catch(e){}if(r)switch(type){case"json":try{resp=context.JSON?context.JSON.parse(r):eval("("+r+")")}catch(err){return error(resp,"Could not parse JSON in response",err)}break;case"js":resp=eval(r);break;case"html":resp=r;break;case"xml":resp=resp.responseXML&&resp.responseXML.parseError&&resp.responseXML.parseError.errorCode&&resp.responseXML.parseError.reason?null:resp.responseXML}for(self._responseArgs.resp=resp,self._fulfilled=!0,fn(resp),self._successHandler(resp);0<self._fulfillmentHandlers.length;)resp=self._fulfillmentHandlers.shift()(resp);complete(resp)}function timedOut(){self._timedOut=!0,self.request.abort()}function error(e,t,n){for(e=self.request,self._responseArgs.resp=e,self._responseArgs.msg=t,self._responseArgs.t=n,self._erred=!0;0<self._errorHandlers.length;)self._errorHandlers.shift()(e,t,n);complete(e)}this.url="string"==typeof o?o:o.url,this.timeout=null,this._fulfilled=!1,this._successHandler=function(){},this._fulfillmentHandlers=[],this._errorHandlers=[],this._completeHandlers=[],this._erred=!1,this._responseArgs={};var self=this;fn=fn||function(){},o.timeout&&(this.timeout=setTimeout(function(){timedOut()},o.timeout)),o.success&&(this._successHandler=function(){o.success.apply(o,arguments)}),o.error&&this._errorHandlers.push(function(){o.error.apply(o,arguments)}),o.complete&&this._completeHandlers.push(function(){o.complete.apply(o,arguments)}),this.request=getRequest.call(this,success,error)}function reqwest(e,t){return new Reqwest(e,t)}function normalize(e){return e?e.replace(/\r?\n/g,"\r\n"):""}function serial(e,t){var n,s,r,o,a=e.name,i=e.tagName.toLowerCase(),l=function(e){e&&!e.disabled&&t(a,normalize(e.attributes.value&&e.attributes.value.specified?e.value:e.text))};if(!e.disabled&&a)switch(i){case"input":/reset|button|image|file/i.test(e.type)||(n=/checkbox/i.test(e.type),s=/radio/i.test(e.type),r=e.value,(!n&&!s||e.checked)&&t(a,normalize(n&&""===r?"on":r)));break;case"textarea":t(a,normalize(e.value));break;case"select":if("select-one"===e.type.toLowerCase())l(0<=e.selectedIndex?e.options[e.selectedIndex]:null);else for(o=0;e.length&&o<e.length;o++)e.options[o].selected&&l(e.options[o])}}function eachFormElement(){var e,t,o=this,n=function(e,t){var n,s,r;for(n=0;n<t.length;n++)for(r=e[byTag](t[n]),s=0;s<r.length;s++)serial(r[s],o)};for(t=0;t<arguments.length;t++)e=arguments[t],/input|select|textarea/i.test(e.tagName)&&serial(e,o),n(e,["input","select","textarea"])}function serializeQueryString(){return reqwest.toQueryString(reqwest.serializeArray.apply(null,arguments))}function serializeHash(){var n={};return eachFormElement.apply(function(e,t){e in n?(n[e]&&!isArray(n[e])&&(n[e]=[n[e]]),n[e].push(t)):n[e]=t},arguments),n}function buildParams(e,t,n,s){var r,o,a,i=/\[\]$/;if(isArray(t))for(o=0;t&&o<t.length;o++)a=t[o],n||i.test(e)?s(e,a):buildParams(e+"["+("object"==typeof a?o:"")+"]",a,n,s);else if(t&&"[object Object]"===t.toString())for(r in t)buildParams(e+"["+r+"]",t[r],n,s);else s(e,t)}var context=this,XHR2;if("window"in context)var doc=document,byTag="getElementsByTagName",head=doc[byTag]("head")[0];else try{XHR2=require("xhr2")}catch(ex){throw new Error("Peer dependency `xhr2` required! Please npm install xhr2")}var httpsRe=/^http/,protocolRe=/(^\w+):\/\//,twoHundo=/^(20\d|1223)$/,readyState="readyState",contentType="Content-Type",requestedWith="X-Requested-With",uniqid=0,callbackPrefix="reqwest_"+ +new Date,lastValue,xmlHttpRequest="XMLHttpRequest",xDomainRequest="XDomainRequest",noop=function(){},isArray="function"==typeof Array.isArray?Array.isArray:function(e){return e instanceof Array},defaultHeaders={contentType:"application/x-www-form-urlencoded",requestedWith:xmlHttpRequest,accept:{"*":"text/javascript, text/html, application/xml, text/xml, */*",xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript",js:"application/javascript, text/javascript"}},xhr=function(e){if(!0!==e.crossOrigin)return context[xmlHttpRequest]?new XMLHttpRequest:XHR2?new XHR2:new ActiveXObject("Microsoft.XMLHTTP");var t=context[xmlHttpRequest]?new XMLHttpRequest:null;if(t&&"withCredentials"in t)return t;if(context[xDomainRequest])return new XDomainRequest;throw new Error("Browser does not support cross-origin requests")},globalSetupOptions={dataFilter:function(e){return e}};return Reqwest.prototype={abort:function(){this._aborted=!0,this.request.abort()},retry:function(){init.call(this,this.o,this.fn)},then:function(e,t){return e=e||function(){},t=t||function(){},this._fulfilled?this._responseArgs.resp=e(this._responseArgs.resp):this._erred?t(this._responseArgs.resp,this._responseArgs.msg,this._responseArgs.t):(this._fulfillmentHandlers.push(e),this._errorHandlers.push(t)),this},always:function(e){return this._fulfilled||this._erred?e(this._responseArgs.resp):this._completeHandlers.push(e),this},fail:function(e){return this._erred?e(this._responseArgs.resp,this._responseArgs.msg,this._responseArgs.t):this._errorHandlers.push(e),this},"catch":function(e){return this.fail(e)}},reqwest.serializeArray=function(){var n=[];return eachFormElement.apply(function(e,t){n.push({name:e,value:t})},arguments),n},reqwest.serialize=function(){if(0===arguments.length)return"";var e,t=Array.prototype.slice.call(arguments,0);return(e=t.pop())&&e.nodeType&&t.push(e)&&(e=null),e&&(e=e.type),("map"==e?serializeHash:"array"==e?reqwest.serializeArray:serializeQueryString).apply(null,t)},reqwest.toQueryString=function(e,t){var n,s,r=t||!1,o=[],a=encodeURIComponent,i=function(e,t){t="function"==typeof t?t():null==t?"":t,o[o.length]=a(e)+"="+a(t)};if(isArray(e))for(s=0;e&&s<e.length;s++)i(e[s].name,e[s].value);else for(n in e)e.hasOwnProperty(n)&&buildParams(n,e[n],r,i);return o.join("&").replace(/%20/g,"+")},reqwest.getcallbackPrefix=function(){return callbackPrefix},reqwest.compat=function(e,t){return e&&(e.type&&(e.method=e.type)&&delete e.type,e.dataType&&(e.type=e.dataType),e.jsonpCallback&&(e.jsonpCallbackName=e.jsonpCallback)&&delete e.jsonpCallback,e.jsonp&&(e.jsonpCallback=e.jsonp)),new Reqwest(e,t)},reqwest.ajaxSetup=function(e){for(var t in e=e||{})globalSetupOptions[t]=e[t]},reqwest}();
  5. /*!
  6.  * Reqwest! A general purpose XHR connection manager
  7.  * license MIT (c) Dustin Diaz 2015
  8.  * https://github.com/ded/reqwest
  9.  */!function(){var a=window.Locksmith={},e=document.querySelector('script[type="application/vnd.locksmith+json"]'),n=e&&e.innerHTML;if(a.state={},a.util={},a.loading=!1,n)try{a.state=JSON.parse(n)}catch(u){}if(document.addEventListener&&document.querySelector){var s,r,o,t=[76,79,67,75,83,77,73,84,72,49,49],i=function(){r=t.slice(0)},l="style",c=function(e){e&&27!==e.keyCode&&"click"!==e.type||(document.removeEventListener("keydown",c),document.removeEventListener("click",c),s&&document.body.removeChild(s),s=null)};i(),document.addEventListener("keyup",function(e){if(e.keyCode===r[0]){if(clearTimeout(o),r.shift(),0<r.length)return void(o=setTimeout(i,1e3));i(),c(),(s=document.createElement("div"))[l].width="50%",s[l].maxWidth="1000px",s[l].height="85%",s[l].border="1px rgba(0, 0, 0, 0.2) solid",s[l].background="rgba(255, 255, 255, 0.99)",s[l].borderRadius="4px",s[l].position="fixed",s[l].top="50%",s[l].left="50%",s[l].transform="translateY(-50%) translateX(-50%)",s[l].boxShadow="0 2px 5px rgba(0, 0, 0, 0.3), 0 0 100vh 100vw rgba(0, 0, 0, 0.5)",s[l].zIndex="2147483645";var t=document.createElement("textarea");t.value=JSON.stringify(JSON.parse(n),null,2),t[l].border="none",t[l].display="block",t[l].boxSizing="border-box",t[l].width="100%",t[l].height="100%",t[l].background="transparent",t[l].padding="22px",t[l].fontFamily="monospace",t[l].fontSize="14px",t[l].color="#333",t[l].resize="none",t[l].outline="none",t.readOnly=!0,s.appendChild(t),document.body.appendChild(s),t.addEventListener("click",function(e){e.stopImmediatePropagation()}),t.select(),document.addEventListener("keydown",c),document.addEventListener("click",c)}})}a.isEmbedded=-1!==window.location.search.indexOf("_ab=0&_fd=0&_sc=1"),a.path=a.state.path||window.location.pathname,a.basePath=a.state.locale_root_url.concat("/apps/locksmith").replace(/^\/\//,"/"),a.reloading=!1,a.util.console=window.console||{log:function(){},error:function(){}},a.util.makeUrl=function(e,t){var n,s=a.basePath+e,r=[],o=a.cache();for(n in o)r.push(n+"="+encodeURIComponent(o[n]));for(n in t)r.push(n+"="+encodeURIComponent(t[n]));return a.state.customer_id&&(r.push("customer_id="+encodeURIComponent(a.state.customer_id)),r.push("customer_id_signature="+encodeURIComponent(a.state.customer_id_signature))),s+=(-1===s.indexOf("?")?"?":"&")+r.join("&")},a._initializeCallbacks=[],a.on=function(e,t){if("initialize"!==e)throw'Locksmith.on() currently only supports the "initialize" event';a._initializeCallbacks.push(t)},a.initializeSession=function(e){if(!a.isEmbedded){var t=!1,n=!0,s=!0;(e=e||{}).silent&&(s=n=!(t=!0)),a.ping({silent:t,spinner:n,reload:s,callback:function(){a._initializeCallbacks.forEach(function(e){e()})}})}},a.cache=function(e){var t={};try{var n=function r(e){return(document.cookie.match("(^|; )"+e+"=([^;]*)")||0)[2]};t=JSON.parse(decodeURIComponent(n("locksmith-params")||"{}"))}catch(u){}if(e){for(var s in e)t[s]=e[s];document.cookie="locksmith-params=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/",document.cookie="locksmith-params="+encodeURIComponent(JSON.stringify(t))+"; path=/"}return t},a.cache.cart=a.state.cart,a.cache.cartLastSaved=null,a.params=a.cache(),a.util.reload=function(){a.reloading=!0;try{window.location.href=window.location.href.replace(/#.*/,"")}catch(u){a.util.console.error("Preferred reload method failed",u),window.location.reload()}},a.cache.saveCart=function(e){if(!a.cache.cart||a.cache.cart===a.cache.cartLastSaved)return e?e():null;var t=a.cache.cartLastSaved;a.cache.cartLastSaved=a.cache.cart,reqwest({url:"/cart/update.json",method:"post",type:"json",data:{attributes:{locksmith:a.cache.cart}},complete:e,error:function(e){if(a.cache.cartLastSaved=t,!a.reloading)throw e}})},a.util.spinnerHTML='<style>body{background:#FFF}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#loading{display:flex;width:100%;height:50vh;color:#777;align-items:center;justify-content:center}#loading .spinner{display:block;animation:spin 600ms linear infinite;position:relative;width:50px;height:50px}#loading .spinner-ring{stroke:currentColor;stroke-dasharray:100%;stroke-width:2px;stroke-linecap:round;fill:none}</style><div id="loading"><div class="spinner"><svg width="100%" height="100%"><svg preserveAspectRatio="xMinYMin"><circle class="spinner-ring" cx="50%" cy="50%" r="45%"></circle></svg></svg></div></div>',a.util.clobberBody=function(e){document.body.innerHTML=e},a.util.clobberDocument=function(e){e.responseText&&(e=e.responseText),document.documentElement&&document.removeChild(document.documentElement);var t=document.open("text/html","replace");t.writeln(e),t.close(),setTimeout(function(){var e=t.querySelector("[autofocus]");e&&e.focus()},100)},a.util.serializeForm=function(e){if(e&&"FORM"===e.nodeName){var t,n,s={};for(t=e.elements.length-1;0<=t;t-=1)if(""!==e.elements[t].name)switch(e.elements[t].nodeName){case"INPUT":switch(e.elements[t].type){default:case"text":case"hidden":case"password":case"button":case"reset":case"submit":s[e.elements[t].name]=e.elements[t].value;break;case"checkbox":case"radio":e.elements[t].checked&&(s[e.elements[t].name]=e.elements[t].value);break;case"file":}break;case"TEXTAREA":s[e.elements[t].name]=e.elements[t].value;break;case"SELECT":switch(e.elements[t].type){case"select-one":s[e.elements[t].name]=e.elements[t].value;break;case"select-multiple":for(n=e.elements[t].options.length-1;0<=n;n-=1)e.elements[t].options[n].selected&&(s[e.elements[t].name]=e.elements[t].options[n].value)}break;case"BUTTON":switch(e.elements[t].type){case"reset":case"submit":case"button":s[e.elements[t].name]=e.elements[t].value}}return s}},a.util.on=function(e,o,a,t){t=t||document;var i="locksmith-"+e+o,n=function(e){var t=e.target,n=e.target.parentElement,s=t.className.baseVal||t.className||"",r=n.className.baseVal||n.className||"";("string"==typeof s&&-1!==s.split(/\s+/).indexOf(o)||"string"==typeof r&&-1!==r.split(/\s+/).indexOf(o))&&!e[i]&&(e[i]=!0,a(e))};t.attachEvent?t.attachEvent(e,n):t.addEventListener(e,n,!1)},a.util.enableActions=function(e){a.util.on("click","locksmith-action",function(e){e.preventDefault();var t=e.target;t.dataset.confirmWith&&!confirm(t.dataset.confirmWith)||(t.disabled=!0,t.innerText=t.dataset.disableWith,a.post("/action",t.dataset.locksmithParams,{spinner:!1,type:"text",success:function(e){(e=JSON.parse(e.responseText)).message&&alert(e.message),a.util.reload()}}))},e)},a.util.inject=function(e,t){var n=["data","locksmith","append"];if(-1!==t.indexOf(n.join("-"))){var s=document.createElement("div");s.innerHTML=t,e.appendChild(s)}else e.innerHTML=t;var r,o,a=e.querySelectorAll("script");for(o=0;o<a.length;++o){r=a[o];var i=document.createElement("script");if(r.type&&(i.type=r.type),r.src)i.src=r.src;else{var l=document.createTextNode(r.innerHTML);i.appendChild(l)}e.appendChild(i)}var c=e.querySelector("[autofocus]");c&&c.focus()},a.post=function(e,t,n){!1!==(n=n||{}).spinner&&a.util.clobberBody(a.util.spinnerHTML);var s={};n.container===document?(s.layout=1,n.success=function(e){document.getElementById(n.container);a.util.clobberDocument(e)}):n.container&&(s.layout=0,n.success=function(e){var t=document.getElementById(n.container);a.util.inject(t,e),t.id===t.firstChild.id&&t.parentElement.replaceChild(t.firstChild,t)}),a.loading=!0;var r=a.util.makeUrl(e,s);reqwest({url:r,method:"post",type:n.type||"html",data:t,complete:function(){a.loading=!1},error:function(e){if(!a.reloading)if("dashboard.weglot.com"!==window.location.host){if(!n.silent)throw alert("Something went wrong! Please refresh and try again."),e;console.error(e)}else console.error(e)},success:n.success||a.util.clobberDocument})},a.postResource=function(e,t){e.path=a.path,e.search=window.location.search,e.state=a.state,e.passcode&&(e.passcode=e.passcode.trim()),e.email&&(e.email=e.email.trim()),e.state.cart=a.cache.cart,e.locksmith_json=a.jsonTag,e.locksmith_json_signature=a.jsonTagSignature,a.post("/resource",e,t)},a.ping=function(e){if(!a.isEmbedded){e=e||{};a.post("/ping",{path:a.path,search:window.location.search,state:a.state},{spinner:!!e.spinner,silent:"undefined"==typeof e.silent||e.silent,type:"text",success:function(e){(e=JSON.parse(e.responseText)).messages&&0<e.messages.length&&a.showMessages(e.messages)}})}},a.timeoutMonitor=function(){var e=a.cache.cart;a.ping({callback:function(){e!==a.cache.cart||setTimeout(function(){a.timeoutMonitor()},6e4)}})},a.showMessages=function(e){var t=document.createElement("div");t.style.position="fixed",t.style.left=0,t.style.right=0,t.style.bottom="-50px",t.style.opacity=0,t.style.background="#191919",t.style.color="#ddd",t.style.transition="bottom 0.2s, opacity 0.2s",t.style.zIndex=999999,t.innerHTML="        <style>          .locksmith-ab .locksmith-b { display: none; }          .locksmith-ab.toggled .locksmith-b { display: flex; }          .locksmith-ab.toggled .locksmith-a { display: none; }          .locksmith-flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 10px 20px; }          .locksmith-message + .locksmith-message { border-top: 1px #555 solid; }          .locksmith-message a { color: inherit; font-weight: bold; }          .locksmith-message a:hover { color: inherit; opacity: 0.8; }          a.locksmith-ab-toggle { font-weight: inherit; text-decoration: underline; }          .locksmith-text { flex-grow: 1; }          .locksmith-cta { flex-grow: 0; text-align: right; }          .locksmith-cta button { transform: scale(0.8); transform-origin: left; }          .locksmith-cta > * { display: block; }          .locksmith-cta > * + * { margin-top: 10px; }          .locksmith-message a.locksmith-close { flex-grow: 0; text-decoration: none; margin-left: 15px; font-size: 30px; font-family: monospace; display: block; padding: 2px 10px; }                    @media screen and (max-width: 600px) {            .locksmith-wide-only { display: none !important; }            .locksmith-flex { padding: 0 15px; }            .locksmith-flex > * { margin-top: 5px; margin-bottom: 5px; }            .locksmith-cta { text-align: left; }          }                    @media screen and (min-width: 601px) {            .locksmith-narrow-only { display: none !important; }          }        </style>      "+e.map(function(e){return'<div class="locksmith-message">'+e+"</div>"}).join(""),document.body.appendChild(t),document.body.style.position="relative",document.body.parentElement.style.paddingBottom=t.offsetHeight+"px",setTimeout(function(){t.style.bottom=0,t.style.opacity=1},50),a.util.on("click","locksmith-ab-toggle",function(e){e.preventDefault();for(var t=e.target.parentElement;-1===t.className.split(" ").indexOf("locksmith-ab");)t=t.parentElement;-1!==t.className.split(" ").indexOf("toggled")?t.className=t.className.replace("toggled",""):t.className=t.className+" toggled"}),a.util.enableActions(t)}}()}();</script>
  10.      <script data-locksmith>Locksmith.cache.cart=null</script>
  11.  
  12.  
  13.  <script data-locksmith>Locksmith.jsonTag="\u003cscript type=\"application\/vnd.locksmith+json\" data-locksmith\u003e{\"version\":\"v119\",\"locked\":false,\"initialized\":true,\"scope\":\"index\",\"access_granted\":true,\"access_denied\":false,\"requires_customer\":false,\"manual_lock\":false,\"remote_lock\":false,\"has_timeout\":false,\"remote_rendered\":null,\"hide_resource\":false,\"hide_links_to_resource\":false,\"transparent\":true,\"locks\":{\"all\":[],\"opened\":[]},\"keys\":[],\"keys_signature\":\"8daebca3ab0cf0cf73fbcbc24fa9e92929e5bdca2d1bbd4cc9c54f0697b43132\",\"state\":{\"template\":\"index\",\"theme\":123879555158,\"product\":null,\"collection\":null,\"page\":null,\"blog\":null,\"article\":null,\"app\":null},\"now\":1715048330,\"path\":\"\\\/\",\"locale_root_url\":\"\\\/\",\"canonical_url\":\"https:\\\/\\\/1stphorm.com\\\/\",\"customer_id\":null,\"customer_id_signature\":\"8daebca3ab0cf0cf73fbcbc24fa9e92929e5bdca2d1bbd4cc9c54f0697b43132\",\"cart\":null}\u003c\/script\u003e";Locksmith.jsonTagSignature="f7db2642a0ccfccabe3b5b1fd584e2d1e3d4fcb8426f9ba9643d5c60c38accaf"</script>
  14.    
  15.    
  16.    
  17.    
  18.    
  19.  
  20. <link rel='preconnect dns-prefetch' href='https://api.config-security.com/' crossorigin />
  21. <link rel='preconnect dns-prefetch' href='https://conf.config-security.com/' crossorigin />
  22. <link rel='preconnect dns-prefetch' href='https://whale.camera/' crossorigin />
  23. <script>
  24. /* >> TriplePixel :: start*/
  25. window.TriplePixelData={TripleName:"1p-ecomm.myshopify.com",ver:"2.12",plat:"SHOPIFY",isHeadless:false},function(W,H,A,L,E,_,B,N){function O(U,T,P,H,R){void 0===R&&(R=!1),H=new XMLHttpRequest,P?(H.open("POST",U,!0),H.setRequestHeader("Content-Type","text/plain")):H.open("GET",U,!0),H.send(JSON.stringify(P||{})),H.onreadystatechange=function(){4===H.readyState&&200===H.status?(R=H.responseText,U.includes(".txt")?eval(R):P||(N[B]=R)):(299<H.status||H.status<200)&&T&&!R&&(R=!0,O(U,T-1,P))}}if(N=window,!N[H+"sn"]){N[H+"sn"]=1,L=function(){return Date.now().toString(36)+"_"+Math.random().toString(36)};try{A.setItem(H,1+(0|A.getItem(H)||0)),(E=JSON.parse(A.getItem(H+"U")||"[]")).push({u:location.href,r:document.referrer,t:Date.now(),id:L()}),A.setItem(H+"U",JSON.stringify(E))}catch(e){}var i,m,p;A.getItem('"!nC`')||(_=A,A=N,A[H]||(E=A[H]=function(t,e,a){return void 0===a&&(a=[]),"State"==t?E.s:(W=L(),(E._q=E._q||[]).push([W,t,e].concat(a)),W)},E.s="Installed",E._q=[],E.ch=W,B="configSecurityConfModel",N[B]=1,O("https://conf.config-security.com/model",5),i=L(),m=A[atob("c2NyZWVu")],_.setItem("di_pmt_wt",i),p={id:i,action:"profile",avatar:_.getItem("auth-security_rand_salt_"),time:m[atob("d2lkdGg=")]+":"+m[atob("aGVpZ2h0")],host:A.TriplePixelData.TripleName,plat:A.TriplePixelData.plat,url:window.location.href,ref:document.referrer,ver:A.TriplePixelData.ver},O("https://api.config-security.com/event",5,p),O("https://whale.camera/live/dot.txt",5)))}}("","TriplePixel",localStorage);
  26. /* << TriplePixel :: end*/
  27. </script>
  28.  
  29.  <!--CCPA Banner Start-->
  30.  
  31.  <script id="Cookiebot"
  32. src="https://consent.cookiebot.com/uc.js"
  33. data-cbid="b715004c-d8f5-4f22-a91e-31c2fc88096d"
  34. data-blockingmode="auto"
  35. type="text/javascript"
  36. data-georegions="{'region':'US-06','cbid':'508a94bf-ac80-4229-8943-63164ace6f65'}"
  37. ></script>
  38.  
  39.  <!--CCPA Banner End-->
  40.  
  41.  
  42.  
  43.  
  44.  
  45.  
  46.  
  47.  
  48.  
  49.  
  50.  
  51.  <meta charset="utf-8">
  52.  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  53.  <meta name="viewport" content="width=device-width,initial-scale=1">
  54.  <meta name="theme-color" content="#00a7d3">
  55.  <link rel="canonical" href="https://1stphorm.com/">
  56.  <link rel="preconnect" href="https://cdn.shopify.com">
  57.  <link rel="preconnect" href="https://fonts.shopifycdn.com">
  58.  <link rel="dns-prefetch" href="https://productreviews.shopifycdn.com">
  59.  <link rel="dns-prefetch" href="https://ajax.googleapis.com">
  60.  <link rel="dns-prefetch" href="https://maps.googleapis.com">
  61.  <link rel="dns-prefetch" href="https://maps.gstatic.com">
  62.  
  63.  
  64.  
  65.  
  66. <link rel="shortcut icon" href="//1stphorm.com/cdn/shop/files/1st_Phorm_Logo_1f647b08-280e-40be-9f8b-f370f755d573_32x32.png?v=1675721983" type="image/png" /><title>1st Phorm | The Foundation of High Performance Nutrition
  67. </title>
  68. <meta name="description" content="Founded on Quality, Built on Service, Measured on Results. 1st Phorm offers everything you need to elevate your fitness journey, including premium supplements, athletic apparel, and the 1st Phorm app.">
  69.  
  70. <meta property="og:site_name" content="1st Phorm">
  71.  <meta property="og:url" content="https://1stphorm.com/"><meta property="og:title" content="1st Phorm | The Foundation of High Performance Nutrition">
  72. <meta property="og:type" content="website">
  73. <meta property="og:description" content="Founded on Quality, Built on Service, Measured on Results. 1st Phorm offers everything you need to elevate your fitness journey, including premium supplements, athletic apparel, and the 1st Phorm app.">
  74. <meta property="og:image" content="http://1stphorm.com/cdn/shop/files/1st_Phorm_Logo_3842ed06-c539-4872-8216-73acd05e8ecd.png?v=1672092405">
  75. <meta property="og:image:secure_url" content="https://1stphorm.com/cdn/shop/files/1st_Phorm_Logo_3842ed06-c539-4872-8216-73acd05e8ecd.png?v=1672092405">
  76. <meta property="og:image:width" content="1200">
  77.    <meta property="og:image:height" content="628"><meta name="twitter:site" content="@1stPhorm">
  78.  <meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="1st Phorm | The Foundation of High Performance Nutrition">
  79. <meta name="twitter:description" content="Founded on Quality, Built on Service, Measured on Results. 1st Phorm offers everything you need to elevate your fitness journey, including premium supplements, athletic apparel, and the 1st Phorm app.">
  80.  
  81. <style data-shopify>
  82.  
  83.  
  84.  
  85.  
  86.  
  87. </style><link href="//1stphorm.com/cdn/shop/t/296/assets/theme.css?v=60154237985004401581705950150" rel="stylesheet" type="text/css" media="all" />
  88. <style data-shopify>:root {
  89.    --typeHeaderPrimary: -apple-system;
  90.    --typeHeaderFallback: BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  91.    --typeHeaderSize: 36px;
  92.    --typeHeaderWeight: 400;
  93.    --typeHeaderLineHeight: 1;
  94.    --typeHeaderSpacing: 0.0em;
  95.  
  96.    --typeBasePrimary:-apple-system;
  97.    --typeBaseFallback:BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  98.    --typeBaseSize: 18px;
  99.    --typeBaseWeight: 400;
  100.    --typeBaseSpacing: 0.0em;
  101.    --typeBaseLineHeight: 1.4;
  102.  
  103.    --typeCollectionTitle: 20px;
  104.  
  105.    --iconWeight: 2px;
  106.    --iconLinecaps: miter;
  107.  
  108.    
  109.      --buttonRadius: 0px;
  110.    
  111.  
  112.    --colorGridOverlayOpacity: 0.1;
  113.  }
  114.  
  115.  .placeholder-content {
  116.    background-image: linear-gradient(100deg, #ffffff 40%, #f7f7f7 63%, #ffffff 79%);
  117.  }</style><link href="//1stphorm.com/cdn/shop/t/296/assets/custom.css?v=95280217587728851861710191708" rel="stylesheet" type="text/css" media="all" />
  118. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  119.  
  120.  <script>
  121.    document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
  122.  
  123.    window.theme = window.theme || {};
  124.    theme.routes = {
  125.      home: "/",
  126.      cart: "/cart.js",
  127.      cartPage: "/cart",
  128.      cartAdd: "/cart/add.js",
  129.      cartChange: "/cart/change.js",
  130.      search: "/search"
  131.    };
  132.    theme.strings = {
  133.      soldOut: "Sold Out",
  134.      unavailable: "Unavailable",
  135.      inStockLabel: "In stock, ready to ship",
  136.      stockLabel: "Low stock - [count] items left",
  137.      willNotShipUntil: "Ready to ship [date]",
  138.      willBeInStockAfter: "Back in stock [date]",
  139.      waitingForStock: "Inventory on the way",
  140.      savePrice: "Save [saved_amount]",
  141.      cartEmpty: "Your cart is currently empty.",
  142.      cartTermsConfirmation: "You must agree with the terms and conditions of sales to check out",
  143.      searchCollections: "Collections:",
  144.      searchPages: "Pages:",
  145.      searchArticles: "Articles:"
  146.    };
  147.    theme.settings = {
  148.      dynamicVariantsEnable: true,
  149.      cartType: "drawer",
  150.      isCustomerTemplate: false,
  151.      moneyFormat: "${{amount}}",
  152.      saveType: "dollar",
  153.      productImageSize: "square",
  154.      productImageCover: false,
  155.      predictiveSearch: false,
  156.      predictiveSearchType: "product",
  157.      quickView: false,
  158.      themeName: 'Impulse',
  159.      themeVersion: "5.5.1"
  160.    };
  161.  </script>
  162.  <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="A0fHjIfs-yG0CNliAH_VqgX4HRiyDC2_6vF9N32qmAk">
  163. <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/7277543493/digital_wallets/dialog">
  164. <meta name="shopify-checkout-api-token" content="6fd6cfd5fc1620e669ee292baf3d8f2a">
  165. <meta id="in-context-paypal-metadata" data-shop-id="7277543493" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
  166. <meta id="amazon-payments-metadata" data-amazon-payments="true" data-amazon-payments-seller-id="AAKEWS19KCJ0F" data-amazon-payments-callback-url="https://1stphorm.com/7277543493/amazon_payments/callback" data-amazon-payments-sandbox-mode="false" data-amazon-payments-client-id="amzn1.application-oa2-client.bb6a7e97d86b4bc0b520ad7d68b75245" data-amazon-payments-region="US" data-amazon-payments-language="en-US" data-amazon-payments-widget-library-url="https://static-na.payments-amazon.com/OffAmazonPayments/us/js/Widgets.js">
  167. <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
  168. <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=7277543493" crossorigin="anonymous"></script>
  169. <script id="shopify-features" type="application/json">{"accessToken":"6fd6cfd5fc1620e669ee292baf3d8f2a","betas":["rich-media-storefront-analytics"],"domain":"1stphorm.com","predictiveSearch":true,"shopId":7277543493,"smart_payment_buttons_url":"https:\/\/1stphorm.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/1stphorm.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en","flg4ff40b22":true}</script>
  170. <script>var Shopify = Shopify || {};
  171. Shopify.shop = "1p-ecomm.myshopify.com";
  172. Shopify.locale = "en";
  173. Shopify.currency = {"active":"USD","rate":"1.0"};
  174. Shopify.country = "US";
  175. Shopify.theme = {"name":"1ptheme\/main","id":123879555158,"theme_store_id":null,"role":"main"};
  176. Shopify.theme.handle = "null";
  177. Shopify.theme.style = {"id":null,"handle":null};
  178. Shopify.cdnHost = "1stphorm.com/cdn";
  179. Shopify.routes = Shopify.routes || {};
  180. Shopify.routes.root = "/";</script>
  181. <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
  182. <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
  183. <script>(function() {
  184.  function asyncLoad() {
  185.    var urls = ["https:\/\/s3.amazonaws.com\/jstags\/1071-b8b5f555e3fc.js?shop=1p-ecomm.myshopify.com","https:\/\/analytics.getshogun.com\/collector.js?shop=1p-ecomm.myshopify.com","https:\/\/d3hw6dc1ow8pp2.cloudfront.net\/reviewsWidget.min.js?shop=1p-ecomm.myshopify.com","https:\/\/1stphorm.postaffiliatepro.com\/plugins\/Shopify\/shopify.php?ac=getCode\u0026shop=1p-ecomm.myshopify.com","https:\/\/d18eg7dreypte5.cloudfront.net\/scripts\/integrations\/subscription.js?shop=1p-ecomm.myshopify.com","https:\/\/cdn-scripts.signifyd.com\/shopify\/script-tag.js?shop=1p-ecomm.myshopify.com","https:\/\/1stphorm.postaffiliatepro.com\/custom_plugins\/u181399\/ShopifyConversationScriptsCustom\/getScript.php?ac=getInitCode\u0026shop=1p-ecomm.myshopify.com","\/\/cdn.shopify.com\/proxy\/a496b8681f732f214740d108216ca5e16e33784aabcea63f31ff77792cb8c873\/s3-us-west-2.amazonaws.com\/jsstore\/a\/NXGH7J3\/ge.js?shop=1p-ecomm.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","\/\/cdn.shopify.com\/proxy\/c6e085aeb5dacdf165d8f3612e44d4dc8690eaab0cf39965f5f4b3e584357bb6\/app.retention.com\/shopify\/shopify_app_add_to_cart_script.js?shop=1p-ecomm.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/static.rechargecdn.com\/assets\/js\/widget.min.js?shop=1p-ecomm.myshopify.com","https:\/\/config.gorgias.chat\/bundle-loader\/01HF4YBQ19SEJJ27TYYG5QR8FR?source=shopify1click\u0026shop=1p-ecomm.myshopify.com","https:\/\/countryblocker.tible.tech\/app\/scripts\/1p-ecomm-countryblocker-20240101222401.js?shop=1p-ecomm.myshopify.com","https:\/\/bundle.dyn-rev.app\/loader.js?g_cvt_id=20ad1914-b2e0-4308-9eb9-7be8cb2d767f\u0026shop=1p-ecomm.myshopify.com","https:\/\/s3.eu-west-1.amazonaws.com\/production-klarna-il-shopify-osm\/c3d88faaccfe38f80c12c3720c99d87fd3161a3a\/1p-ecomm.myshopify.com-1710183504622.js?shop=1p-ecomm.myshopify.com","\/\/app.backinstock.org\/widget\/17933_1713363961.js?category=bis\u0026v=6\u0026shop=1p-ecomm.myshopify.com","https:\/\/cdn.rebuyengine.com\/onsite\/js\/rebuy.js?shop=1p-ecomm.myshopify.com"];
  186.    for (var i = 0; i < urls.length; i++) {
  187.      var s = document.createElement('script');
  188.      s.type = 'text/javascript';
  189.      s.async = true;
  190.      s.src = urls[i];
  191.      var x = document.getElementsByTagName('script')[0];
  192.      x.parentNode.insertBefore(s, x);
  193.    }
  194.  };
  195.  if(window.attachEvent) {
  196.    window.attachEvent('onload', asyncLoad);
  197.  } else {
  198.    window.addEventListener('load', asyncLoad, false);
  199.  }
  200. })();</script>
  201. <script id="__st">var __st={"a":7277543493,"offset":-18000,"reqid":"0b902132-98a5-4b41-95a9-5b8e28393d65-1715048330","pageurl":"1stphorm.com\/","u":"5008c9021f5d","p":"home"};</script>
  202. <script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
  203. <script>!function(){'use strict';const e='contact',t='account',n='new_comment',o=e=>e.map((([e,t])=>`form[action*='/${e}'] input[name='form_type'][value='${t}']`)).join(',');function c(e,t,n){try{for(const[o,c]of Object.entries(JSON.parse(n.getItem(t))))e.elements[o]&&(e.elements[o].value=c);n.removeItem(t)}catch{}}const s='form_type',r='cptcha';var a,m,i,u;a=window,m=document,u='ce_forms',a[i='Shopify']=a[i]||{},a[i][u]=a[i][u]||{},a[i][u].q=[],function(a,m,i,u,f,d){const[l,p]=function(c,s){const r=s?[[e,e],['blogs',n],['comments',n],[e,'customer']]:[],a=c?[[t,'customer_login'],[t,'recover_customer_password'],[t,'create_customer']]:[],m=o([...r,...a]),i=o(r.slice(0,3)),u=e=>()=>e?[...document.querySelectorAll(e)].map((e=>e.form)):[];return[u(m),u(i)]}(!0,!0),_=e=>{const t=e.target,n=t instanceof HTMLFormElement?t:t&&t.form;return n&&l().find((e=>n===e))};a.addEventListener('submit',(e=>{_(e)&&e.preventDefault()}));for(const e of['focusin','change'])a.addEventListener(e,(e=>{const t=_(e);t&&!t.dataset[r]&&(u(t,p().some((e=>e===t))),t.dataset[r]=!0)}));const v=i.get('form_key'),g=i.get(s);v&&g&&a.addEventListener('DOMContentLoaded',(()=>{for(const e of p())e.elements[s].value===g&&c(e,v,m)}))}(m,a.sessionStorage,new URLSearchParams(a.location.search),((e,t)=>{const n=a[i][u],o=n.bindForm,c='6LeHG2ApAAAAAO4rPaDW-qVpPKPOBfjbCpzJB9ey';if(o)return o(e,c,t);n.q.push([e,c,t]),m.body.append(Object.assign(m.createElement('script'),{async:!0,src:'https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_recaptcha.v1.0.2.iife.js'}))}))}();</script>
  204. <script integrity="sha256-n5Uet9jVOXPHGd4hH4B9Y6+BxkTluaaucmYaxAjUcvY=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//1stphorm.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-9f951eb7d8d53973c719de211f807d63af81c644e5b9a6ae72661ac408d472f6.js" crossorigin="anonymous"></script>
  205. <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//1stphorm.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script>
  206.  
  207.  
  208. <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) {
  209.  #dynamic-checkout-cart {
  210.    min-height: 50px;
  211.  }
  212. }
  213.  
  214. @media screen and (max-width: 750px) {
  215.  #dynamic-checkout-cart {
  216.    min-height: 180px;
  217.  }
  218. }
  219. </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
  220.  
  221.  <script src="//1stphorm.com/cdn/shop/t/296/assets/vendor-scripts-v11.js" defer="defer"></script><script src="//1stphorm.com/cdn/shop/t/296/assets/theme.js?v=126398010363796769961709132254" defer="defer"></script>
  222.  <script src="//1stphorm.com/cdn/shop/t/296/assets/custom.js?v=142645449724329834541702052343" defer="defer"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  223.  
  224. <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  225.  
  226.  <script src="//1stphorm.com/cdn/shop/t/296/assets/hammer.js?v=50904250349499066121702052349" ></script>
  227.  
  228. <!-- Start VWO Async SmartCode -->
  229.  
  230.  
  231. <link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" />
  232. <script type='text/javascript' id='vwoCode'>
  233. window._vwo_code || (function() {
  234. var account_id=725068,
  235. version=2.0,
  236. settings_tolerance=2000,
  237. hide_element='body',
  238. hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important',
  239. /* DO NOT EDIT BELOW THIS LINE */
  240. f=false,w=window,d=document,v=d.querySelector('#vwoCode'),cK='_vwo_'+account_id+'_settings',cc={};try{var c=JSON.parse(localStorage.getItem('_vwo_'+account_id+'_config'));cc=c&&typeof c==='object'?c:{}}catch(e){}var stT=cc.stT==='session'?w.sessionStorage:w.localStorage;code={use_existing_jquery:function(){return typeof use_existing_jquery!=='undefined'?use_existing_jquery:undefined},library_tolerance:function(){return typeof library_tolerance!=='undefined'?library_tolerance:undefined},settings_tolerance:function(){return cc.sT||settings_tolerance},hide_element_style:function(){return'{'+(cc.hES||hide_element_style)+'}'},hide_element:function(){return typeof cc.hE==='string'?cc.hE:hide_element},getVersion:function(){return version},finish:function(){if(!f){f=true;var e=d.getElementById('_vis_opt_path_hides');if(e)e.parentNode.removeChild(e)}},finished:function(){return f},load:function(e){var t=this.getSettings(),n=d.createElement('script'),i=this;if(t){n.textContent=t;d.getElementsByTagName('head')[0].appendChild(n);if(!w.VWO||VWO.caE){stT.removeItem(cK);i.load(e)}}else{n.fetchPriority='high';n.src=e;n.type='text/javascript';n.onerror=function(){_vwo_code.finish()};d.getElementsByTagName('head')[0].appendChild(n)}},getSettings:function(){try{var e=stT.getItem(cK);if(!e){return}e=JSON.parse(e);if(Date.now()>e.e){stT.removeItem(cK);return}return e.s}catch(e){return}},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;var e=this.settings_tolerance();w._vwo_settings_timer=setTimeout(function(){_vwo_code.finish();stT.removeItem(cK)},e);var t=d.currentScript,n=d.createElement('style'),i=this.hide_element(),r=t&&!t.async&&i?i+this.hide_element_style():'',c=d.getElementsByTagName('head')[0];n.setAttribute('id','_vis_opt_path_hides');v&&n.setAttribute('nonce',v.nonce);n.setAttribute('type','text/css');if(n.styleSheet)n.styleSheet.cssText=r;else n.appendChild(d.createTextNode(r));c.appendChild(n);this.load('https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&vn='+version)}};w._vwo_code=code;code.init();})();
  241. </script>
  242.  
  243.  
  244. <!-- End VWO Async SmartCode -->
  245.  
  246.  
  247.  <!-- Algolia head -->
  248.    <script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_config.js?v=35558568514130433091702052355" type="text/javascript"></script>
  249. <script type="text/template" id="template_algolia_money_format">${{amount}}
  250. </script>
  251. <script type="text/template" id="template_algolia_current_collection_id">{
  252.    "currentCollectionID":
  253. }
  254. </script>
  255. <script type="text/template" id="template_algolia_autocomplete.css">/* ----------------
  256. 1.  CSS Variables
  257. 2.  Dark Mode
  258. 3.  Autocomplete
  259. 4.  Panel
  260. 5.  Sources
  261. 6.  Hit Layout
  262. 7.  Panel Header
  263. 8.  Panel Footer
  264. 9.  Detached Mode
  265. 10. Gradients
  266. 11. Utilities
  267. 12. Multi column layout
  268. ----------------
  269.  
  270. Note:
  271. This theme reflects the markup structure of autocomplete with SCSS indentation.
  272. We use the SASS `@at-root` function to keep specificity low.
  273.  
  274. ----------------
  275. 1. CSS Variables
  276. ---------------- */
  277.  
  278. :root {
  279.    /* Input */
  280.    --aa-search-input-height: 44px;
  281.    --aa-input-icon-size: 20px;
  282.  
  283.    /* Size and spacing */
  284.    --aa-base-unit: 16;
  285.    --aa-spacing-factor: 1;
  286.    --aa-spacing: calc(var(--aa-base-unit) * var(--aa-spacing-factor) * 1px);
  287.    --aa-spacing-half: calc(var(--aa-spacing) / 2);
  288.    --aa-panel-max-height: 650px;
  289.  
  290.    /* Z-index */
  291.    --aa-base-z-index: 9999;
  292.  
  293.    /* Font */
  294.    --aa-font-size: calc(var(--aa-base-unit) * 1px);
  295.    --aa-font-family: inherit;
  296.    --aa-font-weight-medium: 500;
  297.    --aa-font-weight-semibold: 600;
  298.    --aa-font-weight-bold: 700;
  299.  
  300.    /* Icons */
  301.    --aa-icon-size: 20px;
  302.    --aa-icon-stroke-width: 1.6;
  303.    --aa-icon-color-rgb: 119, 119, 163;
  304.    --aa-icon-color-alpha: 1;
  305.    --aa-action-icon-size: 20px;
  306.  
  307.    /* Text colors */
  308.    --aa-text-color-rgb: 38, 38, 39;
  309.    --aa-text-color-alpha: 1;
  310.    --aa-primary-color-rgb: 62, 52, 211;
  311.    --aa-primary-color-alpha: 0.2;
  312.    --aa-muted-color-rgb: 128, 126, 163;
  313.    --aa-muted-color-alpha: 0.6;
  314.    --aa-highlight-color-rgb: 62, 52, 211;
  315.  
  316.    /* Border colors */
  317.    --aa-panel-border-color-rgb: 128, 126, 163;
  318.    --aa-panel-border-color-alpha: 0.3;
  319.    --aa-input-border-color-rgb: 128, 126, 163;
  320.    --aa-input-border-color-alpha: 0.8;
  321.  
  322.    /* Background colors */
  323.    --aa-background-color-rgb: 255, 255, 255;
  324.    --aa-background-color-alpha: 1;
  325.    --aa-input-background-color-rgb: 255, 255, 255;
  326.    --aa-input-background-color-alpha: 1;
  327.    --aa-selected-color-rgb: 179, 173, 214;
  328.    --aa-selected-color-alpha: 0.205;
  329.    --aa-description-highlight-background-color-rgb: 245, 223, 77;
  330.    --aa-description-highlight-background-color-alpha: 0.5;
  331.  
  332.    /* Detached mode */
  333.    --aa-detached-media-query: (
  334.    max-width: 680px);
  335.    --aa-detached-modal-media-query: (
  336.    min-width: 680px);
  337.    --aa-detached-modal-max-width: 680px;
  338.    --aa-detached-modal-max-height: 500px;
  339.    --aa-overlay-color-rgb: 115, 114, 129;
  340.    --aa-overlay-color-alpha: 0.4;
  341.  
  342.    /* Shadows */
  343.    --aa-panel-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),
  344.    0 6px 16px -4px rgba(35, 38, 59, 0.15);
  345.  
  346.    /* Scrollbar */
  347.    --aa-scrollbar-width: 13px;
  348.    --aa-scrollbar-track-background-color-rgb: 234, 234, 234;
  349.    --aa-scrollbar-track-background-color-alpha: 1;
  350.    --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);
  351.    --aa-scrollbar-thumb-background-color-alpha: 1;
  352. }
  353.  
  354. /* Touch screens */
  355. @media (hover: none) and (pointer: coarse) {
  356.    :root {
  357.        --aa-spacing-factor: 1.2;
  358.        --aa-action-icon-size: 22px;
  359.    }
  360. }
  361.  
  362. /* ----------------
  363. 2. Dark Mode
  364. ---------------- */
  365. body {
  366.    /* stylelint-disable selector-no-qualifying-type, selector-class-pattern */
  367.    /* stylelint-enable selector-no-qualifying-type, selector-class-pattern */
  368. }
  369.  
  370. body[data-theme='dark'], body.dark {
  371.    /* Text colors */
  372.    --aa-text-color-rgb: 183, 192, 199;
  373.    --aa-primary-color-rgb: 146, 138, 255;
  374.    --aa-muted-color-rgb: 146, 138, 255;
  375.  
  376.    /* Background colors */
  377.    --aa-input-background-color-rgb: 0, 3, 9;
  378.    --aa-background-color-rgb: 21, 24, 42;
  379.    --aa-selected-color-rgb: 146, 138, 255;
  380.    --aa-selected-color-alpha: 0.25;
  381.    --aa-description-highlight-background-color-rgb: 0 255 255;
  382.    --aa-description-highlight-background-color-alpha: 0.25;
  383.  
  384.    /* Icons */
  385.    --aa-icon-color-rgb: 119, 119, 163;
  386.  
  387.    /* Shadows */
  388.    --aa-panel-shadow: inset 1px 1px 0 0 rgb(44, 46, 64),
  389.    0 3px 8px 0 rgb(0, 3, 9);
  390.  
  391.    /* Scrollbar */
  392.    --aa-scrollbar-track-background-color-rgb: 44, 46, 64;
  393.    --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);
  394. }
  395.  
  396. /* Reset for `@extend` */
  397. .aa-Autocomplete *,
  398. .aa-DetachedFormContainer *, .aa-Panel * {
  399.    box-sizing: border-box;
  400. }
  401.  
  402. /* Init for `@extend` */
  403. .aa-Autocomplete,
  404. .aa-DetachedFormContainer, .aa-Panel {
  405.    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
  406.    font-family: var(--aa-font-family);
  407.    font-size: var(--aa-font-size);
  408.    font-weight: normal;
  409.    line-height: 1em;
  410.    margin: auto 0px;
  411.    padding: 0;
  412.    text-align: left;
  413.    width:100%
  414. }
  415.  
  416. /* ----------------
  417. 3. Autocomplete
  418. ---------------- */
  419. /* Search box */
  420. .aa-MainContainer {
  421.    min-width:650px;
  422. }
  423.  
  424. .aa-Form {
  425.    align-items: center;
  426.    background-color: rgba(var(--aa-input-background-color-rgb), var(--aa-input-background-color-alpha));
  427.    /*border: 1px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));*/
  428.    border-radius: 3px;
  429.    display: flex;
  430.    line-height: 1em;
  431.    margin: 0;
  432.    position: relative;
  433.    width: 100%;
  434. }
  435.  
  436. .aa-Form:focus-within {
  437.    border-color: rgba(var(--aa-primary-color-rgb), 1);
  438.    box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px, inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px;
  439.    outline: currentColor none medium;
  440. }
  441.  
  442. .aa-InputWrapperPrefix {
  443.    align-items: center;
  444.    display: flex;
  445.    flex-shrink: 0;
  446.    height: var(--aa-search-input-height);
  447.    order: 1;
  448. }
  449.  
  450. /* Container for search and loading icons */
  451. .aa-Label,
  452. .aa-LoadingIndicator {
  453.    cursor: initial;
  454.    flex-shrink: 0;
  455.    height: 100%;
  456.    padding: 0;
  457.    text-align: left;
  458. }
  459.  
  460. .aa-Label svg,
  461. .aa-LoadingIndicator svg {
  462.    color: rgba(var(--aa-primary-color-rgb), 1);
  463.    height: auto;
  464.    max-height: var(--aa-input-icon-size);
  465.    stroke-width: var(--aa-icon-stroke-width);
  466.    width: var(--aa-input-icon-size);
  467.    margin-top: 15px;
  468. }
  469.  
  470. .aa-SubmitButton,
  471. .aa-LoadingIndicator {
  472.    height: 100%;
  473.    padding-left: calc(var(--aa-spacing) * 0.75 - 1px);
  474.    padding-right: var(--aa-spacing-half);
  475.    width: calc(var(--aa-spacing) * 1.75 + var(--aa-icon-size) - 1px);
  476. }
  477.  
  478. @media (hover: none) and (pointer: coarse) {
  479.    .aa-SubmitButton,
  480.    .aa-LoadingIndicator {
  481.        padding-left: calc(var(--aa-spacing-half) / 2 - 1px);
  482.        width: calc(var(--aa-icon-size) + (var(--aa-spacing) * 1.25) - 1px);
  483.    }
  484. }
  485.  
  486. .aa-SubmitButton {
  487.    appearance: none;
  488.    background: none;
  489.    border: 0;
  490.    margin: 0;
  491. }
  492.  
  493. .aa-LoadingIndicator {
  494.    align-items: center;
  495.    display: flex;
  496.    justify-content: center;
  497. }
  498.  
  499. .aa-LoadingIndicator[hidden] {
  500.    display: none;
  501. }
  502.  
  503. .aa-InputWrapper {
  504.    order: 3;
  505.    position: relative;
  506.    width: 100%;
  507. }
  508.  
  509. /* Search box input (with placeholder and query) */
  510. .aa-Input {
  511.    appearance: none;
  512.    background: none;
  513.    border: 0;
  514.    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
  515.    font: inherit;
  516.    height: var(--aa-search-input-height);
  517.    padding: 0;
  518.    width: 100%;
  519. }
  520.  
  521. .aa-Input::placeholder {
  522.    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
  523.    opacity: 1;
  524. }
  525.  
  526. /* Focus is set and styled on the parent, it isn't necessary here */
  527. .aa-Input:focus {
  528.    border-color: none;
  529.    box-shadow: none;
  530.    outline: none;
  531. }
  532.  
  533. /* Remove native appearence */
  534. .aa-Input::-webkit-search-decoration, .aa-Input::-webkit-search-cancel-button, .aa-Input::-webkit-search-results-button, .aa-Input::-webkit-search-results-decoration {
  535.    appearance: none;
  536. }
  537.  
  538. .aa-InputWrapperSuffix {
  539.    align-items: center;
  540.    display: flex;
  541.    height: var(--aa-search-input-height);
  542.    order: 4;
  543. }
  544.  
  545. /* Accelerator to clear the query */
  546. .aa-ClearButton {
  547.    align-items: center;
  548.    background: none;
  549.    border: 0;
  550.    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
  551.    cursor: pointer;
  552.    
  553.    height: 100%;
  554.    margin: 0;
  555.    padding: 0 calc(var(--aa-spacing) * (5 / 6) - 0.5px);
  556.    display: none;
  557. }
  558.  
  559. @media (hover: none) and (pointer: coarse) {
  560.    .aa-ClearButton {
  561.        padding: 0 calc(var(--aa-spacing) * (2 / 3) - 0.5px);
  562.    }
  563. }
  564.  
  565. .aa-ClearButton:hover, .aa-ClearButton:focus {
  566.    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
  567. }
  568.  
  569. .aa-ClearButton[hidden] {
  570.    display: none;
  571. }
  572.  
  573. .aa-ClearButton svg {
  574.    stroke-width: var(--aa-icon-stroke-width);
  575.    width: var(--aa-icon-size);
  576. }
  577.  
  578. /* ----------------
  579. 4. Panel
  580. ---------------- */
  581. .aa-Panel {
  582.    background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
  583.    border-radius: calc(var(--aa-spacing) / 4);
  584.    box-shadow: var(--aa-panel-shadow);
  585.    margin: 50px 0 0;
  586.    overflow: hidden;
  587.    position: absolute;
  588.    transition: opacity 200ms ease-in, filter 200ms ease-in;
  589.    display: block;
  590.    z-index: 60;
  591. }
  592.  
  593. @media screen and (prefers-reduced-motion) {
  594.    .aa-Panel {
  595.        transition: none;
  596.    }
  597. }
  598.  
  599. .aa-Panel button {
  600.    appearance: none;
  601.    background: none;
  602.    border: 0;
  603.    margin: 0;
  604.    padding: 0;
  605. }
  606.  
  607. .aa-PanelLayout {
  608.    height: 100%;
  609.    margin: 0;
  610.    max-height: var(--aa-panel-max-height);
  611.    overflow-y: auto;
  612.    padding: 0;
  613.    position: relative;
  614.    text-align: left;
  615. }
  616.  
  617. .aa-PanelLayoutColumns--twoGolden {
  618.    display: grid;
  619.    grid-template-columns: 39.2% auto;
  620.    overflow: hidden;
  621.    padding: 0;
  622. }
  623.  
  624. .aa-PanelLayoutColumns--two {
  625.    display: grid;
  626.    grid-template-columns: repeat(2, minmax(0, 1fr));
  627.    overflow: hidden;
  628.    padding: 0;
  629. }
  630.  
  631. .aa-PanelLayoutColumns--three {
  632.    display: grid;
  633.    grid-template-columns: repeat(3, minmax(0, 1fr));
  634.    overflow: hidden;
  635.    padding: 0;
  636. }
  637.  
  638. /* When a request isn't resolved yet */
  639. .aa-Panel--stalled .aa-Source {
  640.    filter: grayscale(1);
  641.    opacity: 0.8;
  642. }
  643.  
  644. .aa-Panel--scrollable {
  645.    margin: 0;
  646.    max-height: var(--aa-panel-max-height);
  647.    overflow-x: hidden;
  648.    overflow-y: auto;
  649.    padding: var(--aa-spacing-half);
  650.    scrollbar-color: rgba(var(--aa-scrollbar-thumb-background-color-rgb), var(--aa-scrollbar-thumb-background-color-alpha)) rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha));
  651.    scrollbar-width: thin;
  652. }
  653.  
  654. .aa-Panel--scrollable::-webkit-scrollbar {
  655.    width: var(--aa-scrollbar-width);
  656. }
  657.  
  658. .aa-Panel--scrollable::-webkit-scrollbar-track {
  659.    background-color: rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha));
  660. }
  661.  
  662. .aa-Panel--scrollable::-webkit-scrollbar-thumb {
  663.    background-color: rgba(var(--aa-scrollbar-thumb-background-color-rgb), var(--aa-scrollbar-thumb-background-color-alpha));
  664.    border-color: rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha));
  665.    border-radius: 9999px;
  666.    border-style: solid;
  667.    border-width: 3px 2px 3px 3px;
  668. }
  669.  
  670. /* ----------------
  671. 5. Sources
  672. Each source can be styled independently
  673. ---------------- */
  674. /*Hide empty section */
  675. .aa-Source {
  676.    margin: 0;
  677.    padding: 0;
  678.    position: relative;
  679.    width: 100%;
  680. }
  681.  
  682. .aa-Source:empty {
  683.    display: none;
  684. }
  685.  
  686. .aa-SourceNoResults {
  687.    font-size: 1em;
  688.    margin: 0;
  689.    padding: var(--aa-spacing);
  690. }
  691.  
  692. /* List of results inside the source */
  693. .aa-List {
  694.    list-style: none;
  695.    margin: 0;
  696.    padding: 0;
  697.    position: relative;
  698. }
  699.  
  700. /*Source title */
  701. .aa-SourceHeader {
  702.    margin: var(--aa-spacing-half) 0.5em var(--aa-spacing-half) 0;
  703.    padding: 0;
  704.    position: relative;
  705. }
  706.  
  707. /* Hide empty header */
  708. .aa-SourceHeader:empty {
  709.    display: none;
  710. }
  711.  
  712. /* Title typography */
  713. .aa-SourceHeaderTitle {
  714.    background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
  715.    color: rgba(var(--aa-primary-color-rgb), 1);
  716.    display: inline-block;
  717.    font-size: 0.8em;
  718.    font-weight: var(--aa-font-weight-semibold);
  719.    margin: 0;
  720.    padding: 0 var(--aa-spacing-half) 0 0;
  721.    position: relative;
  722.    z-index: var(--aa-base-z-index);
  723. }
  724.  
  725. /* Line separator */
  726. .aa-SourceHeaderLine {
  727.    border-bottom: solid 1px rgba(var(--aa-primary-color-rgb), 1);
  728.    display: block !important;
  729.    height: 2px;
  730.    left: 0;
  731.    margin: 0;
  732.    opacity: 0.3;
  733.    padding: 0;
  734.    position: absolute;
  735.    right: 0;
  736.    top: var(--aa-spacing-half);
  737.    z-index: calc(var(--aa-base-z-index) - 1);
  738. }
  739.  
  740. /* See all button */
  741. .aa-SourceFooterSeeAll {
  742.    background: linear-gradient(180deg, rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)), rgba(128, 126, 163, 0.14));
  743.    border: 1px solid rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
  744.    border-radius: 5px;
  745.    box-shadow: inset 0 0 2px #fff, 0 2px 2px -1px rgba(76, 69, 88, 0.15);
  746.    color: inherit;
  747.    font-size: 0.95em;
  748.    font-weight: var(--aa-font-weight-medium);
  749.    padding: 0.475em 1em 0.6em;
  750.    text-decoration: none;
  751. }
  752.  
  753. .aa-SourceFooterSeeAll:focus, .aa-SourceFooterSeeAll:hover {
  754.    border: 1px solid rgba(var(--aa-primary-color-rgb), 1);
  755.    color: rgba(var(--aa-primary-color-rgb), 1);
  756. }
  757.  
  758. /* ----------------
  759. 6. Hit Layout
  760. ---------------- */
  761. .aa-Item {
  762.    align-items: center;
  763.    border-radius: 3px;
  764.    cursor: pointer;
  765.    display: grid;
  766.    min-height: calc(var(--aa-spacing) * 2.5);
  767.    padding: calc(var(--aa-spacing-half) / 2);
  768. }
  769.  
  770. /* When the result is active */
  771. .aa-Item[aria-selected='true'] {
  772.    background-color: rgba(var(--aa-selected-color-rgb), var(--aa-selected-color-alpha));
  773. }
  774.  
  775. .aa-Item[aria-selected='true'] .aa-ItemActionButton,
  776. .aa-Item[aria-selected='true'] .aa-ActiveOnly {
  777.    visibility: visible;
  778. }
  779.  
  780. /* The result type icon inlined SVG or image */
  781. .aa-ItemIcon {
  782.    align-items: center;
  783.    background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
  784.    border-radius: 3px;
  785.    box-shadow: inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
  786.    color: rgba(var(--aa-icon-color-rgb), var(--aa-icon-color-alpha));
  787.    display: flex;
  788.    flex-shrink: 0;
  789.    font-size: 0.7em;
  790.    height: calc(var(--aa-icon-size) + var(--aa-spacing-half));
  791.    justify-content: center;
  792.    overflow: hidden;
  793.    stroke-width: var(--aa-icon-stroke-width);
  794.    text-align: center;
  795.    width: calc(var(--aa-icon-size) + var(--aa-spacing-half));
  796. }
  797.  
  798. .aa-ItemIcon img {
  799.    height: auto;
  800.    max-height: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);
  801.    max-width: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);
  802.    width: auto;
  803. }
  804.  
  805. .aa-ItemIcon svg {
  806.    height: var(--aa-icon-size);
  807.    width: var(--aa-icon-size);
  808. }
  809.  
  810. .aa-ItemIcon--alignTop {
  811.    align-self: flex-start;
  812. }
  813.  
  814. .aa-ItemIcon--noBorder {
  815.    background: none;
  816.    box-shadow: none;
  817. }
  818.  
  819. .aa-ItemIcon--picture {
  820.    height: 96px;
  821.    width: 96px;
  822. }
  823.  
  824. .aa-ItemIcon--picture img {
  825.    max-height: 100%;
  826.    max-width: 100%;
  827.    padding: var(--aa-spacing-half);
  828. }
  829.  
  830. .aa-ItemContent {
  831.    align-items: center;
  832.    cursor: pointer;
  833.    display: grid;
  834.    gap: var(--aa-spacing-half);
  835.    grid-auto-flow: column;
  836.    line-height: 1.25em;
  837.    overflow: hidden;
  838. }
  839.  
  840. .aa-ItemContent:empty {
  841.    display: none;
  842. }
  843.  
  844. .aa-ItemContent mark {
  845.    background: none;
  846.    color: rgba(var(--aa-highlight-color-rgb), 1);
  847.    font-style: normal;
  848.    font-weight: var(--aa-font-weight-bold);
  849. }
  850.  
  851. .aa-ItemContent--dual {
  852.    display: flex;
  853.    flex-direction: column;
  854.    justify-content: space-between;
  855.    text-align: left;
  856. }
  857.  
  858. .aa-ItemContent--dual .aa-ItemContentTitle,
  859. .aa-ItemContent--dual .aa-ItemContentSubtitle {
  860.    display: block;
  861. }
  862.  
  863. .aa-ItemContent--indented {
  864.    padding-left: calc(var(--aa-icon-size) + var(--aa-spacing));
  865. }
  866.  
  867. .aa-ItemContentBody {
  868.    display: grid;
  869.    gap: calc(var(--aa-spacing-half) / 2);
  870. }
  871.  
  872. .aa-ItemContentTitle {
  873.    display: inline-block;
  874.    margin: 0 0.5em 0 0;
  875.    max-width: 100%;
  876.    overflow: hidden;
  877.    padding: 0;
  878.    text-overflow: ellipsis;
  879.    white-space: nowrap;
  880. }
  881.  
  882. .aa-ItemContentSubtitle {
  883.    font-size: 0.92em;
  884. }
  885.  
  886. .aa-ItemContentSubtitleIcon::before {
  887.    border-color: rgba(var(--aa-muted-color-rgb), 0.64);
  888.    border-style: solid;
  889.    content: '';
  890.    display: inline-block;
  891.    left: 1px;
  892.    position: relative;
  893.    top: -3px;
  894. }
  895.  
  896. .aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon::before {
  897.    border-width: 0 0 1.5px;
  898.    margin-left: var(--aa-spacing-half);
  899.    margin-right: calc(var(--aa-spacing-half) / 2);
  900.    width: calc(var(--aa-spacing-half) + 2px);
  901. }
  902.  
  903. .aa-ItemContentSubtitle--standalone {
  904.    align-items: center;
  905.    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
  906.    display: grid;
  907.    gap: var(--aa-spacing-half);
  908.    grid-auto-flow: column;
  909.    justify-content: start;
  910. }
  911.  
  912. .aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon::before {
  913.    border-radius: 0 0 0 3px;
  914.    border-width: 0 0 1.5px 1.5px;
  915.    height: var(--aa-spacing-half);
  916.    width: var(--aa-spacing-half);
  917. }
  918.  
  919. .aa-ItemContentSubtitleCategory {
  920.    color: rgba(var(--aa-muted-color-rgb), 1);
  921.    font-weight: 500;
  922. }
  923.  
  924. .aa-ItemContentDescription {
  925.    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
  926.    font-size: 0.85em;
  927.    max-width: 100%;
  928.    overflow-x: hidden;
  929.    text-overflow: ellipsis;
  930. }
  931.  
  932. .aa-ItemContentDescription:empty {
  933.    display: none;
  934. }
  935.  
  936. .aa-ItemContentDescription mark {
  937.    background: rgba(var(--aa-description-highlight-background-color-rgb), var(--aa-description-highlight-background-color-alpha));
  938.    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
  939.    font-style: normal;
  940.    font-weight: var(--aa-font-weight-medium);
  941. }
  942.  
  943. .aa-ItemContentDash {
  944.    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
  945.    display: none;
  946.    opacity: 0.4;
  947. }
  948.  
  949. .aa-ItemContentTag {
  950.    background-color: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha));
  951.    border-radius: 3px;
  952.    margin: 0 0.4em 0 0;
  953.    padding: 0.08em 0.3em;
  954. }
  955.  
  956. /* wrap hit with url but we don't need to see it */
  957. .aa-ItemWrapper,
  958. .aa-ItemLink {
  959.    align-items: center;
  960.    color: inherit;
  961.    display: grid;
  962.    gap: calc(var(--aa-spacing-half) / 2);
  963.    grid-auto-flow: column;
  964.    justify-content: space-between;
  965.    width: 100%;
  966. }
  967.  
  968. .aa-ItemLink {
  969.    color: inherit;
  970.    text-decoration: none;
  971. }
  972.  
  973. /* Secondary click actions */
  974. .aa-ItemActions {
  975.    display: grid;
  976.    grid-auto-flow: column;
  977.    height: 100%;
  978.    justify-self: end;
  979.    margin: 0 calc(var(--aa-spacing) / -3);
  980.    padding: 0 2px 0 0;
  981. }
  982.  
  983. .aa-ItemActionButton {
  984.    align-items: center;
  985.    background: none;
  986.    border: 0;
  987.    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
  988.    cursor: pointer;
  989.    display: flex;
  990.    flex-shrink: 0;
  991.    padding: 0;
  992. }
  993.  
  994. .aa-ItemActionButton:hover svg, .aa-ItemActionButton:focus svg {
  995.    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
  996. }
  997.  
  998. @media (hover: none) and (pointer: coarse) {
  999.    .aa-ItemActionButton:hover svg, .aa-ItemActionButton:focus svg {
  1000.        color: inherit;
  1001.    }
  1002. }
  1003.  
  1004. .aa-ItemActionButton svg {
  1005.    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
  1006.    margin: 0;
  1007.    margin: calc(var(--aa-spacing) / 3);
  1008.    stroke-width: var(--aa-icon-stroke-width);
  1009.    width: var(--aa-action-icon-size);
  1010. }
  1011.  
  1012. .aa-ActiveOnly {
  1013.    visibility: hidden;
  1014. }
  1015.  
  1016. /* ----------------
  1017. 7. Panel Header
  1018. ---------------- */
  1019. .aa-PanelHeader {
  1020.    align-items: center;
  1021.    background: rgba(var(--aa-primary-color-rgb), 1);
  1022.    color: #fff;
  1023.    display: grid;
  1024.    height: var(--aa-modal-header-height);
  1025.    margin: 0;
  1026.    padding: var(--aa-spacing-half) var(--aa-spacing);
  1027.    position: relative;
  1028. }
  1029.  
  1030. .aa-PanelHeader::after {
  1031.    background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 1), rgba(var(--aa-background-color-rgb), 0));
  1032.    bottom: calc(var(--aa-spacing-half) * -1);
  1033.    content: '';
  1034.    height: var(--aa-spacing-half);
  1035.    left: 0;
  1036.    pointer-events: none;
  1037.    position: absolute;
  1038.    right: 0;
  1039.    z-index: var(--aa-base-z-index);
  1040. }
  1041.  
  1042. /* ----------------
  1043. 8. Panel Footer
  1044. ---------------- */
  1045. .aa-PanelFooter {
  1046.    background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
  1047.    box-shadow: inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
  1048.    display: flex;
  1049.    justify-content: space-between;
  1050.    margin: 0;
  1051.    padding: var(--aa-spacing);
  1052.    position: relative;
  1053.    z-index: var(--aa-base-z-index);
  1054. }
  1055.  
  1056. .aa-PanelFooter::after {
  1057.    background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 0), rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha)));
  1058.    content: '';
  1059.    height: var(--aa-spacing);
  1060.    left: 0;
  1061.    opacity: 0.12;
  1062.    pointer-events: none;
  1063.    position: absolute;
  1064.    right: 0;
  1065.    top: calc(var(--aa-spacing) * -1);
  1066.    z-index: calc(var(--aa-base-z-index) - 1);
  1067. }
  1068.  
  1069. /* ----------------
  1070. 9. Detached Mode
  1071. ---------------- */
  1072. .aa-DetachedContainer {
  1073.    background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
  1074.    bottom: 0;
  1075.    box-shadow: var(--aa-panel-shadow);
  1076.    display: flex;
  1077.    flex-direction: column;
  1078.    left: 0;
  1079.    margin: 0;
  1080.    overflow: hidden;
  1081.    padding: 0;
  1082.    position: fixed;
  1083.    right: 0;
  1084.    top: 0;
  1085.    z-index: var(--aa-base-z-index);
  1086. }
  1087.  
  1088. .aa-DetachedContainer::after {
  1089.    height: 32px;
  1090. }
  1091.  
  1092. .aa-DetachedContainer .aa-SourceHeader {
  1093.    margin: var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px;
  1094. }
  1095.  
  1096. .aa-DetachedContainer .aa-Panel {
  1097.    background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
  1098.    border-radius: 0;
  1099.    box-shadow: none;
  1100.    flex-grow: 1;
  1101.    margin: 0;
  1102.    padding: 0;
  1103.    position: relative;
  1104. }
  1105.  
  1106. .aa-DetachedContainer .aa-PanelLayout {
  1107.    bottom: 0;
  1108.    box-shadow: none;
  1109.    left: 0;
  1110.    margin: 0;
  1111.    max-height: none;
  1112.    overflow-y: auto;
  1113.    position: absolute;
  1114.    right: 0;
  1115.    top: 0;
  1116.    width: 100%;
  1117. }
  1118.  
  1119. .aa-DetachedFormContainer {
  1120.    border-bottom: solid 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
  1121.    display: flex;
  1122.    flex-direction: row;
  1123.    justify-content: space-between;
  1124.    margin: 0;
  1125.    padding: var(--aa-spacing-half);
  1126. }
  1127.  
  1128. .aa-DetachedCancelButton {
  1129.    background: none;
  1130.    border: 0;
  1131.    border-radius: 3px;
  1132.    color: inherit;
  1133.    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
  1134.    cursor: pointer;
  1135.    font: inherit;
  1136.    margin: 0 0 0 var(--aa-spacing-half);
  1137.    padding: 0 var(--aa-spacing-half);
  1138. }
  1139.  
  1140. .aa-DetachedCancelButton:hover, .aa-DetachedCancelButton:focus {
  1141.    box-shadow: inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
  1142. }
  1143.  
  1144. .aa-DetachedContainer--modal {
  1145.    border-radius: 6px;
  1146.    bottom: inherit;
  1147.    height: auto;
  1148.    margin: 0 auto;
  1149.    max-width: var(--aa-detached-modal-max-width);
  1150.    position: absolute;
  1151.    top: 3%;
  1152. }
  1153.  
  1154. .aa-DetachedContainer--modal .aa-PanelLayout {
  1155.    max-height: var(--aa-detached-modal-max-height);
  1156.    padding-bottom: var(--aa-spacing-half);
  1157.    position: static;
  1158. }
  1159.  
  1160. /* Search Button */
  1161. .aa-DetachedSearchButton {
  1162.    align-items: center;
  1163.    background-color: rgba(var(--aa-input-background-color-rgb), var(--aa-input-background-color-alpha));
  1164.    border: 1px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));
  1165.    border-radius: 3px;
  1166.    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
  1167.    cursor: pointer;
  1168.    display: flex;
  1169.    font: inherit;
  1170.    font-family: var(--aa-font-family);
  1171.    font-size: var(--aa-font-size);
  1172.    height: var(--aa-search-input-height);
  1173.    margin: 0;
  1174.    padding: 0 calc(var(--aa-search-input-height) / 8);
  1175.    position: relative;
  1176.    text-align: left;
  1177.    width: 100%;
  1178. }
  1179.  
  1180. .aa-DetachedSearchButton:focus {
  1181.    border-color: rgba(var(--aa-primary-color-rgb), 1);
  1182.    box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 3px, inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px;
  1183.    outline: currentColor none medium;
  1184. }
  1185.  
  1186. .aa-DetachedSearchButtonIcon {
  1187.    align-items: center;
  1188.    color: rgba(var(--aa-primary-color-rgb), 1);
  1189.    cursor: initial;
  1190.    display: flex;
  1191.    height: 100%;
  1192.    justify-content: center;
  1193.    width: calc(var(--aa-icon-size) + var(--aa-spacing));
  1194. }
  1195.  
  1196. /* Remove scroll on `body` */
  1197. .aa-Detached {
  1198.    height: 100vh;
  1199.    overflow: hidden;
  1200. }
  1201.  
  1202. /* Remove scroll on `body` */
  1203. .aa-DetachedOverlay {
  1204.    background-color: rgba(var(--aa-overlay-color-rgb), var(--aa-overlay-color-alpha));
  1205.    height: 100vh;
  1206.    left: 0;
  1207.    margin: 0;
  1208.    padding: 0;
  1209.    position: fixed;
  1210.    right: 0;
  1211.    top: 0;
  1212.    z-index: calc(var(--aa-base-z-index) - 1);
  1213. }
  1214.  
  1215. /* ----------------
  1216. 10. Gradients
  1217. ---------------- */
  1218. .aa-GradientTop,
  1219. .aa-GradientBottom {
  1220.    height: var(--aa-spacing-half);
  1221.    left: 0;
  1222.    pointer-events: none;
  1223.    position: absolute;
  1224.    right: 0;
  1225.    z-index: var(--aa-base-z-index);
  1226. }
  1227.  
  1228. .aa-GradientTop {
  1229.    background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 1), rgba(var(--aa-background-color-rgb), 0));
  1230.    top: 0;
  1231. }
  1232.  
  1233. .aa-GradientBottom {
  1234.    background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 0), rgba(var(--aa-background-color-rgb), 1));
  1235.    border-bottom-left-radius: calc(var(--aa-spacing) / 4);
  1236.    border-bottom-right-radius: calc(var(--aa-spacing) / 4);
  1237.    bottom: 0;
  1238. }
  1239.  
  1240. /* ----------------
  1241. 11. Utilities
  1242. ---------------- */
  1243. @media (hover: none) and (pointer: coarse) {
  1244.    .aa-DesktopOnly {
  1245.        display: none;
  1246.    }
  1247. }
  1248.  
  1249. @media (hover: hover) {
  1250.    .aa-TouchOnly {
  1251.        display: none;
  1252.    }
  1253. }
  1254.  
  1255. /* ----------------
  1256. 12. Multi column layout
  1257. ---------------- */
  1258.  
  1259. /* Panel section */
  1260. .aa-PanelSections {
  1261.    column-gap: var(--aa-spacing);
  1262.    display: flex;
  1263. }
  1264.  
  1265. .aa-PanelSection {
  1266.    display: flex;
  1267.    flex-direction: column;
  1268. }
  1269.  
  1270. .aa-PanelSection--left {
  1271.    width: 30%;
  1272. }
  1273.  
  1274. .aa-PanelSection--right {
  1275.    width: 70%;
  1276. }
  1277.  
  1278. /* Item */
  1279. .aa-ItemPicture {
  1280.    width: 100%;
  1281.    height: 100%;
  1282.    border-radius: 3px;
  1283.    overflow: hidden;
  1284. }
  1285.  
  1286. .aa-ItemPicture img {
  1287.    object-fit: scale-down;
  1288.    width: 100%;
  1289.    height: auto;
  1290.    max-height: 150px;
  1291.    opacity: 0;
  1292.    transition: opacity 0.2s ease-out;
  1293. }
  1294.  
  1295. .aa-ItemPicture--loaded img {
  1296.    opacity: 1;
  1297. }
  1298.  
  1299. /* No results */
  1300. .aa-NoResultsHeader {
  1301.    font-size: 1.15em;
  1302.    line-height: 1.3;
  1303.    margin-bottom: var(--aa-spacing);
  1304. }
  1305.  
  1306. .aa-NoResultsContent {
  1307.    font-size: 0.9em
  1308. }
  1309.  
  1310. .aa-NoResultsLink {
  1311.    color: rgba(var(--aa-primary-color-rgb), 1);
  1312.    font-size: 0.8em;
  1313.    text-decoration: underline;
  1314. }
  1315.  
  1316.  
  1317. /* Products */
  1318. /* --- Common */
  1319. .aa-Source[data-autocomplete-source-id='products'] .aa-List {
  1320.    display: grid;
  1321.    grid-template-columns: repeat(3, 1fr);
  1322. }
  1323.  
  1324. .aa-Source[data-autocomplete-source-id='products'] .aa-Item {
  1325.    padding: var(--aa-spacing-half);
  1326. }
  1327.  
  1328. .aa-Source[data-autocomplete-source-id='products'] .aa-ItemLink {
  1329.    justify-content: stretch;
  1330.    height: 100%;
  1331. }
  1332.  
  1333. /* --- Content */
  1334. .aa-Source[data-autocomplete-source-id='products'] .aa-ItemContent {
  1335.    display: flex;
  1336.    flex-direction: column;
  1337.    height: 100%;
  1338. }
  1339.  
  1340. .aa-Source[data-autocomplete-source-id='products'] .aa-ItemContent mark {
  1341.    color: rgb(var(--aa-highlight-color-rgb));
  1342. }
  1343.  
  1344. .aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentBody {
  1345.    width: 100%;
  1346.    display: flex;
  1347.    flex-direction: column;
  1348.    justify-content: space-between;
  1349.    gap: var(--aa-spacing-half);
  1350. }
  1351.  
  1352. /* --- Brand */
  1353. .aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentBrand {
  1354.    font-size: 0.7em;
  1355.    text-transform: uppercase;
  1356.    color: rgb(var(--aa-muted-color-rgb));
  1357.    overflow: hidden;
  1358.    text-overflow: ellipsis;
  1359.    white-space: nowrap;
  1360.    /* cs update */
  1361.    display: none;
  1362. }
  1363.  
  1364. .aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentBrand mark {
  1365.    font-weight: normal;
  1366. }
  1367.  
  1368. /* --- Title */
  1369. .aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentTitleWrapper {
  1370.    height: calc(var(--aa-spacing) * 2.5);
  1371. }
  1372.  
  1373. .aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentTitle {
  1374.    /* font-size: 0.9em;
  1375.    cs update
  1376.     */
  1377.    font-family: gothamblack;
  1378.    text-align: center;
  1379.    margin: 0;
  1380.    display: -webkit-box;
  1381.    -webkit-box-orient: vertical;
  1382.    -webkit-line-clamp: 2;
  1383.    white-space: normal;
  1384. }
  1385.  
  1386. /* --- Price */
  1387. .aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentPrice {
  1388.    display: flex;
  1389.    column-gap: var(--aa-spacing-half);
  1390. }
  1391.  
  1392. .aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentPriceCurrent {
  1393.    /* font-weight: bold;
  1394.    cs update
  1395.     */
  1396.    font-family: gothamblack;
  1397. }
  1398.  
  1399. .aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentPriceDiscounted {
  1400.    font-size: 0.9em;
  1401.    text-decoration: line-through;
  1402.    color: rgb(var(--aa-muted-color-rgb));
  1403. }
  1404.  
  1405. /* --- Footer */
  1406. .aa-footer {
  1407.    text-align: center
  1408. }
  1409.  
  1410. .aa-SeeAllBtn,
  1411. .aa-SeeAllLink {
  1412.    display: inline-block;
  1413.    text-decoration: none;
  1414.    margin: var(--aa-spacing) auto 0 auto;
  1415.    font-size: 0.9em;
  1416.    font-weight: 600;
  1417. }
  1418.  
  1419. .aa-SeeAllBtn {
  1420.    background-color: rgba(var(--aa-primary-color-rgb), 0.8);
  1421.    transition: background 0.2s ease-out;
  1422.    color: #fff;
  1423.    padding: calc(var(--aa-spacing-half) * 1.5) var(--aa-spacing);
  1424.    border-radius: calc(var(--aa-spacing-half) / 2);
  1425. }
  1426.  
  1427. .aa-SeeAllLink {
  1428.    color: rgb(var(--aa-primary-color-rgb));
  1429.    transition: opacity 0.2s ease-out;
  1430.    margin-bottom: var(--aa-spacing-half);
  1431. }
  1432.  
  1433. .aa-SeeAllBtn:hover {
  1434.    background-color: rgba(var(--aa-primary-color-rgb), 1);
  1435. }
  1436.  
  1437. .aa-SeeAllLink:hover {
  1438.    opacity: 0.8;
  1439. }
  1440.  
  1441. .aa-SeeAllBtn:not([disabled]):hover {
  1442.    color: #fff;
  1443. }
  1444.  
  1445. /* Media queries */
  1446. @media screen and (max-width: 680px) {
  1447.    /* Search box */
  1448.    .aa-MainContainer {
  1449.        min-width:inherit;
  1450.        margin-left: 10px;
  1451.    }
  1452.  
  1453.    /* Panel section */
  1454.    .aa-PanelSections {
  1455.        flex-direction: column;
  1456.        row-gap: var(--aa-spacing);
  1457.    }
  1458.  
  1459.    .aa-PanelSection--left,
  1460.    .aa-PanelSection--right {
  1461.        width: 100%;
  1462.    }
  1463.  
  1464.    /* Products */
  1465.    .aa-Source[data-autocomplete-source-id='products'] .aa-List {
  1466.        display: flex;
  1467.        flex-wrap: wrap;
  1468.        gap: var(--aa-spacing-half);
  1469.    }
  1470.  
  1471.    .aa-Source[data-autocomplete-source-id='products'] .aa-Item {
  1472.        width: calc(50% - var(--aa-spacing-half) / 2);
  1473.    }
  1474. }
  1475.  
  1476.  
  1477. /* custom css 202309 */
  1478. input#autocomplete-0-input {
  1479.    border: 0px;
  1480. }
  1481. </script>
  1482. <script type="text/template" id="template_algolia_instant_search.css">
  1483. /* CSS Variables */
  1484. :root {
  1485.  --main-color: #000;
  1486.  --secondary-color: #888;
  1487.  --highlight-bg-color: 0,0,0;
  1488. }
  1489.  
  1490. /* Page */
  1491. .ais-page {
  1492.  max-width: 1430px;
  1493.  margin: 30px auto 10px;
  1494.  padding: 0 15px;
  1495. }
  1496.  
  1497. .ais-page .aa-highlight {
  1498.  color: black;
  1499.  font-weight: bold;
  1500. }
  1501.  
  1502. /* Resets */
  1503. .ais-page div,
  1504. .ais-page p,
  1505. .ais-page span,
  1506. .ais-page a,
  1507. .ais-page ul,
  1508. .ais-page li,
  1509. .ais-page input {
  1510.  box-sizing: border-box;
  1511.  
  1512.  margin: 0;
  1513.  padding: 0;
  1514.  
  1515.  line-height: 1;
  1516.  font-size: initial;
  1517. }
  1518.  
  1519. /* font */
  1520. .ais-h2 {
  1521.  font-size: 24px;
  1522.  text-align: center;
  1523. }
  1524.  
  1525. .ais-page ol,
  1526. .ais-page ul {
  1527.  list-style: none;
  1528. }
  1529.  
  1530. .ais-page input {
  1531.  padding-left: 24px !important;
  1532. }
  1533.  
  1534. /* Links */
  1535. .ais-page .ais-link,
  1536. .ais-page a,
  1537. .ais-page a:hover,
  1538. .ais-page a:focus,
  1539. .ais-page a:active {
  1540.  font-weight: initial;
  1541.  font-style: initial;
  1542.  text-decoration: initial;
  1543.  
  1544.  color: var(--main-color);
  1545.  
  1546.  cursor: pointer;
  1547. }
  1548.  
  1549. .ais-page a:hover,
  1550. .ais-page a:focus,
  1551. .ais-page a:active,
  1552. .ais-page .ais-link:hover {
  1553.  text-decoration: underline;
  1554. }
  1555.  
  1556. /* Columns */
  1557. .ais-page .ais-facets {
  1558.  width: 25%;
  1559.  float: left;
  1560.  padding-right: 8px;
  1561.  position: relative;
  1562. }
  1563.  
  1564. .ais-page .ais-block {
  1565.  width: 75%;
  1566.  float: right;
  1567.  padding-left: 8px;
  1568. }
  1569.  
  1570. .ais-results-size-xs .ais-page .ais-facets,
  1571. .ais-results-size-xs .ais-page .ais-block,
  1572. .ais-results-size-sm .ais-page .ais-facets,
  1573. .ais-results-size-sm .ais-page .ais-block {
  1574.  width: 100%;
  1575.  padding-left: 0px;
  1576. }
  1577.  
  1578. .ais-page .ais-Pagination-list {
  1579.  clear: both;
  1580. }
  1581.  
  1582. /* Refine button */
  1583. .ais-page .ais-facets-button {
  1584.  display: none;
  1585.  
  1586.  margin: 16px 0;
  1587.  padding: 8px;
  1588.  
  1589.  border: 1px solid #e0e0e0;
  1590.  text-align: center;
  1591.  
  1592.  cursor: pointer;
  1593. }
  1594.  
  1595. .ais-results-size-xs .ais-page .ais-facets-button,
  1596. .ais-results-size-sm .ais-page .ais-facets-button {
  1597.  display: block;
  1598. }
  1599.  
  1600. .ais-results-size-xs .ais-page .ais-facets,
  1601. .ais-results-size-sm .ais-page .ais-facets {
  1602.  display: none;
  1603. }
  1604.  
  1605. .ais-results-size-xs .ais-page .ais-facets__shown,
  1606. .ais-results-size-sm .ais-page .ais-facets__shown {
  1607.  display: block;
  1608. }
  1609.  
  1610. /* Facets */
  1611. .ais-page .ais-facet {
  1612.  border-width: 0 1px 1px;
  1613.  
  1614.  margin-bottom: 16px;
  1615.  padding: 8px;
  1616.  
  1617.  color: #636363;
  1618. }
  1619.  
  1620. .ais-page .ais-facet a,
  1621. .ais-page .ais-facet a:hover,
  1622. .ais-page .ais-facet a:focus,
  1623. .ais-page .ais-facet a:active {
  1624.  color: #666;
  1625. }
  1626.  
  1627. .ais-page .ais-facet--header {
  1628.  border-width: 1px 1px 0;
  1629.  
  1630.  padding: 6px 8px;
  1631.  
  1632.  background: #f4f4f4;
  1633.  
  1634.  font-size: 0.95em;
  1635.  color: #757575;
  1636.  text-transform: uppercase;
  1637.  display: block;
  1638. }
  1639.  
  1640. .ais-page .ais-facet--body {
  1641.  padding: 8px;
  1642. }
  1643.  
  1644. .ais-page .ais-facet--item {
  1645.  position: relative;
  1646.  width: 100%;
  1647.  
  1648.  padding: 6px 50px 6px 0;
  1649.  
  1650.  cursor: pointer;
  1651. }
  1652.  
  1653. .ais-page .ais-facet--label {
  1654.  display: inline-block;
  1655.  margin-top: -0.15em;
  1656.  margin-bottom: -0.15em;
  1657.  
  1658.  width: 100%;
  1659.  
  1660.  white-space: nowrap;
  1661.  overflow: hidden;
  1662.  text-overflow: ellipsis;
  1663.  
  1664.  cursor: pointer;
  1665.  
  1666.  line-height: 1.3;
  1667. }
  1668.  
  1669. .ais-page .ais-facet--checkbox{
  1670.    margin-right:0.5rem;
  1671. }
  1672.  
  1673. .ais-page .ais-facet--count-distinct {
  1674.  display: none;
  1675.  position: absolute;
  1676.  top: 6px;
  1677.  right: 0px;
  1678.  color: var(--secondary-color);
  1679. }
  1680.  
  1681. .ais-page .ais-facet--count {
  1682.  position: absolute;
  1683.  top: 6px;
  1684.  right: 0px;
  1685.  color: var(--secondary-color);
  1686. }
  1687.  
  1688. .ais-page .ais-RefinementList-item--selected {
  1689.  font-weight: bold;
  1690. }
  1691.  
  1692. .ais-page .ais-RefinementList-item--selected,
  1693. .ais-page .ais-facet--item:hover {
  1694.  margin-left: -8px;
  1695.  padding-left: 4px;
  1696.  padding-right: 42px;
  1697.  
  1698.  border-left: 4px solid var(--main-color);
  1699. }
  1700.  
  1701. .ais-page .ais-RefinementList-item--selected .ais-facet--count,
  1702. .ais-page .ais-facet--item:hover .ais-facet--count {
  1703.  right: -8px;
  1704. }
  1705.  
  1706. .ais-page .ais-CurrentRefinements {
  1707.  position: relative;
  1708. }
  1709.  
  1710. .ais-page .ais-CurrentRefinements--header {
  1711.  padding-right: 72px;
  1712. }
  1713.  
  1714. .ais-page .ais-clear-refinements-container {
  1715.  position: absolute;
  1716.  right: 11px;
  1717.  top: 1px;
  1718. }
  1719.  
  1720. .ais-page .ais-ClearRefinements-button {
  1721.  border: 0;
  1722.  background: 0;
  1723.  color: #666;
  1724. }
  1725.  
  1726. .ais-page .ais-ClearRefinements-button:hover {
  1727.  text-decoration: underline;
  1728. }
  1729.  
  1730. .ais-page .ais-CurrentRefinements-label {
  1731.  display: table;
  1732.  
  1733.  width: 100%;
  1734.  margin: 4px 0;
  1735.  
  1736.  border: 1px solid #e0e0e0;
  1737.  
  1738.  cursor: pointer;
  1739. }
  1740.  
  1741. .ais-page .ais-CurrentRefinements-label:before {
  1742.  content: '\2a2f';
  1743.  display: table-cell;
  1744.  vertical-align: middle;
  1745.  
  1746.  width: 0;
  1747.  padding: 4px 6px;
  1748.  
  1749.  background: #e0e0e0;
  1750. }
  1751.  
  1752. .ais-page .ais-CurrentRefinements-label div {
  1753.  display: inline;
  1754. }
  1755.  
  1756. .ais-page .ais-CurrentRefinements-label > div {
  1757.  display: table-cell;
  1758.  vertical-align: middle;
  1759.  
  1760.  margin-top: -0.15em;
  1761.  margin-bottom: -0.15em;
  1762.  padding: 4px 6px;
  1763.  
  1764.  background: #f4f4f4;
  1765.  
  1766.  width: 100%;
  1767.  max-width: 1px;
  1768.  
  1769.  white-space: nowrap;
  1770.  overflow: hidden;
  1771.  text-overflow: ellipsis;
  1772.  
  1773.  line-height: 1.3;
  1774. }
  1775.  
  1776. .ais-page .ais-CurrentRefinements-label:hover {
  1777.  text-decoration: none;
  1778. }
  1779.  
  1780. .ais-page .ais-CurrentRefinements-label:hover > div {
  1781.  text-decoration: line-through;
  1782. }
  1783.  
  1784. .ais-page .ais-CurrentRefinements-label {
  1785.  font-weight: bold;
  1786. }
  1787.  
  1788. .ais-RangeSlider .rheostat-tooltip {
  1789.  display: none;
  1790.  background: transparent;
  1791.  position: absolute;
  1792.  font-size: 0.8em;
  1793.  transform: translate(-50%, -100%);
  1794.  left: 50%;
  1795.  line-height: 1.5em;
  1796.  text-align: center;
  1797. }
  1798.  
  1799. .ais-page .ais-current-refined-values--link {
  1800.  display: table;
  1801.  width: 100%;
  1802.  margin: 4px 0;
  1803.  border: 1px solid #e0e0e0;
  1804.  cursor: pointer;
  1805. }
  1806.  
  1807. .ais-page .ais-current-refined-values--link:hover {
  1808.  text-decoration: none;
  1809. }
  1810.  
  1811. .ais-page .ais-current-refined-values--link:before {
  1812.  content: '\2a2f';
  1813.  display: table-cell;
  1814.  vertical-align: middle;
  1815.  width: 0;
  1816.  padding: 4px 6px;
  1817.  background: #e0e0e0;
  1818. }
  1819.  
  1820. .ais-page .ais-current-refined-values--link div {
  1821.  display: inline;
  1822. }
  1823.  
  1824. .ais-page .ais-current-refined-values--link > div {
  1825.  display: table-cell;
  1826.  vertical-align: middle;
  1827.  margin-top: -0.15em;
  1828.  margin-bottom: -0.15em;
  1829.  padding: 4px 6px;
  1830.  background: #f4f4f4;
  1831.  width: 100%;
  1832.  max-width: 1px;
  1833.  white-space: nowrap;
  1834.  overflow: hidden;
  1835.  text-overflow: ellipsis;
  1836.  line-height: 1.3;
  1837. }
  1838.  
  1839. .ais-page .ais-current-refined-values--link:hover > div {
  1840.  text-decoration: line-through;
  1841. }
  1842.  
  1843. .ais-page .ais-current-refined-values--label {
  1844.  font-weight: bold;
  1845. }
  1846.  
  1847. .ais-RangeSlider .rheostat-handle:hover .rheostat-tooltip {
  1848.  display: block;
  1849. }
  1850.  
  1851. .ais-RangeSlider .rheostat-handle {
  1852.  background: #fff;
  1853.  border-radius: 50%;
  1854.  cursor: grab;
  1855.  height: 20px;
  1856.  outline: none;
  1857.  transform: translate(-50%, calc(-50% + -3px));
  1858.  border: 1px solid #ccc;
  1859.  width: 20px;
  1860.  z-index: 1;
  1861. }
  1862.  
  1863. .ais-RangeSlider .rheostat-value {
  1864.  padding-top: 15px;
  1865.  font-size: 0.8em;
  1866.  transform: translateX(-50%);
  1867.  position: absolute;
  1868. }
  1869.  
  1870. .ais-RangeSlider .rheostat-horizontal {
  1871.  cursor: pointer;
  1872.  margin: 16px 16px 24px;
  1873. }
  1874.  
  1875. .ais-RangeSlider .rheostat-background {
  1876.  background-color: rgba(65, 66, 71, 0.08);
  1877.  border: 1px solid #ddd;
  1878.  height: 6px;
  1879.  display: block;
  1880. }
  1881.  
  1882. .ais-RangeSlider .rheostat-progress {
  1883.  background-color: var(--main-color);
  1884.  cursor: pointer;
  1885.  height: 4px;
  1886.  top: 1px;
  1887.  position: absolute;
  1888.  display: block;
  1889. }
  1890.  
  1891. .ais-RangeSlider .rheostat-marker-horizontal {
  1892.  background: #ddd;
  1893.  width: 1px;
  1894.  height: 5px;
  1895.  pointer-events: none;
  1896.  display: block;
  1897. }
  1898.  
  1899. .ais-RangeSlider .rheostat-marker-large {
  1900.  background: #ddd;
  1901.  width: 2px;
  1902.  height: 12px;
  1903.  display: block;
  1904. }
  1905.  
  1906. /* Search box */
  1907.  
  1908. .ais-page .ais-input {
  1909.  display: table;
  1910.  width: 100%;
  1911.  
  1912.  border: 1px solid #b0b0b0;
  1913.  margin: 4rem auto 4.5rem;
  1914.  max-width: 47.8rem;
  1915. }
  1916.  
  1917. .ais-SearchBox {
  1918.  position: relative;
  1919.  height: 40px;
  1920. }
  1921.  
  1922. .ais-SearchBox-form {
  1923.  margin-top: 8px;
  1924. }
  1925.  
  1926. .ais-SearchBox-submit {
  1927.  display: block;
  1928.  position: absolute;
  1929.  top: calc(50% - 3px);
  1930.  transform: translateY(-50%);
  1931.  right: 0;
  1932.  border: inherit;
  1933.  background-color: inherit;
  1934.  cursor: pointer;
  1935. }
  1936.  
  1937. .ais-SearchBox-submitIcon {
  1938.  background-color: transparent;
  1939.  fill: #7b7b7b;
  1940.  width: 16px;
  1941.  height: 16px;
  1942. }
  1943.  
  1944. .ais-SearchBox-reset {
  1945.  position: absolute;
  1946.  top: calc(50% - 4px);
  1947.  transform: translateY(-50%);
  1948.  right: 27px;
  1949.  border: inherit;
  1950.  background-color: inherit;
  1951.  cursor: pointer;
  1952. }
  1953.  
  1954. .ais-page .ais-input--label {
  1955.  display: table-cell;
  1956.  vertical-align: middle;
  1957.  
  1958.  width: 0;
  1959.  
  1960.  padding: 8px;
  1961.  padding-right: 24px;
  1962.  
  1963.  white-space: nowrap;
  1964.  color: white;
  1965.  background: var(--main-color);
  1966. }
  1967.  
  1968. .ais-results-size-xs .ais-page .ais-input--label {
  1969.  display: none;
  1970. }
  1971.  
  1972. .ais-page .ais-search-box-container {
  1973.  display: table-cell;
  1974.  width: 100%;
  1975.  vertical-align: middle;
  1976. }
  1977.  
  1978. .ais-page .ais-SearchBox-input {
  1979.  width: 100%;
  1980.  padding: 8px 16px 8px 4px;
  1981.  
  1982.  border: none;
  1983. }
  1984.  
  1985. .ais-page .ais-SearchBox-input::-ms-clear,
  1986. .ais-page .ais-SearchBox-input::-ms-reveal {
  1987.  display: none;
  1988.  width: 0;
  1989.  height: 0;
  1990. }
  1991.  
  1992. .ais-page .ais-SearchBox-input::-webkit-search-decoration,
  1993. .ais-page .ais-SearchBox-input::-webkit-search-cancel-button,
  1994. .ais-page .ais-SearchBox-input::-webkit-search-results-button,
  1995. .ais-page .ais-SearchBox-input::-webkit-search-results-decoration {
  1996.  display: none;
  1997. }
  1998.  
  1999. .ais-page .ais-SearchBox-input,
  2000. .ais-page .ais-SearchBox-input:focus {
  2001.  outline: 0;
  2002.  box-shadow: none;
  2003.  
  2004.  height: 32px;
  2005.  padding: 0 48px 0 38px;
  2006. }
  2007.  
  2008. /* Facet */
  2009. .ais-facet-dropdown-wrapper .ais-dropdown-checkbox,
  2010. .ais-dropdown-checkbox:checked ~ .ais-facet-dropdown-container {
  2011.  display: none;
  2012. }
  2013.  
  2014. .ais-dropdown-checkbox:not(:checked) ~ .ais-facet-dropdown-container {
  2015.  display: block;
  2016. }
  2017.  
  2018. .ais-facets .ais-facet-dropdown-wrapper {
  2019.  margin-top: 20px
  2020. }
  2021.  
  2022. .ais-facet-dropdown-wrapper.ais-facet-hidden {
  2023.  display: none;
  2024. }
  2025.  
  2026. .ais-facets .ais-facet-dropdown-wrapper:first-child {
  2027.  margin-top: 0;
  2028. }
  2029.  
  2030. .ais-page .ais-input-button {
  2031.  display: table-cell;
  2032.  vertical-align: middle;
  2033.  
  2034.  width: 0;
  2035.  padding: 4px 8px;
  2036. }
  2037.  
  2038. .ais-page .ais-clear-input-icon,
  2039. .ais-page .ais-algolia-icon {
  2040.  background-size: contain;
  2041.  background-position: center center;
  2042.  background-repeat: no-repeat;
  2043.  
  2044.  cursor: pointer;
  2045. }
  2046.  
  2047. .ais-page .ais-clear-input-icon {
  2048.  display: none;
  2049.  
  2050.  width: 16px;
  2051.  height: 16px;
  2052.  
  2053.  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBvcGFjaXR5PSIwLjYiPjxwYXRoIGQ9Ik0uNTY2IDEuNjk4TDAgMS4xMyAxLjEzMiAwbC41NjUuNTY2TDYgNC44NjggMTAuMzAyLjU2NiAxMC44NjggMCAxMiAxLjEzMmwtLjU2Ni41NjVMNy4xMzIgNmw0LjMwMiA0LjMuNTY2LjU2OEwxMC44NjggMTJsLS41NjUtLjU2Nkw2IDcuMTMybC00LjMgNC4zMDJMMS4xMyAxMiAwIDEwLjg2OGwuNTY2LS41NjVMNC44NjggNiAuNTY2IDEuNjk4eiIvPjwvc3ZnPg==');
  2054. }
  2055.  
  2056. .ais-page .ais-algolia-icon {
  2057.  width: 24px;
  2058.  height: 24px;
  2059.  
  2060.  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgOTUgOTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPmFsZ29saWEtbmV3LWxvZ288L3RpdGxlPjxkZWZzPjxsaW5lYXJHcmFkaWVudCB4MT0iLTM3LjkwMSUiIHkxPSIxMzQuNzY4JSIgeDI9IjEzMC4xMTQlIiB5Mj0iLTI3LjgwMiUiIGlkPSJhIj48c3RvcCBzdG9wLWNvbG9yPSIjMDBBRUZGIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzMzNjlFNyIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCBmaWxsPSJ1cmwoI2EpIiB3aWR0aD0iOTQuMDQ1IiBoZWlnaHQ9Ijk0LjA3MiIgcng9IjEyLjM3NCIvPjxwYXRoIGQ9Ik00OC4xMjUgMjMuNzc1Yy0xNC42NzEgMC0yNi41OCAxMS44OTgtMjYuNTggMjYuNTg4IDAgMTQuNjkgMTEuODk1IDI2LjU4OCAyNi41OCAyNi41ODggMTQuNjg1IDAgMjYuNTgtMTEuOTEyIDI2LjU4LTI2LjYwMlM2Mi44MSAyMy43NzUgNDguMTI1IDIzLjc3NXptMCA0NS4zMDdjLTEwLjM0MyAwLTE4LjcyNy04LjM4Ni0xOC43MjctMTguNzMzIDAtMTAuMzQ2IDguMzg0LTE4LjczMiAxOC43MjctMTguNzMyIDEwLjM0NCAwIDE4LjcyNyA4LjM4NiAxOC43MjcgMTguNzMyIDAgMTAuMzQ3LTguMzgzIDE4LjczMy0xOC43MjcgMTguNzMzem0wLTMzLjZ2MTMuOTU1YzAgLjQwOC40MzYuNjguODAzLjQ5TDYxLjMgNDMuNTAxYS41NDguNTQ4IDAgMCAwIC4yMTctLjc2MmMtMi41NzItNC41MDYtNy4zMzUtNy41OTYtMTIuODM0LTcuOGEuNTQ5LjU0OSAwIDAgMC0uNTU4LjU0NHpNMzAuNzYgMjUuMjQ2bC0xLjYyLTEuNjJhNC4wODIgNC4wODIgMCAwIDAtNS43NyAwbC0xLjkzMyAxLjkzM2E0LjA4NSA0LjA4NSAwIDAgMCAwIDUuNzczbDEuNjA2IDEuNjA2Yy4yNDUuMjQ1LjY0LjIwNC44NDQtLjA2OGEzMC41NzIgMzAuNTcyIDAgMCAxIDMuMTE2LTMuNjYyIDI5LjcyMyAyOS43MjMgMCAwIDEgMy42ODktMy4xMzFjLjI3Mi0uMTkuMy0uNi4wNjgtLjgzem0yNi4wNjMtNC4yMzR2LTMuMjI2YTQuMDc4IDQuMDc4IDAgMCAwLTQuMDgzLTQuMDg0aC05LjVhNC4wNzggNC4wNzggMCAwIDAtNC4wODMgNC4wODR2My4zMDhjMCAuMzY4LjM1NC42MjYuNzA4LjUzMWEyOS41NjIgMjkuNTYyIDAgMCAxIDguMjc1LTEuMTU3YzIuNzIyIDAgNS40MDMuMzY3IDcuOTg5IDEuMDc1YS41NS41NSAwIDAgMCAuNjk0LS41M3oiIGZpbGw9IiNGRkYiLz48L2c+PC9zdmc+);
  2061. }
  2062.  
  2063. /* Search header */
  2064. .ais-page .ais-search-header {
  2065.  padding: 0 0.9em 0.4em 0.9em;
  2066.  
  2067.  background-color: transparent;
  2068.  color: var(--secondary-color);
  2069.  
  2070.  font-size: 0.85em;
  2071.  margin-top: 20px;
  2072. }
  2073.  
  2074. .ais-page .ais-search-header:after {
  2075.  content: '';
  2076.  clear: both;
  2077.  display: block;
  2078. }
  2079.  
  2080. .ais-page .ais-search-header * {
  2081.  font-size: inherit;
  2082.  line-height: 1.6;
  2083. }
  2084.  
  2085. /* Stats */
  2086. .ais-page .ais-Stats {
  2087.  float: left;
  2088. }
  2089.  
  2090. .ais-page .ais-stats--nb-results {
  2091.  font-weight: bold;
  2092. }
  2093.  
  2094. .ais-results-size-xs .ais-page .ais-Stats {
  2095.  float: none;
  2096. }
  2097.  
  2098. /* Display mode */
  2099. .ais-page .ais-change-display {
  2100.  float: right;
  2101.  
  2102.  margin-left: 10px;
  2103.  
  2104.  cursor: pointer;
  2105. }
  2106.  
  2107. .ais-page .ais-change-display-block{
  2108.    margin-right: 3px;
  2109. }
  2110.  
  2111. .ais-page .ais-change-display-block:hover,
  2112. .ais-page .ais-change-display-list:hover,
  2113. .ais-page .ais-change-display-selected {
  2114.  color: var(--main-color);
  2115. }
  2116.  
  2117. /* Sort orders */
  2118. .ais-page .ais-sort {
  2119.  float: right;
  2120. }
  2121.  
  2122. .ais-results-size-xs .ais-page .ais-sort {
  2123.  float: none;
  2124. }
  2125.  
  2126. .ais-page .ais-SortBy {
  2127.  display: inline-block;
  2128. }
  2129.  
  2130. .ais-page .ais-SortBy-select {
  2131.  height: 1.6em;
  2132.  padding: 0px 30px 0px 5px;
  2133.  margin-top: -0.1em;
  2134.  border: none;
  2135. }
  2136.  
  2137. /* Hits */
  2138. .ais-page .ais-Hits:after {
  2139.  content: '';
  2140.  clear: both;
  2141.  display: block;
  2142. }
  2143.  
  2144. .ais-page .ais-hit-empty {
  2145.  margin-top: 60px;
  2146.  margin-bottom: 60px;
  2147.  text-align: center;
  2148. }
  2149.  
  2150. .ais-page .ais-hit-empty .ais-hit-empty--title {
  2151.    margin-bottom: 15px;
  2152. }
  2153.  
  2154. .ais-page .ais-Highlight-highlighted {
  2155.  color: var(--main-color);
  2156.  background-color: rgba(var(--highlight-bg-color), 0.1);
  2157.  font-weight: bold;
  2158. }
  2159.  
  2160. .ais-page .ais-hit {
  2161.  position: relative;
  2162.  float: left;
  2163.  margin: 8px 0 16px 0;
  2164.  cursor: pointer;
  2165. }
  2166.  
  2167. .ais-page .ais-hit:hover {
  2168.  border-color: var(--main-color);
  2169. }
  2170.  
  2171. .ais-page .ais-hit--details > * {
  2172.  width: 100%;
  2173.  
  2174.  margin-top: -0.15em;
  2175.  margin-bottom: -0.15em;
  2176.  
  2177.  white-space: nowrap;
  2178.  overflow: hidden;
  2179.  text-overflow: ellipsis;
  2180.  
  2181.  line-height: 1.3;
  2182. }
  2183.  
  2184. .ais-page .ais-hit--title {
  2185.  text-align: center;
  2186.  color: var(--main-color);
  2187.  /* cs updates */
  2188.  font-family: gothamblack;
  2189.  text-transform: capitalize;
  2190.  letter-spacing: 0;
  2191.  font-size: 18px;
  2192.  line-height: 21px;
  2193. }
  2194.  
  2195. .ais-page .ais-hit--subtitle {
  2196.  font-size: 0.9em;
  2197.  text-align: left;
  2198.  color: var(--secondary-color);
  2199. }
  2200.  
  2201. .ais-page .ais-hit--subtitle * {
  2202.  font-size: inherit;
  2203.  /* cs added */
  2204.  display:none;
  2205. }
  2206.  
  2207. .ais-page .ais-hit--price {
  2208.  /*margin: 10px 0;
  2209.   cs update
  2210.  text-align: left;
  2211.  */
  2212.  text-align: center;
  2213.  color: var(--main-color);
  2214.  font-family: gothambold;
  2215.  font-size: 18px;
  2216.  line-height: 15px;
  2217. }
  2218.  
  2219. /* cs updated */
  2220. .ais-hit--description {
  2221.  font-size: 12px!important;
  2222.  line-height: 30px !important;
  2223.  text-transform: uppercase;
  2224.  color: #898a8d;
  2225.  margin: 0px 0px !important;
  2226.  font-family: gothambold;
  2227. }
  2228.  
  2229. .ais-hit--description span {
  2230.  font-size: 12px!important;
  2231.  line-height: 30px !important;
  2232.  text-transform: uppercase;
  2233.  color: #898a8d;
  2234.  margin: 0px 0px !important;
  2235.  font-family: gothambold;
  2236.  display: inline-block;
  2237. }
  2238.  
  2239. .ais-page .ais-hit--price-striked {
  2240.  text-decoration: line-through;
  2241.  color: var(--secondary-color);
  2242.  margin-left: 10px;
  2243. }
  2244.  
  2245. .ais-page .ais-hit--price-striked span {
  2246.  color: var(--main-color);
  2247. }
  2248.  
  2249. .ais-page .ais-hit--price-discount {
  2250.  color: var(--secondary-color);
  2251.  margin-left: 10px;
  2252. }
  2253.  
  2254. .ais-page .ais-hit--cart-button {
  2255.  display: inline-block;
  2256.  
  2257.  width: auto;
  2258.  padding: 8px 16px;
  2259.  margin-top: 8px;
  2260.  
  2261.  color: var(--secondary-color);
  2262.  background: #e0e0e0;
  2263.  
  2264.  font-size: 0.9em;
  2265.  text-transform: uppercase;
  2266. }
  2267.  
  2268. .ais-page .ais-hit--cart-button:not(.ais-hit--cart-button__disabled):hover {
  2269.  background-color: var(--main-color);
  2270.  color: white;
  2271.  text-decoration: none;
  2272. }
  2273.  
  2274. .ais-page .ais-hit--cart-button__disabled {
  2275.  background: #ccc;
  2276. }
  2277.  
  2278. .ais-page .ais-results-as-list .ais-hit {
  2279.  padding: 30px 25px; /* $v_padding $h_padding */
  2280.  width: 100%;
  2281.  min-height: 170px; /* $img_size + 2 * $v_padding */
  2282. }
  2283.  
  2284. .ais-page .ais-results-as-list .ais-hit--picture {
  2285.  position: absolute;
  2286.  top: 30px; /* $v_padding */
  2287.  left: 25px; /* $h_padding */
  2288.  width: 110px; /* $img_size */
  2289.  height: 110px; /* $img_size */
  2290.  background-position: center center;
  2291.  background-size: contain;
  2292.  background-repeat: no-repeat;
  2293.  display: block;
  2294. }
  2295.  
  2296. .ais-page .ais-results-as-list .ais-hit--details {
  2297.  margin-left: 160px; /* $img_size + 2 * $h_padding */
  2298. }
  2299.  
  2300. .ais-page .ais-results-as-block .ais-hit {
  2301.  padding: 30px 25px; /* $v_padding $h_padding */
  2302.  
  2303.  text-align: center;
  2304. }
  2305.  
  2306. @media (max-width: 576px) {
  2307.  .ais-page .ais-results-as-block .ais-hit {
  2308.    padding: 30px 0;
  2309.  }
  2310. }
  2311.  
  2312. .ais-results-size-xs .ais-page .ais-results-as-block .ais-hit {
  2313.  width: 98%;
  2314.  margin-left: 2%;
  2315. }
  2316.  
  2317. .ais-results-size-sm .ais-page .ais-results-as-block .ais-hit,
  2318. .ais-results-size-md .ais-page .ais-results-as-block .ais-hit {
  2319.  width: 47.5%;
  2320.  margin-left: 5%;
  2321. }
  2322.  
  2323. .ais-results-size-sm
  2324.  .ais-page
  2325.  .ais-results-as-block
  2326.  .ais-Hits-item:nth-of-type(2n + 1)
  2327.  .ais-hit,
  2328. .ais-results-size-md
  2329.  .ais-page
  2330.  .ais-results-as-block
  2331.  .ais-Hits-item:nth-of-type(2n + 1)
  2332.  .ais-hit {
  2333.  margin-left: -26px;
  2334. }
  2335.  
  2336. .ais-results-size-lg .ais-page .ais-results-as-block .ais-hit {
  2337.  width: 30%;
  2338.  margin-left: 5%;
  2339. }
  2340.  
  2341. .ais-results-size-lg
  2342.  .ais-page
  2343.  .ais-results-as-block
  2344.  .ais-Hits-item:nth-of-type(3n + 1)
  2345.  .ais-hit {
  2346.  margin-left: 0;
  2347. }
  2348.  
  2349. .ais-page .ais-results-as-block .ais-hit--picture {
  2350.  position: absolute;
  2351.  top: 10px; /* $v_padding */
  2352.  left: 45%; /* $h_padding */
  2353.  margin-left: -55px; /* -$img_size / 2 */
  2354.  width: 145px; /* $img_size */
  2355.  height: 145px; /* $img_size */
  2356.  
  2357.  background-position: center center;
  2358.  background-size: contain;
  2359.  background-repeat: no-repeat;
  2360.  display: block;
  2361. }
  2362.  
  2363. .ais-page .ais-results-as-block .ais-hit--details {
  2364.  margin-top: 140px; /* $img_size + $v_padding */
  2365. }
  2366.  
  2367. /* Pagination */
  2368. .ais-page .ais-Pagination-list {
  2369.  text-align: center;
  2370. }
  2371.  
  2372. .ais-page .ais-Pagination-item {
  2373.  display: inline-block;
  2374.  
  2375.  width: 32px;
  2376.  height: 32px;
  2377.  
  2378.  margin: 0px 5px;
  2379.  
  2380.  border: 1px solid #e0e0e0;
  2381.  border-radius: 2px;
  2382.  
  2383.  text-align: center;
  2384. }
  2385.  
  2386. .ais-page .ais-Pagination--active {
  2387.  border-color: var(--main-color);
  2388. }
  2389.  
  2390. .ais-page .ais-Pagination-item--disabled {
  2391.  visibility: hidden;
  2392. }
  2393.  
  2394. .ais-page .ais-Pagination-link {
  2395.  display: inline-block;
  2396.  
  2397.  width: 100%;
  2398.  height: 100%;
  2399.  
  2400.  padding: 8px 0;
  2401.  
  2402.  font-size: 0.9em;
  2403.  color: var(--main-color);
  2404. }
  2405. </script>
  2406. <link href="//1stphorm.com/cdn/shop/t/296/assets/algolia_dependency_font-awesome-4-4-0.min.css?v=36583777724753847531702052356" rel="stylesheet" type="text/css" media="all" />
  2407. <script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_externals.js?v=29519840178773972841702052349" defer></script>
  2408. <script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_init.js?v=25323283398682428951702052355" type="text/javascript"></script>
  2409. <script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_translations.js?v=55931636861960859011702052355" defer></script>
  2410. <script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_helpers.js?v=75024231454933821221702052355" defer></script>
  2411. <script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_autocomplete_suggestions_plugin.js?v=20544817144674948331702052355" defer></script>
  2412. <script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_autocomplete_product_plugin.js?v=127020124768442110291702052355" defer></script>
  2413. <script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_autocomplete_collections_plugin.js?v=183716233134721181081702052355" defer></script>
  2414. <script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_autocomplete_articles_plugin.js?v=22379447095590808261702052355" defer></script>
  2415. <script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_autocomplete_pages_plugin.js?v=75161756404638679641702052355" defer></script>
  2416. <script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_autocomplete.js?v=12798088797187491051702052355" defer></script>
  2417. <script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_facets.js?v=1352670846996683781702052355" defer></script>
  2418. <script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_sort_orders.js?v=66237125660405380101702052355" defer></script>
  2419. <script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_instant_search.js?v=180072219345954262031702052355" defer></script>
  2420. <script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_analytics.js?v=52309557948119233881702052355" defer></script>
  2421. <script>
  2422.  (function(algolia) {
  2423.    'use strict';
  2424.  
  2425.    algolia.mainTemplate = function mainTemplate({ html, state }, elements, displaySuggestions ) {
  2426.      return html `<div class="aa-PanelLayout aa-Panel--scrollable">
  2427.        <div class="aa-PanelSections">
  2428.          <div class="aa-PanelSection--left">
  2429.            ${displaySuggestions &&
  2430.            html`<div class="aa-SourceHeader">
  2431.              <span class="aa-SourceHeaderTitle">Suggestions</span>
  2432.              <div class="aa-SourceHeaderLine" />
  2433.            </div>
  2434.            ${elements.querySuggestionsPlugin}`}
  2435.            ${elements.collections}
  2436.            ${elements.articles}
  2437.            ${elements.pages}
  2438.          </div>
  2439.          <div class="aa-PanelSection--right">
  2440.            ${elements.products}
  2441.          </div>
  2442.        </div>
  2443.      </div>`
  2444.    };
  2445.  })(window.algoliaShopify);
  2446. </script>
  2447.  
  2448. <script>
  2449.  (function(algolia) {
  2450.    'use strict';
  2451.  
  2452.    algolia.mainProductsTemplate = function mainProductsTemplate({ html, state }, elements) {
  2453.      return html `<div class="aa-PanelLayout aa-Panel--scrollable">
  2454.        <div class="aa-PanelSection">
  2455.            ${elements.products}
  2456.        </div>
  2457.      </div>`
  2458.    };
  2459.  })(window.algoliaShopify);
  2460. </script>
  2461.  
  2462. <script>
  2463.  (function(algolia) {
  2464.    'use strict';
  2465.  
  2466.    algolia.pagesTemplate = function pagesTemplate({ item, html, components }, itemLink) {
  2467.      return html `<a
  2468.              href="${itemLink}"
  2469.              class="aa-ItemLink aa-ProductItem"
  2470.      >
  2471.        <div class="aa-ItemWrapper">
  2472.            <div class="aa-ItemContent">
  2473.                <div class="aa-ItemIcon aa-ItemIcon--noBorder">
  2474.                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
  2475.                        <path
  2476.                            stroke-linecap="round"
  2477.                            stroke-linejoin="round"
  2478.                            stroke-width="2"
  2479.                            d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
  2480.                        />
  2481.                    </svg>
  2482.                </div>
  2483.                <div class="aa-ItemContentBody">
  2484.                    <div class="aa-ItemContentTitle">
  2485.                        ${components.Highlight({ hit: item, attribute: 'title' })}
  2486.                    </div>
  2487.                </div>
  2488.            </div>
  2489.        </div>
  2490.      </a>`
  2491.    };
  2492.  })(window.algoliaShopify);
  2493. </script>
  2494.  
  2495. <script>
  2496. (function(algolia) {
  2497.    'use strict';
  2498.  
  2499.    algolia.collectionsTemplate = function collectionsTemplate({ item, html, components }, itemLink) {
  2500.        return html `<a
  2501.                href="${itemLink}"
  2502.                class="aa-ItemLink"
  2503.        >
  2504.            <div class="aa-ItemWrapper">
  2505.                <div class="aa-ItemContent">
  2506.                    <div class="aa-ItemIcon aa-ItemIcon--noBorder">
  2507.                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
  2508.                            <path
  2509.                                stroke-linecap="round"
  2510.                                stroke-linejoin="round"
  2511.                                stroke-width="2"
  2512.                                d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"
  2513.                            />
  2514.                        </svg>
  2515.                    </div>
  2516.                    <div class="aa-ItemContentBody">
  2517.                        <div class="aa-ItemContentTitle">
  2518.                            ${components.Highlight({ hit: item, attribute: 'title' })}
  2519.                        </div>
  2520.                    </div>
  2521.                </div>
  2522.            </div>
  2523.        </a>`
  2524.    };
  2525. })(window.algoliaShopify);
  2526. </script>
  2527.  
  2528.  
  2529.  
  2530.  
  2531.  
  2532.  
  2533. <script>
  2534.    (function(algolia) {
  2535.        'use strict';
  2536.  
  2537.        algolia.articlesTemplate = function articlesTemplate({ item, html, components }, itemLink) {
  2538.            return html `<a
  2539.                    href="${itemLink}"
  2540.                    class="aa-ItemLink"
  2541.            >
  2542.                <div class="aa-ItemWrapper">
  2543.                    <div class="aa-ItemContent">
  2544.                        <div class="aa-ItemIcon aa-ItemIcon--noBorder">
  2545.                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
  2546.                                <path
  2547.                                    stroke-linecap="round"
  2548.                                    stroke-linejoin="round"
  2549.                                    stroke-width="2"
  2550.                                    d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"
  2551.                                />
  2552.                            </svg>
  2553.                        </div>
  2554.                        <div class="aa-ItemContentBody">
  2555.                            <div class="aa-ItemContentTitle">
  2556.                                ${components.Highlight({ hit: item, attribute: 'title' })}
  2557.                            </div>
  2558.                        </div>
  2559.                    </div>
  2560.                </div>
  2561.            </a>`
  2562.        };
  2563.    })(window.algoliaShopify);
  2564. </script>
  2565.  
  2566. <script>
  2567.  (function(algolia) {
  2568.   'use strict';
  2569.  
  2570.    algolia.productTemplate = function productTemplate({ item, html, components }, distinct, itemLink, getConversionData) {
  2571.      return html `<a
  2572.        href="${itemLink}"
  2573.        class="aa-ItemLink aa-ProductItem"
  2574.        onClick="${(event) => getConversionData(event, item)}"
  2575.      >
  2576.        <div class="aa-ItemContent">
  2577.          <div class="aa-ItemPicture aa-ItemPicture--loaded">
  2578.            <img src="${algolia.helpers.compactImage(item)}" alt="${item.title}" />
  2579.          </div>
  2580.          <div class="aa-ItemContentBody">
  2581.            <div class="aa-ItemContentBrand">
  2582.              ${item.product_type && components.Highlight({ hit: item, attribute: 'product_type' })}
  2583.              ${item.vendor && html`<span> by </span>`}
  2584.              ${item.vendor && components.Highlight({ hit: item, attribute: 'vendor' })}
  2585.            </div>
  2586.            <div class="aa-ItemContentTitleWrapper">
  2587.              <div class="aa-ItemContentTitle">
  2588.                ${components.Highlight({ hit: item, attribute: 'title' })}
  2589.                <span class="algolia-variant">
  2590.                  ${algolia.helpers.variantTitleAddition (item, distinct)}
  2591.                </span>
  2592.              </div>
  2593.             </div>
  2594.            <div class="aa-ItemContentPrice">
  2595.              <div class="aa-ItemContentPriceCurrent" style=" margin:auto; text-align: center !important">
  2596.                ${algolia.helpers.displayPrice(item, distinct)}
  2597.              </div>
  2598.            </div>
  2599.          </div>
  2600.        </div>
  2601.      </a>`
  2602.    };
  2603.  })(window.algoliaShopify);
  2604. </script>
  2605.  
  2606. <script>
  2607.  (function(algolia) {
  2608.    'use strict';
  2609.  
  2610.    algolia.suggestionsTemplate = function suggestionsTemplate({ item, html, components }) {
  2611.      return html`<a
  2612.              class="aa-ItemLink aa-ItemWrapper"
  2613.              href="/search?q=${item.query}"
  2614.      >
  2615.        <div class="aa-ItemContent">
  2616.          <div class="aa-ItemIcon aa-ItemIcon--noBorder">
  2617.            <svg viewBox="0 0 24 24" fill="currentColor">
  2618.              <path d="M16.041 15.856c-0.034 0.026-0.067 0.055-0.099 0.087s-0.060 0.064-0.087 0.099c-1.258 1.213-2.969 1.958-4.855 1.958-1.933 0-3.682-0.782-4.95-2.050s-2.050-3.017-2.050-4.95 0.782-3.682 2.050-4.95 3.017-2.050 4.95-2.050 3.682 0.782 4.95 2.050 2.050 3.017 2.050 4.95c0 1.886-0.745 3.597-1.959 4.856zM21.707 20.293l-3.675-3.675c1.231-1.54 1.968-3.493 1.968-5.618 0-2.485-1.008-4.736-2.636-6.364s-3.879-2.636-6.364-2.636-4.736 1.008-6.364 2.636-2.636 3.879-2.636 6.364 1.008 4.736 2.636 6.364 3.879 2.636 6.364 2.636c2.125 0 4.078-0.737 5.618-1.968l3.675 3.675c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414z" />
  2619.            </svg>
  2620.          </div>
  2621.          <div class="aa-ItemContentBody">
  2622.            <div class="aa-ItemContentTitle">
  2623.              ${components.Highlight({ hit: item, attribute: 'query' })}
  2624.            </div>
  2625.          </div>
  2626.        </div>
  2627.        <div class="aa-ItemActions">
  2628.          <button
  2629.            class="aa-ItemActionButton"
  2630.            title={"Fill query with ${item.query}"} >
  2631.              <svg viewBox="0 0 24 24" fill="currentColor">
  2632.                <path d="M8 17v-7.586l8.293 8.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-8.293-8.293h7.586c0.552 0 1-0.448 1-1s-0.448-1-1-1h-10c-0.552 0-1 0.448-1 1v10c0 0.552 0.448 1 1 1s1-0.448 1-1z" />
  2633.              </svg>
  2634.          </button>
  2635.        </div>
  2636.      </a>`
  2637.    };
  2638.  })(window.algoliaShopify);
  2639. </script>
  2640.  
  2641. <script>
  2642.    (function(algolia) {
  2643.        'use strict';
  2644.  
  2645.        algolia.headerTemplate = function headerTemplate({ html, state }, resource) {
  2646.            return html `<div class="aa-SourceHeader">
  2647.                <span class="aa-SourceHeaderTitle">${algolia.translation_helpers.render_title(resource, state.query)}</span>
  2648.                <div class="aa-SourceHeaderLine" />
  2649.            </div>`
  2650.        };
  2651.    })(window.algoliaShopify);
  2652. </script>
  2653.  
  2654. <script>
  2655.    (function(algolia) {
  2656.        'use strict';
  2657.  
  2658.        algolia.footerTemplate = function footerTemplate({ html, state }) {
  2659.            return html `<div class="aa-footer">
  2660.                <a class="aa-SeeAllBtn" href="/search?q=${state.query}">
  2661.                    ${algolia.translations.allProducts}
  2662.                    (${algolia.helpers.formatNumber(state.context.nbProducts)})
  2663.                </a>
  2664.            </div>`
  2665.        };
  2666.    })(window.algoliaShopify);
  2667. </script>
  2668.  
  2669.  
  2670.  
  2671. <script>
  2672.   (function(algolia) {
  2673.      'use strict';
  2674.  
  2675.      algolia.noResultsTemplate = function noResultsTemplate({ html, state }) {
  2676.         return html `<div class="aa-PanelLayout aa-Panel--scrollable">
  2677.            <p class="aa-NoResultsHeader">
  2678.               ${algolia.translation_helpers.no_result_for(state.query)}
  2679.            </p>
  2680.            <a class="aa-NoResultsLink" href="/search?q=">
  2681.                ${algolia.translations.allProducts}
  2682.            </a>
  2683.         </div>`
  2684.      };
  2685.   })(window.algoliaShopify);
  2686. </script>
  2687.  
  2688. <script>
  2689.  (function(algolia) {
  2690.    'use strict';
  2691.  
  2692.    algolia.instantSearchMainTemplate = function instantSearchMainTemplate( html, data ) {
  2693.      return html `<div class="ais-page">
  2694.        <h1 class="ais-h2">${algolia.translations.searchTitle}</h1>
  2695.        <div class="ais-input">
  2696.          <div class="ais-search-box-container"></div>
  2697.          <div class="ais-input-button">
  2698.            <div class="ais-clear-input-icon"></div>
  2699.          </div>
  2700.        </div>
  2701.        <div class="ais-facets-button">
  2702.          Show filters
  2703.        </div>
  2704.        <div class="ais-facets">
  2705.          <div class="ais-clear-refinements-container"></div>
  2706.          <div class="ais-current-refined-values-container"></div>
  2707.          ${data.facets.map( facet =>
  2708.        html`<div class="ais-facet-dropdown-wrapper ais-facet-${facet.type} ais-facet-${facet.escapedName}">
  2709.              <label for="${facet.escapedName}" class="ais-range-slider--header ais-facet--header ais-header">${facet.title}</label>
  2710.              <input class="ais-dropdown-checkbox" type="checkbox" id="${facet.escapedName}" name="dropdown" />
  2711.              <div class="ais-facet-${facet.escapedName}-container ais-facet-dropdown-container"></div>
  2712.            </div>`
  2713.      )}
  2714.        </div>
  2715.        <div class="ais-block">
  2716.          <div class="ais-search-header">
  2717.            <div class="ais-stats-container"></div>
  2718.            <div class="ais-change-display">
  2719.              <span class="ais-change-display-block ais-change-display-selected"><i class="fa fa-th-large"></i></span>
  2720.              <span class="ais-change-display-list"><i class="fa fa-th-list"></i></span>
  2721.            </div>
  2722.            <div class="ais-sort">
  2723.              ${data.multipleSortOrders ?
  2724.                html`${algolia.translations.sortBy} <span class="ais-sort-orders-container"></span>`
  2725.                : html`${algolia.translations.sortBy} ${algolia.translations.relevance}`
  2726.              }
  2727.            </div>
  2728.          </div>
  2729.          <div class="ais-hits-container ais-results-as-block"></div>
  2730.        </div>
  2731.        <div class="ais-pagination-container"></div>
  2732.      </div>`
  2733.    };
  2734.  })(window.algoliaShopify);
  2735. </script>
  2736. <script>
  2737.  (function(algolia) {
  2738.    'use strict';
  2739.  
  2740.    algolia.instantSearchStatsTemplate = function instantSearchStatsTemplate(data, html) {
  2741.      return html `${data.hasNoResults && algolia.translations.noResultFound}
  2742.        ${data.hasOneResult &&
  2743.        html`<span class="ais-stats--nb-results">
  2744.            ${algolia.translations.oneResultFound}
  2745.        </span>`}
  2746.        ${data.hasManyResults &&
  2747.        html`${algolia.translation_helpers.outOf(data.page, data.hitsPerPage, data.nbHits)}
  2748.        <span class="ais-stats--nb-results">
  2749.          ${' '}
  2750.          ${algolia.helpers.formatNumber(data.nbHits)}
  2751.          ${' '}
  2752.          ${algolia.translations.resultsFound}
  2753.        </span>`}
  2754.        ${' '}
  2755.        ${algolia.translation_helpers.in(data.processingTimeMS)}`
  2756.    };
  2757.  })(window.algoliaShopify);
  2758. </script>
  2759.  
  2760. <script>
  2761.  (function(algolia) {
  2762.    'use strict';
  2763.  
  2764.    algolia.instantSearchShowMore = function instantSearchShowMore(data, html) {
  2765.      return html `<span>${data.isShowingMore ? algolia.translations.showLess : algolia.translations.showMore }</span>`
  2766.    };
  2767.  })(window.algoliaShopify);
  2768. </script>
  2769.  
  2770. <script>
  2771.  (function(algolia) {
  2772.    'use strict';
  2773.  
  2774.    algolia.instantSearchFacetItem = function instantSearchFacetItem(item, html) {
  2775.      return html `<label class="${item.cssClasses.label}">
  2776.          ${item.type === "disjunctive" &&
  2777.          (item.isRefined ?
  2778.                html`<input type="checkbox" class="${item.cssClasses.checkbox}" checked />`
  2779.                : html`<input type="checkbox" class="${item.cssClasses.checkbox}"  />`)
  2780.          }
  2781.          ${ item.label}
  2782.          <span class="${item.cssClasses.count}">
  2783.            ${algolia.helpers.formatNumber(item.count)}
  2784.          </span>
  2785.      </label>`
  2786.    };
  2787.  })(window.algoliaShopify);
  2788. </script>
  2789. <script>
  2790.  
  2791.  
  2792.  
  2793.  
  2794.  
  2795.  
  2796.  
  2797.  
  2798.  
  2799.  
  2800.  
  2801.  
  2802.  
  2803.  
  2804.  
  2805.  (function(algolia) {
  2806.    'use strict';
  2807.  
  2808.    algolia.instantSearchProductTemplate = function instantSearchProductTemplate(hit, html, components) {
  2809.      return html `<div data-algolia-index="${hit.index}" data-algolia-position="${hit.productPosition}" data-algolia-queryid="${hit.queryID}" data-algolia-objectid="${hit.objectID}" class="ais-hit ais-product" data-handle="${hit.handle}" data-variant-id="${hit.objectID}" data-distinct="${hit._distinct}">
  2810.        <div class="ais-hit--picture" style="background-image: url('${algolia.helpers.mediumImage(hit)}')"></div>
  2811.  
  2812.        <div class="ais-hit--details">
  2813.          <p class="ais-hit--title">
  2814.            <a data-algolia-index="${hit.index}"
  2815.               data-algolia-position="${hit.productPosition}"
  2816.               data-algolia-queryid="${hit.queryID}"
  2817.               data-algolia-objectid="${hit.objectID}"
  2818.               href="${algolia.helpers.instantsearchLink(hit)}"
  2819.               onclick="void(0)"
  2820.               title="${algolia.helpers.fullTitle(hit.title, hit._distinct, hit.variant_title)}">
  2821.              ${components.Highlight({ attribute: 'title', hit })}
  2822.              ${algolia.helpers.variantTitleAddition (hit, hit._distinct)}
  2823.            </a>
  2824.          </p>
  2825.          <p class="ais-hit--subtitle" title="${hit.product_type}${algolia.translation_helpers.by(hit.vendor)}">
  2826.            ${components.Highlight({ attribute: 'product_type', hit })}
  2827.            ${hit.vendor && html`<span> by </span>`}
  2828.            ${hit.vendor && components.Highlight({ attribute: 'vendor', hit })}
  2829.          </p>
  2830.          <p class="ais-hit--description">
  2831.           <span>${hit.meta.my_fields && html`${hit.meta.my_fields.short_description}`}</span>
  2832.          </p>
  2833.          <p class="ais-hit--price">
  2834.            <b>${algolia.helpers.displayPrice(hit, hit._distinct)}</b>
  2835.            ${!hit._distinct && html`<span class="ais-hit--price-striked"><span>${algolia.helpers.displayStrikedPrice(hit.price, hit.compare_at_price)}</span></span>`}
  2836.            ${!hit._distinct && html`<span class="ais-hit--price-discount">${algolia.helpers.displayDiscount(hit.price, hit.compare_at_price, hit.price_ratio)}</span>`}
  2837.          </p>
  2838.          <!-- Extra info examples - Remove the display: none to show them -->
  2839.          <p class="ais-hit--info" style="display: none">
  2840.            ${hit.sku && html`<span class="algolia-sku">${components.Highlight({ attribute: 'sku', hit })}</span>`}
  2841.            ${hit.barcode && html`<span class="algolia-barcode">${components.Highlight({ attribute: 'barcode', hit })}</span>`}
  2842.            ${hit.weight && html`<span class="algolia-weight">${hit.weight}</span>`}
  2843.            ${!hit.taxable && html`<span class="algolia-taxable">Tax free</span>`}
  2844.          </p>
  2845.          <!-- Tags example - Remove the display: none to show them -->
  2846.          <p class="ais-hit--tags" style="display: none">
  2847.                  ${hit._highlightResult.tags?.map( tag => html`<span class="ais-hit--tag">${tag.value}</span>`)}
  2848.          </p>
  2849.              ${!hit._distinct && html`
  2850.              <form id="algolia-add-to-cart-${hit.objectID}" style="display: none;" action="/cart/add" method="post" enctype="multipart/form-data">
  2851.                  <input type="hidden" name="id" value="${hit.objectID}" />
  2852.              </form>
  2853.              <p class="ais-hit--cart">
  2854.                ${hit.can_order ? html`
  2855.                  <button class="ais-hit--cart-button" data-form-id="algolia-add-to-cart-${hit.objectID}">
  2856.                    ${ algolia.translations.addToCart }
  2857.                  </button>`
  2858.                : html`
  2859.                  <button class="ais-hit--cart-button ais-hit--cart-button__disabled">
  2860.                      ${ algolia.translations.outOfStock }
  2861.                  </button>`}
  2862.              </p>`}
  2863.          </div>
  2864.      </div>`
  2865.    };
  2866.  })(window.algoliaShopify);
  2867.  
  2868.  
  2869.  
  2870.  
  2871.  
  2872.  
  2873.  
  2874.  
  2875.  
  2876.  
  2877.  
  2878.  
  2879.  
  2880.  
  2881.  
  2882. </script>
  2883.  
  2884. <script>
  2885.  (function(algolia) {
  2886.    'use strict';
  2887.  
  2888.    algolia.instantSearchNoResultTemplate = function instantSearchNoResultTemplate(html) {
  2889.      return html `<div class="ais-hit-empty">
  2890.        <div class="ais-hit-empty--title">${algolia.translations.noResultFound}</div>
  2891.        <div class="ais-hit-empty--clears">
  2892.          ${algolia.translations.try}
  2893.          ${' '}
  2894.          <a class="ais-hit-empty--clear-filters ais-link">
  2895.              ${algolia.translations.clearFilters}
  2896.              ${' '}
  2897.          </a>
  2898.          ${algolia.translations.or}
  2899.          ${' '}
  2900.          <a class="ais-hit-empty--clear-input ais-link">
  2901.              ${algolia.translations.changeInput}
  2902.          </a>
  2903.        </div>
  2904.      </div>`
  2905.    };
  2906.  })(window.algoliaShopify);
  2907. </script>
  2908.  
  2909.  <!-- /Algolia head -->
  2910.  
  2911.  <script src="https://static.rechargecdn.com/assets/storefront/recharge-client-1.8.0.min.js"></script>
  2912.  <script>
  2913.    console.log('init')
  2914.    const key = 'strfnt_51a653e6c5017f992908f3a6f96a0e9e6c3c0ee8823276a112bc15de9d3448d7';
  2915.    recharge.init({
  2916.      // optional when in a shopify environment
  2917.      storeIdentifier: '1p-ecomm.myshopify.com',
  2918.      // required for API access
  2919.      storefrontAccessToken: key,
  2920.      // retry middleware function if/when Recharge session expires
  2921.      loginRetryFn: () => {
  2922.        return recharge.auth.loginShopifyAppProxy().then(session => {
  2923.          console.log('session', session);
  2924.          return session;
  2925.        });
  2926.      },
  2927.    });
  2928.  </script>
  2929.  
  2930.   <!-- Sweep head -->
  2931. <script async type="text/javascript" src="https://app.viralsweep.com/assets/js/store.js?id=153737_862292"></script>
  2932.  
  2933.   <!-- /Sweep head -->
  2934.  
  2935.  
  2936.  
  2937. <!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
  2938.  
  2939.  
  2940.  
  2941.  
  2942.  
  2943.  
  2944.  
  2945.  
  2946.  
  2947.  
  2948.  
  2949.  
  2950.  <script async src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=HAZKqY"></script>
  2951.  <script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
  2952.  
  2953.  
  2954.  
  2955.  
  2956.  
  2957.  
  2958.  <script>
  2959.    window.klaviyoReviewsProductDesignMode = false
  2960.  </script>
  2961.  
  2962.  
  2963.  
  2964. <!-- END app app block --><!-- BEGIN app block: shopify://apps/xo-insert-code/blocks/insert-code-header/72017b12-3679-442e-b23c-5c62460717f5 --><!-- XO-InsertCode Header -->
  2965.  
  2966.  
  2967. <script type="text/javascript">
  2968.    window._mfq = window._mfq || [];
  2969.    (function() {
  2970.        var mf = document.createElement("script");
  2971.        mf.type = "text/javascript"; mf.async = true;
  2972.        mf.src = "//cdn.mouseflow.com/projects/4b1a82fd-4fc6-4b58-9078-5a5812223e73.js";
  2973.        document.getElementsByTagName("head")[0].appendChild(mf);
  2974.    })();
  2975.  
  2976. </script>
  2977.  
  2978. <!-- Start 1P Google Site En-Conv Pixel -->
  2979. <script async src="https://www.googletagmanager.com/gtag/js?id=AW-997614262"></script>
  2980. <script>
  2981.  window.dataLayer = window.dataLayer || [];
  2982.  function gtag(){dataLayer.push(arguments);}
  2983.  gtag('js', new Date());
  2984.  
  2985.  gtag('config', 'AW-997614262', {'allow_enhanced_conversions': true});
  2986.  
  2987. var enhanced_conversion_data = {
  2988.    "first_name": "{{ checkout.billing_address.first_name }}",
  2989.    "last_name": "{{ checkout.billing_address.last_name }}",
  2990.    "home_address": {
  2991.      "street": "{{ checkout.billing_address.street }}",
  2992.      "city": "{{ checkout.billing_address.city }}",
  2993.      "region": "{{ checkout.billing_address.province }}",
  2994.      "postal_code": "{{ checkout.billing_address.zip }}",
  2995.      "country": "{{ checkout.billing_address.country_code }}"
  2996.    }
  2997.  }
  2998.  if ("{{ checkout.email }}") {
  2999.    enhanced_conversion_data.email = "{{ checkout.email }}";
  3000.  }
  3001.  if ("{{ checkout.billing_address.phone }}") {
  3002.    enhanced_conversion_data.phone_number = "{{ checkout.billing_address.phone }}";
  3003.  }
  3004. </script>
  3005. <!-- End 1P Google Site En-Conv Pixel -->
  3006.  
  3007. <!-- Begin X Base Pixel -->
  3008. <script>
  3009. !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
  3010. },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js',
  3011. a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
  3012. twq('config','ok5j8');
  3013. </script>
  3014. <!-- End X Base Pixel -->
  3015.  
  3016. <!-- Start 1P Bing Page View Pixel -->
  3017. <script>(function(w,d,t,r,u){var f,n,I;w[u]=w[u]||[],f=function(){var o={ti:"25037131"};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},I=d.getElementsByTagName(t)[0],I.parentNode.insertBefore(n,I)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script>
  3018. <!-- End 1P Bing Page View Pixel -->
  3019.  
  3020. <meta name="google-site-verification" content="X_D2w9ueCuvQvSQBA5-Bf7EMOs9xPQWq2WYYR6gUiU0" />
  3021.  
  3022. <meta name="google-site-verification" content="X_D2w9ueCuvQvSQBA5-Bf7EMOs9xPQWq2WYYR6gUiU0" />
  3023. <meta property="og:description" content="The World Leader in Premium Nutritional Performance — NEVER SETTLE!" />
  3024. <meta name="p:domain_verify" content="2096802e7d9468d365e3f2ab374571f7"/>
  3025.  
  3026.  
  3027.  
  3028.  
  3029.  
  3030. <!-- End: XO-InsertCode Header -->
  3031.  
  3032.  
  3033. <!-- END app app block --><!-- BEGIN app block: shopify://apps/seo-manager/blocks/seomanager/c54c366f-d4bb-4d52-8d2f-dd61ce8e7e12 --><!-- BEGIN app snippet: SEOManager4 -->
  3034. <meta name='seomanager' content='4.0.2e' />
  3035.  
  3036.  
  3037. <script>
  3038. function sm_htmldecode(str) {
  3039. var txt = document.createElement('textarea');
  3040. txt.innerHTML = str;
  3041. return txt.value;
  3042. }
  3043.  
  3044. var venntov_title = sm_htmldecode("1st Phorm | The Foundation of High Performance Nutrition");
  3045. var venntov_description = sm_htmldecode("1st Phorm is founded on quality, built on service, and measured on results. We&#39;re not the cheapest ... but we are the best. Never Settle for anything less than the best — 1st Phorm");
  3046. if (venntov_title != '') {
  3047. document.title = venntov_title;
  3048. }
  3049. else {
  3050. document.title = "1st Phorm | The Foundation of High Performance Nutrition";
  3051. }
  3052.  
  3053. if (document.querySelector('meta[name="description"]') == null) {
  3054. var venntov_desc = document.createElement('meta');
  3055. venntov_desc.name = "description";
  3056. venntov_desc.content = venntov_description;
  3057. var venntov_head = document.head;
  3058. venntov_head.appendChild(venntov_desc);
  3059. } else {
  3060. document.querySelector('meta[name="description"]').setAttribute("content", venntov_description);
  3061. }
  3062. </script>
  3063.  
  3064. <script>
  3065. var venntov_robotVals = "index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1";
  3066. if (venntov_robotVals !== "") {
  3067. document.querySelectorAll("[name='robots']").forEach(e => e.remove());
  3068. var venntov_robotMeta = document.createElement('meta');
  3069. venntov_robotMeta.name = "robots";
  3070. venntov_robotMeta.content = venntov_robotVals;
  3071. var venntov_head = document.head;
  3072. venntov_head.appendChild(venntov_robotMeta);
  3073. }
  3074. </script>
  3075.  
  3076. <script>
  3077. var venntov_googleVals = "";
  3078. if (venntov_googleVals !== "") {
  3079. document.querySelectorAll("[name='google']").forEach(e => e.remove());
  3080. var venntov_googleMeta = document.createElement('meta');
  3081. venntov_googleMeta.name = "google";
  3082. venntov_googleMeta.content = venntov_googleVals;
  3083. var venntov_head = document.head;
  3084. venntov_head.appendChild(venntov_googleMeta);
  3085. }
  3086. </script><meta name="google-site-verification" content="A0fHjIfs-yG0CNliAH_VqgX4HRiyDC2_6vF9N32qmAk" />
  3087. <!-- JSON-LD support -->
  3088. <script type="application/ld+json">
  3089. {
  3090. "@context": "http://schema.org",
  3091. "@type": "Organization",
  3092. "name": "1st Phorm",
  3093. "url": "https://1stphorm.com","logo": "https://customers.seomanager.com/knowledgegraph/logo/1p-ecomm_myshopify_com_logo.jpg?cache=7568"
  3094. ,"image": "https://customers.seomanager.com/knowledgegraph/logo/1p-ecomm_myshopify_com_logo.jpg?cache=7568","contactPoint": [{
  3095. "@type": "ContactPoint",
  3096. "telephone": "+1-800-409-9732",
  3097. "contactType": "customer service"
  3098. },{
  3099. "@type": "ContactPoint",
  3100. "telephone": "+1-800-409-9732",
  3101. "contactType": "technical support"
  3102. },{
  3103. "@type": "ContactPoint",
  3104. "telephone": "+1-800-409-9732",
  3105. "contactType": "sales"
  3106. }],"sameAs": ["https://www.facebook.com/1stphorm", "https://twitter.com/1stphorm", "https://instagram.com/1stphorm", "https://pinterest.com/1stphorm", "https://www.linkedin.com/company/1st-phorm-international", "", "", ""]}
  3107. </script>
  3108. <script type="application/ld+json">
  3109. {
  3110. "@context": "https://schema.org",
  3111. "@type": "Store",
  3112. "name": "1st Phorm",
  3113. "url": "https://1stphorm.com",
  3114. "description": "Founded on Quality, Built on Service, Measured on Results. 1st Phorm offers everything you need to elevate your fitness journey, including premium supplements, athletic apparel, and the 1st Phorm app."
  3115. ,"image": "https://customers.seomanager.com/knowledgegraph/logo/1p-ecomm_myshopify_com_logo.jpg?cache=7568","telephone": "+1-800-409-9732","brand": {
  3116. "@type": "Brand",
  3117. "name": "1st Phorm"
  3118. },"hasMap": "https://www.google.com/maps/place/1st+Phorm/%4038.5448817%2C-90.4570938%2C17z/data%3D%213m1%214b1%214m5%213m4%211s0x87d8d1b6d143e56d:0x4963652cbed12e2c%218m2%213d38.5448845%214d-90.4548035","geo": {
  3119. "@type": "GeoCoordinates",
  3120. "latitude": "38.5448632",
  3121. "longitude": "-90.4548803"
  3122. }
  3123. ,"address": {
  3124. "@type": "PostalAddress",
  3125. "streetAddress": "2091 Fenton Logistics Park",
  3126. "addressLocality": "Fenton",
  3127. "addressRegion": "Missouri",
  3128. "postalCode": "63026",
  3129. "addressCountry": "US"
  3130. }
  3131. }
  3132. </script>
  3133. <script type="application/ld+json">
  3134. {
  3135. "@context": "https://schema.org",
  3136. "@type": "WebSite",
  3137. "name": "1st Phorm",
  3138. "url": "1stphorm.com",
  3139. "potentialAction": {
  3140. "@type": "SearchAction",
  3141. "target": {
  3142. "@type": "EntryPoint",
  3143. "urlTemplate": "https://1stphorm.com/search?q={search_term_string}"
  3144. },
  3145. "query-input": "required name=search_term_string"
  3146. }
  3147. }
  3148. </script>
  3149.  
  3150. <!-- END app snippet -->
  3151.  
  3152. <!-- END app app block --><!-- BEGIN app block: shopify://apps/okendo-product-reviews-ugc/blocks/theme-settings/bb689e69-ea70-4661-8fb7-ad24a2e23c29 --><!-- BEGIN app snippet: header-metafields -->
  3153.  
  3154.    <script id="okeReferralSettings" type="application/json">{"subscriberId":"e73ec6e7-ee2e-40b9-ac31-5e6166363e86","matchCustomerLocale":false,"localeAndVariant":{"code":"en"},"referralSettings":{"rewardSet":{"sender":{"description":"Get $10 in store credit on your next order with a minimum purchase of $50","value":10,"valueType":"fixed_amount"},"recipient":{"description":"Get $10 in store credit on your next order with a minimum purchase of $50","value":10,"valueType":"fixed_amount"}},"terms":{"enabled":false},"textContentSet":{"recipient":{"thankYouTitleText":"Here's your $10 in store credit!","thankYouBodyText":"Click the link below to head to the site and choose your favorites. Your $10 store credit will be automatically applied to your cart of $50 or more when you check out.","titleText":"Enter your email to see if you're eligible for $10 in store credit!"},"sender":{"thankYouTitleText":"Give Friends & Family $10 In Store Credit!","bodyText":"Give your friends $10 off their first purchase of $50 or more ... and you'll get $10 off your next order when they complete their purchase.","thankYouBodyText":"Send invites by email or share your referral link to give $10 in store credit to your friends, family, or anyone else that would benefit from 1st Phorm. When they click your link, it will be automatically applied to their cart at checkout.","titleText":"GIVE $10, GET $10"}},"showMarketingOptIn":false,"socialShare":{"options":{"sms":true,"twitter":true,"whatsApp":true,"facebookMessenger":true,"facebook":true},"defaultText":"You've got to try these products out. Here's $10 in store credit to get you started!","displayType":"monochrome","style":{"fillColor":"#00A9CE","backgroundColor":"#F4F4F6"}},"style":{"button":{"hoverBackgroundColor":"#09555A","backgroundColor":"#00A9CE","hoverTextColor":"#FFFFFF","textColor":"#FFFFFF"},"hideOkendoBranding":true,"headerImage":{"width":350,"url":"https://dov7r31oq5dkj.cloudfront.net/e73ec6e7-ee2e-40b9-ac31-5e6166363e86/ca2ab12e-e560-4798-b100-bc5999d45e1e","headerStyle":"banner","height":239},"bubble":{"textColor":"#FFFFFF","backgroundColor":"#00A9CE"},"text":{"primaryColor":"#000000","secondaryColor":"#000000"},"removeBorderRadius":true,"textField":{"border":{"color":"#E5E5EC","focusColor":"#57BFBE","focusShadowColor":"#CBF2F0"}}}}}</script><script type="text/javascript" defer="" src="https://d3hw6dc1ow8pp2.cloudfront.net/referrals/js/referrals-api.js"></script>
  3155.  
  3156.  
  3157.  
  3158.  
  3159.  
  3160.  
  3161.    <link href="https://d3hw6dc1ow8pp2.cloudfront.net/styles/main.min.css" rel="stylesheet" type="text/css">
  3162. <style type="text/css">
  3163. .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview {
  3164.        display: inline-block;
  3165.    }
  3166.    .okeReviews .okeReviews-reviewsWidget.is-okeReviews-empty {
  3167.        display: block;
  3168.    }
  3169. </style>
  3170. <script type="application/json" id="oke-reviews-settings">
  3171. {"analyticsSettings":{"provider":"ua"},"disableInitialReviewsFetchOnProducts":false,"filtersEnabled":false,"initialReviewDisplayCount":5,"locale":"en","localeAndVariant":{"code":"en"},"omitMicrodata":true,"reviewSortOrder":"rating","subscriberId":"e73ec6e7-ee2e-40b9-ac31-5e6166363e86","widgetTemplateId":"featured-media","starRatingColor":"#FA9902","recorderPlus":true,"recorderQandaPlus":true}
  3172. </script>
  3173.  
  3174.    <link rel="stylesheet" type="text/css" href="https://dov7r31oq5dkj.cloudfront.net/e73ec6e7-ee2e-40b9-ac31-5e6166363e86/widget-style-customisations.css?v=306f1d61-4247-47f1-b3bd-44fbde1fc165">
  3175.  
  3176.  
  3177.  
  3178.  
  3179.  
  3180.  
  3181.  
  3182.  
  3183.  
  3184.  
  3185. <!-- END app snippet -->
  3186. <!-- BEGIN app snippet: okendo-reviews-json-ld -->
  3187. <!-- END app snippet -->
  3188. <!-- BEGIN app snippet: widget-plus-initialisation-script -->
  3189.  
  3190.  
  3191.  
  3192.  
  3193. <!-- END app snippet -->
  3194.  
  3195.  
  3196. <!-- END app app block --><!-- BEGIN app block: shopify://apps/easygift-auto-add-to-cart/blocks/app-embed/0f7d4f74-1e89-4820-aec4-6564d7e535d2 -->
  3197.  
  3198.  
  3199.  
  3200.  
  3201.    <script async type="text/javascript" src="https://cdn.506.io/eg/script.js?shop=1p-ecomm.myshopify.com"></script>
  3202.  
  3203.  
  3204.  
  3205. <!-- END app app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
  3206. <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 7277543493,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
  3207. <script id="web-pixels-manager-setup">(function e(e,n,a,t,r){var o="function"==typeof BigInt&&-1!==BigInt.toString().indexOf("[native code]")?"modern":"legacy";window.Shopify=window.Shopify||{};var i=window.Shopify;i.analytics=i.analytics||{};var s=i.analytics;s.replayQueue=[],s.publish=function(e,n,a){return s.replayQueue.push([e,n,a]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=[a,"/wpm","/b",r,o.substring(0,1),".js"].join("");!function(e){var n=e.src,a=e.async,t=void 0===a||a,r=e.onload,o=e.onerror,i=document.createElement("script"),s=document.head,l=document.body;i.async=t,i.src=n,r&&i.addEventListener("load",r),o&&i.addEventListener("error",o),s?s.appendChild(i):l?l.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:l,async:!0,onload:function(){var a=window.webPixelsManager.init(e);n(a);var t=window.Shopify.analytics;t.replayQueue.forEach((function(e){var n=e[0],t=e[1],r=e[2];a.publishCustomEvent(n,t,r)})),t.replayQueue=[],t.publish=a.publishCustomEvent,t.visitor=a.visitor},onerror:function(){var n=e.storefrontBaseUrl.replace(/\/$/,""),a="".concat(n,"/.well-known/shopify/monorail/unstable/produce_batch"),r=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/2.0",payload:{version:t||"latest",page_url:self.location.href,status:"failed",error_msg:"".concat(l," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(a,r))return!0}catch(e){}var o=new XMLHttpRequest;try{return o.open("POST",a,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(r),!0}catch(e){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 7277543493,storefrontBaseUrl: "https://1stphorm.com",cdnBaseUrl: "https://1stphorm.com/cdn",surface: "storefront-renderer",enabledBetaFlags: ["5de24938","3b4293f9"],webPixelsConfigList: [{"id":"38633558","configuration":"{\"tagID\":\"2613401077842\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"54f3ea9d23f4af69f7d812fb978ff7ee","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"8618070","configuration":"{\"advertiser\":\"1stphorm\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"5d6ff697f8f0c56694e43434919810e4","type":"APP","apiClientId":39871250433,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"064","apiClientId":"shopify-pixel","type":"APP","purposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"064","apiClientId":"shopify-pixel","type":"CUSTOM","purposes":["ANALYTICS","MARKETING"]}],initData: {"cart":null,"checkout":null,"customer":null,"productVariants":[]},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed");},"https://1stphorm.com/cdn","a37bdf26f8653b8fca454a8b9abaae645af1380a","bf0a1c21w381382fdp2197aec3mf9663592",);</script>  <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  3208. window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  3209. window.ShopifyAnalytics.meta.currency = 'USD';
  3210. var meta = {"page":{"pageType":"home"}};
  3211. for (var attr in meta) {
  3212.  window.ShopifyAnalytics.meta[attr] = meta[attr];
  3213. }</script>
  3214. <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() {
  3215.  
  3216. };
  3217. </script>
  3218. <script class="analytics">(window.gaDevIds=window.gaDevIds||[]).push('BwiEti');
  3219.  
  3220.  
  3221. (function () {
  3222.    var customDocumentWrite = function(content) {
  3223.      var jquery = null;
  3224.  
  3225.      if (window.jQuery) {
  3226.        jquery = window.jQuery;
  3227.      } else if (window.Checkout && window.Checkout.$) {
  3228.        jquery = window.Checkout.$;
  3229.      }
  3230.  
  3231.      if (jquery) {
  3232.        jquery('body').append(content);
  3233.      }
  3234.    };
  3235.  
  3236.    var hasLoggedConversion = function(token) {
  3237.      if (token) {
  3238.        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
  3239.      }
  3240.      return false;
  3241.    }
  3242.  
  3243.    var setCookieIfConversion = function(token) {
  3244.      if (token) {
  3245.        var twoMonthsFromNow = new Date(Date.now());
  3246.        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
  3247.  
  3248.        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
  3249.      }
  3250.    }
  3251.  
  3252.    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
  3253.    if (trekkie.integrations) {
  3254.      return;
  3255.    }
  3256.    trekkie.methods = [
  3257.      'identify',
  3258.      'page',
  3259.      'ready',
  3260.      'track',
  3261.      'trackForm',
  3262.      'trackLink'
  3263.    ];
  3264.    trekkie.factory = function(method) {
  3265.      return function() {
  3266.        var args = Array.prototype.slice.call(arguments);
  3267.        args.unshift(method);
  3268.        trekkie.push(args);
  3269.        return trekkie;
  3270.      };
  3271.    };
  3272.    for (var i = 0; i < trekkie.methods.length; i++) {
  3273.      var key = trekkie.methods[i];
  3274.      trekkie[key] = trekkie.factory(key);
  3275.    }
  3276.    trekkie.load = function(config) {
  3277.      trekkie.config = config || {};
  3278.      trekkie.config.initialDocumentCookie = document.cookie;
  3279.      var first = document.getElementsByTagName('script')[0];
  3280.      var script = document.createElement('script');
  3281.      script.type = 'text/javascript';
  3282.      script.onerror = function(e) {
  3283.        var scriptFallback = document.createElement('script');
  3284.        scriptFallback.type = 'text/javascript';
  3285.        scriptFallback.onerror = function(error) {
  3286.                var Monorail = {
  3287.      produce: function produce(monorailDomain, schemaId, payload) {
  3288.        var currentMs = new Date().getTime();
  3289.        var event = {
  3290.          schema_id: schemaId,
  3291.          payload: payload,
  3292.          metadata: {
  3293.            event_created_at_ms: currentMs,
  3294.            event_sent_at_ms: currentMs
  3295.          }
  3296.        };
  3297.        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
  3298.      },
  3299.      sendRequest: function sendRequest(endpointUrl, payload) {
  3300.        // Try the sendBeacon API
  3301.        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
  3302.          var blobData = new window.Blob([payload], {
  3303.            type: 'text/plain'
  3304.          });
  3305.  
  3306.          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
  3307.            return true;
  3308.          } // sendBeacon was not successful
  3309.  
  3310.        } // XHR beacon
  3311.  
  3312.        var xhr = new XMLHttpRequest();
  3313.  
  3314.        try {
  3315.          xhr.open('POST', endpointUrl);
  3316.          xhr.setRequestHeader('Content-Type', 'text/plain');
  3317.          xhr.send(payload);
  3318.        } catch (e) {
  3319.          console.log(e);
  3320.        }
  3321.  
  3322.        return false;
  3323.      },
  3324.      isIos12: function isIos12() {
  3325.        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
  3326.      }
  3327.    };
  3328.    Monorail.produce('monorail-edge.shopifysvc.com',
  3329.      'trekkie_storefront_load_errors/1.1',
  3330.      {shop_id: 7277543493,
  3331.      theme_id: 123879555158,
  3332.      app_name: "storefront",
  3333.      context_url: window.location.href,
  3334.      source_url: "//1stphorm.com/cdn/s/trekkie.storefront.dd626a6a6fbdab104f8779acc4331c330134c832.min.js"});
  3335.  
  3336.        };
  3337.        scriptFallback.async = true;
  3338.        scriptFallback.src = '//1stphorm.com/cdn/s/trekkie.storefront.dd626a6a6fbdab104f8779acc4331c330134c832.min.js';
  3339.        first.parentNode.insertBefore(scriptFallback, first);
  3340.      };
  3341.      script.async = true;
  3342.      script.src = '//1stphorm.com/cdn/s/trekkie.storefront.dd626a6a6fbdab104f8779acc4331c330134c832.min.js';
  3343.      first.parentNode.insertBefore(script, first);
  3344.    };
  3345.    trekkie.load(
  3346.      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":7277543493,"isMerchantRequest":null,"themeId":123879555158,"themeCityHash":"11377648597754099625","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["bbcf04e6"]},"Google Analytics":{"trackingId":"UA-39945627-1","domain":"auto","siteSpeedSampleRate":"10","enhancedEcommerce":true,"doubleClick":true,"includeSearch":true},"Facebook Pixel":{"pixelIds":["1493004450918730"],"agent":"plshopify1.2"},"TikTok Pixel":{"pixelId":"C6AJRJNQ6F4QVUID15N0"},"Google Gtag Pixel":{"conversionId":"G-YPLM51JMCY","eventLabels":[{"type":"begin_checkout","action_label":"G-YPLM51JMCY"},{"type":"search","action_label":"G-YPLM51JMCY"},{"type":"view_item","action_label":["G-YPLM51JMCY","MC-08Q3S9DPK8"]},{"type":"purchase","action_label":["G-YPLM51JMCY","MC-08Q3S9DPK8"]},{"type":"page_view","action_label":["G-YPLM51JMCY","MC-08Q3S9DPK8"]},{"type":"add_payment_info","action_label":"G-YPLM51JMCY"},{"type":"add_to_cart","action_label":"G-YPLM51JMCY"}],"targetCountry":"US"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"facebookAppPixelId":"1493004450918730","source":"trekkie-storefront-renderer"}}
  3347.    );
  3348.  
  3349.    var loaded = false;
  3350.    trekkie.ready(function() {
  3351.      if (loaded) return;
  3352.      loaded = true;
  3353.  
  3354.      window.ShopifyAnalytics.lib = window.trekkie;
  3355.  
  3356.        ga('require', 'linker');
  3357.      function addListener(element, type, callback) {
  3358.        if (element.addEventListener) {
  3359.          element.addEventListener(type, callback);
  3360.        }
  3361.        else if (element.attachEvent) {
  3362.          element.attachEvent('on' + type, callback);
  3363.        }
  3364.      }
  3365.      function decorate(event) {
  3366.        event = event || window.event;
  3367.        var target = event.target || event.srcElement;
  3368.        if (target && (target.getAttribute('action') || target.getAttribute('href'))) {
  3369.          ga(function (tracker) {
  3370.            var linkerParam = tracker.get('linkerParam');
  3371.            document.cookie = '_shopify_ga=' + linkerParam + '; ' + 'path=/';
  3372.          });
  3373.        }
  3374.      }
  3375.      addListener(window, 'load', function(){
  3376.        for (var i=0; i < document.forms.length; i++) {
  3377.          var action = document.forms[i].getAttribute('action');
  3378.          if(action && action.indexOf('/cart') >= 0) {
  3379.            addListener(document.forms[i], 'submit', decorate);
  3380.          }
  3381.        }
  3382.        for (var i=0; i < document.links.length; i++) {
  3383.          var href = document.links[i].getAttribute('href');
  3384.          if(href && href.indexOf('/checkout') >= 0) {
  3385.            addListener(document.links[i], 'click', decorate);
  3386.          }
  3387.        }
  3388.      });
  3389.    
  3390.  
  3391.      var originalDocumentWrite = document.write;
  3392.      document.write = customDocumentWrite;
  3393.      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
  3394.      document.write = originalDocumentWrite;
  3395.  
  3396.      window.ShopifyAnalytics.lib.page(null,{"pageType":"home"});
  3397.  
  3398.      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
  3399.      var token = match? match[1]: undefined;
  3400.      if (!hasLoggedConversion(token)) {
  3401.        setCookieIfConversion(token);
  3402.        
  3403.      }
  3404.    });
  3405.  
  3406.  
  3407.        var eventsListenerScript = document.createElement('script');
  3408.        eventsListenerScript.async = true;
  3409.        eventsListenerScript.src = "//1stphorm.com/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js";
  3410.        document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
  3411.  
  3412. })();</script>
  3413. <script class="boomerang">
  3414. (function () {
  3415.  if (window.BOOMR && (window.BOOMR.version || window.BOOMR.snippetExecuted)) {
  3416.    return;
  3417.  }
  3418.  window.BOOMR = window.BOOMR || {};
  3419.  window.BOOMR.snippetStart = new Date().getTime();
  3420.  window.BOOMR.snippetExecuted = true;
  3421.  window.BOOMR.snippetVersion = 12;
  3422.  window.BOOMR.application = "storefront-renderer";
  3423.  window.BOOMR.themeName = "1st Phorm";
  3424.  window.BOOMR.themeVersion = "1.0";
  3425.  window.BOOMR.shopId = 7277543493;
  3426.  window.BOOMR.themeId = 123879555158;
  3427.  window.BOOMR.renderRegion = "gcp-us-east1";
  3428.  window.BOOMR.url =
  3429.    "https://1stphorm.com/cdn/shopifycloud/boomerang/shopify-boomerang-1.0.0.min.js";
  3430.  var where = document.currentScript || document.getElementsByTagName("script")[0];
  3431.  var parentNode = where.parentNode;
  3432.  var promoted = false;
  3433.  var LOADER_TIMEOUT = 3000;
  3434.  function promote() {
  3435.    if (promoted) {
  3436.      return;
  3437.    }
  3438.    var script = document.createElement("script");
  3439.    script.id = "boomr-scr-as";
  3440.    script.src = window.BOOMR.url;
  3441.    script.async = true;
  3442.    parentNode.appendChild(script);
  3443.    promoted = true;
  3444.  }
  3445.  function iframeLoader(wasFallback) {
  3446.    promoted = true;
  3447.    var dom, bootstrap, iframe, iframeStyle;
  3448.    var doc = document;
  3449.    var win = window;
  3450.    window.BOOMR.snippetMethod = wasFallback ? "if" : "i";
  3451.    bootstrap = function(parent, scriptId) {
  3452.      var script = doc.createElement("script");
  3453.      script.id = scriptId || "boomr-if-as";
  3454.      script.src = window.BOOMR.url;
  3455.      BOOMR_lstart = new Date().getTime();
  3456.      parent = parent || doc.body;
  3457.      parent.appendChild(script);
  3458.    };
  3459.    if (!window.addEventListener && window.attachEvent && navigator.userAgent.match(/MSIE [67]./)) {
  3460.      window.BOOMR.snippetMethod = "s";
  3461.      bootstrap(parentNode, "boomr-async");
  3462.      return;
  3463.    }
  3464.    iframe = document.createElement("IFRAME");
  3465.    iframe.src = "about:blank";
  3466.    iframe.title = "";
  3467.    iframe.role = "presentation";
  3468.    iframe.loading = "eager";
  3469.    iframeStyle = (iframe.frameElement || iframe).style;
  3470.    iframeStyle.width = 0;
  3471.    iframeStyle.height = 0;
  3472.    iframeStyle.border = 0;
  3473.    iframeStyle.display = "none";
  3474.    parentNode.appendChild(iframe);
  3475.    try {
  3476.      win = iframe.contentWindow;
  3477.      doc = win.document.open();
  3478.    } catch (e) {
  3479.      dom = document.domain;
  3480.      iframe.src = "javascript:var d=document.open();d.domain='" + dom + "';void(0);";
  3481.      win = iframe.contentWindow;
  3482.      doc = win.document.open();
  3483.    }
  3484.    if (dom) {
  3485.      doc._boomrl = function() {
  3486.        this.domain = dom;
  3487.        bootstrap();
  3488.      };
  3489.      doc.write("<body onload='document._boomrl();'>");
  3490.    } else {
  3491.      win._boomrl = function() {
  3492.        bootstrap();
  3493.      };
  3494.      if (win.addEventListener) {
  3495.        win.addEventListener("load", win._boomrl, false);
  3496.      } else if (win.attachEvent) {
  3497.        win.attachEvent("onload", win._boomrl);
  3498.      }
  3499.    }
  3500.    doc.close();
  3501.  }
  3502.  var link = document.createElement("link");
  3503.  if (link.relList &&
  3504.    typeof link.relList.supports === "function" &&
  3505.    link.relList.supports("preload") &&
  3506.    ("as" in link)) {
  3507.    window.BOOMR.snippetMethod = "p";
  3508.    link.href = window.BOOMR.url;
  3509.    link.rel = "preload";
  3510.    link.as = "script";
  3511.    link.addEventListener("load", promote);
  3512.    link.addEventListener("error", function() {
  3513.      iframeLoader(true);
  3514.    });
  3515.    setTimeout(function() {
  3516.      if (!promoted) {
  3517.        iframeLoader(true);
  3518.      }
  3519.    }, LOADER_TIMEOUT);
  3520.    BOOMR_lstart = new Date().getTime();
  3521.    parentNode.appendChild(link);
  3522.  } else {
  3523.    iframeLoader(false);
  3524.  }
  3525.  function boomerangSaveLoadTime(e) {
  3526.    window.BOOMR_onload = (e && e.timeStamp) || new Date().getTime();
  3527.  }
  3528.  if (window.addEventListener) {
  3529.    window.addEventListener("load", boomerangSaveLoadTime, false);
  3530.  } else if (window.attachEvent) {
  3531.    window.attachEvent("onload", boomerangSaveLoadTime);
  3532.  }
  3533.  if (document.addEventListener) {
  3534.    document.addEventListener("onBoomerangLoaded", function(e) {
  3535.      e.detail.BOOMR.init({
  3536.        ResourceTiming: {
  3537.          enabled: true,
  3538.          trackedResourceTypes: ["script", "img", "css"]
  3539.        },
  3540.      });
  3541.      e.detail.BOOMR.t_end = new Date().getTime();
  3542.    });
  3543.  } else if (document.attachEvent) {
  3544.    document.attachEvent("onpropertychange", function(e) {
  3545.      if (!e) e=event;
  3546.      if (e.propertyName === "onBoomerangLoaded") {
  3547.        e.detail.BOOMR.init({
  3548.          ResourceTiming: {
  3549.            enabled: true,
  3550.            trackedResourceTypes: ["script", "img", "css"]
  3551.          },
  3552.        });
  3553.        e.detail.BOOMR.t_end = new Date().getTime();
  3554.      }
  3555.    });
  3556.  }
  3557. })();</script>
  3558. </head>
  3559.  
  3560. <body class=" template-index" data-center-text="true" data-button_style="square" data-type_header_capitalize="true" data-type_headers_align_text="true" data-type_product_capitalize="true" data-swatch_style="round" >
  3561.  
  3562.  
  3563.  
  3564.  
  3565.  
  3566.  <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a>
  3567.  
  3568.  <div id="PageContainer" class="page-container">
  3569.    <div class="transition-body"><div id="shopify-section-header" class="shopify-section">
  3570. <script type="text/javascript">
  3571.  //array of url's that are excluded from being redirected  i.e. products
  3572.  var exclude = ["products", "cart", "account", "search", "products_preview", "challenge", "sarp", "login", "collections", "blogs"];
  3573.  
  3574.  var url = window.location.href ;
  3575.  var n = url.endsWith("/");
  3576.  
  3577.  console.log("url is: " + url);
  3578.  
  3579.  if (url.includes('%3F' && '%3D')){
  3580.    location.href = location.href.replace('%3F', '?').replace('%3D', '=');
  3581.  }
  3582.  if (url.includes('a_aid%3F')){
  3583.    location.href = location.href.replace('a_aid%3F', '');
  3584.  }
  3585.  if (url.includes('a_aid')) {
  3586.    var urlSplit = url.split( '=' );
  3587.  }else if (url.includes('?_pos=')){
  3588.    var searchPath = window.location.pathname.split("?").filter(function(el) {return el.length != 0});
  3589.    window.location.replace("https://1stphorm.com" + searchPath);
  3590.  }else{
  3591.  }
  3592.  
  3593.  //Start Legionnaire if shopify redirect doesn't exist redirect
  3594.  //Get url and filter to remove
  3595.  var urlPath = window.location.pathname.split("/").filter(function(el) {return el.length != 0});
  3596.  
  3597.  //Function to get Object size
  3598.  Object.size = function(obj) {
  3599.    var size = 0, key;
  3600.    for (key in obj) {
  3601.      if (obj.hasOwnProperty(key)) size++;
  3602.    }
  3603.    return size;
  3604.  };
  3605.  
  3606.  // //Get size of urlPath
  3607.  var urlSize = Object.size(urlPath);
  3608.  console.log(urlSize);
  3609.  
  3610.  var xlist = exclude.includes(urlPath[0]);
  3611.  
  3612.  //Check the size and excluded url's
  3613.  if (urlSize === 1 && !xlist) {
  3614.    window.location.replace("https://1stphorm.com/?a_aid=" + urlPath[0]);
  3615.  };
  3616.  //End Legionnaire if shopify redirect doesn't exist redirect
  3617. </script>
  3618.  
  3619. <input name="attributes[legionHash]" type="hidden" id="legionHashInput" value="">
  3620. <input name="attributes[legionUrl]" type="hidden" id="legionUrlInput" value="">
  3621.  
  3622. <script>
  3623.  $(document).ready(function(){
  3624.    var affiliateValue = $("#papfield1")[0].innerHTML;
  3625.    var injectionInput = '<input name="attributes[legionsale]" type="hidden" id="affiliateInput" value="'+affiliateValue+'" />'
  3626.  
  3627.    var legionHashValue = $( "#legionHashInput" ).val();
  3628.    var legionUrlValue = $( "#legionUrlInput" ).val();
  3629.  
  3630.    if (window.location.href.indexOf('a_aid') > -1) {
  3631.      var urlSplit = window.location.href.split( '=' );
  3632.      console.log("url: " + urlSplit[1]);
  3633.    }
  3634.    var legionHash = localStorage.getItem('PAPVisitorId');
  3635.  
  3636.    if (!!legionHash) {
  3637.      jQuery.post('/cart/update.js', 'attributes[legionHash]='+legionHash+'');
  3638.    }
  3639.    if (!!urlSplit) {
  3640.      jQuery.post('/cart/update.js', 'attributes[legionUrl]='+urlSplit[1]+'');
  3641.    }
  3642.  
  3643.  });
  3644. </script>
  3645.  
  3646. <!-- start FiOS cookie -->
  3647. <script>
  3648.  var url = window.location.href;
  3649.  var n = url.endsWith("/");
  3650.  
  3651.  console.log("FiOS URL: " + url);
  3652.  
  3653.  let cookchck = (document.cookie.match(
  3654.          /^(?:.*;)?\s*FiOS\s*=\s*([^;]+)(?:.*)?$/
  3655.  ) || [, null])[1];
  3656.  
  3657.  let urlSplit1 = "undefined";
  3658.  let urlSplit2;
  3659.  let fcookie = '1stphorm';
  3660.  
  3661.  if (url.includes("a_aid")) {
  3662.    urlSplit1 = url.split("a_aid=");
  3663.    console.log("urlSplit1: " + urlSplit1[1]);
  3664.    fcookie = urlSplit1[1];
  3665.  }
  3666.  
  3667.  if (!urlSplit1 === null || !urlSplit1 === 'undefined') {
  3668.    fcookie = "1stphorm";
  3669.  }else{
  3670.  
  3671.    if (urlSplit1[1].includes("&")) {
  3672.      urlSplit2 = urlSplit1[1].split("&");
  3673.      fcookie = urlSplit2[0];
  3674.    }
  3675.  }
  3676.  
  3677.  if (!urlSplit1[1] && !urlSplit2[0]) {
  3678.    fcookie = "1stphorm";
  3679.  }
  3680.  
  3681.  if (!cookchck) {
  3682.    document.cookie = 'FiOS=' + fcookie + '; max-age=86400; path=/';
  3683.  } else {
  3684.  }
  3685. </script>
  3686. <!-- end FiOS cookie -->
  3687.  
  3688.  
  3689.  
  3690.  
  3691. <div id="NavDrawer" class="drawer drawer--left">
  3692.  <div class="drawer__contents">
  3693.    <div class="drawer__fixed-header">
  3694.      <div class="drawer__header appear-animation appear-delay-1">
  3695.        <div class="h2 drawer__title"></div>
  3696.        <div class="drawer__close">
  3697.          <button type="button" class="drawer__close-button js-drawer-close">
  3698.            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg>
  3699.            <span class="icon__fallback-text">Close menu</span>
  3700.          </button>
  3701.        </div>
  3702.      </div>
  3703.    </div>
  3704.    <div class="drawer__scrollable">
  3705.      <ul class="mobile-nav" role="navigation" aria-label="Primary"><li class="mobile-nav__item appear-animation appear-delay-2"><div class="mobile-nav__has-sublist"><a href="/collections/products"
  3706.                    class="mobile-nav__link mobile-nav__link--top-level"
  3707.                    id="Label-collections-products1"
  3708.                    >
  3709.                    Shop
  3710.                  </a>
  3711.                  <div class="mobile-nav__toggle">
  3712.                    <button type="button"
  3713.                      aria-controls="Linklist-collections-products1"
  3714.                      aria-labelledby="Label-collections-products1"
  3715.                      class="collapsible-trigger collapsible--auto-height"><span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation">
  3716.  <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
  3717. </span>
  3718. </button>
  3719.                  </div></div><div id="Linklist-collections-products1"
  3720.                class="mobile-nav__sublist collapsible-content collapsible-content--all"
  3721.                >
  3722.                <div class="collapsible-content__inner">
  3723.                  <ul class="mobile-nav__sublist"><li class="mobile-nav__item">
  3724.                        <div class="mobile-nav__child-item"><a href="/collections/best-selling-supplements"
  3725.                              class="mobile-nav__link"
  3726.                              id="Sublabel-collections-best-selling-supplements1"
  3727.                              >
  3728.                              Top Rated
  3729.                            </a></div></li><li class="mobile-nav__item">
  3730.                        <div class="mobile-nav__child-item"><a href="/pages/new-releases"
  3731.                              class="mobile-nav__link"
  3732.                              id="Sublabel-pages-new-releases2"
  3733.                              >
  3734.                              New Releases
  3735.                            </a></div></li><li class="mobile-nav__item">
  3736.                        <div class="mobile-nav__child-item"><a href="/collections/energy-drinks"
  3737.                              class="mobile-nav__link"
  3738.                              id="Sublabel-collections-energy-drinks3"
  3739.                              >
  3740.                              Energy Drinks
  3741.                            </a></div></li><li class="mobile-nav__item">
  3742.                        <div class="mobile-nav__child-item"><a href="/collections/amino-acids"
  3743.                              class="mobile-nav__link"
  3744.                              id="Sublabel-collections-amino-acids4"
  3745.                              >
  3746.                              Amino Acids
  3747.                            </a></div></li><li class="mobile-nav__item">
  3748.                        <div class="mobile-nav__child-item"><a href="/collections/post-workout"
  3749.                              class="mobile-nav__link"
  3750.                              id="Sublabel-collections-post-workout5"
  3751.                              >
  3752.                              Post-Workout
  3753.                            </a></div></li><li class="mobile-nav__item">
  3754.                        <div class="mobile-nav__child-item"><a href="/collections/testosterone-boosters"
  3755.                              class="mobile-nav__link"
  3756.                              id="Sublabel-collections-testosterone-boosters6"
  3757.                              >
  3758.                              Testosterone Boosters
  3759.                            </a></div></li><li class="mobile-nav__item">
  3760.                        <div class="mobile-nav__child-item"><a href="/collections/creatine"
  3761.                              class="mobile-nav__link"
  3762.                              id="Sublabel-collections-creatine7"
  3763.                              >
  3764.                              Creatine
  3765.                            </a></div></li><li class="mobile-nav__item">
  3766.                        <div class="mobile-nav__child-item"><a href="/collections/kiddo-series"
  3767.                              class="mobile-nav__link"
  3768.                              id="Sublabel-collections-kiddo-series8"
  3769.                              >
  3770.                              Kiddo Series
  3771.                            </a></div></li><li class="mobile-nav__item">
  3772.                        <div class="mobile-nav__child-item"><a href="/collections/natural-products"
  3773.                              class="mobile-nav__link"
  3774.                              id="Sublabel-collections-natural-products9"
  3775.                              >
  3776.                              Natural Products
  3777.                            </a></div></li><li class="mobile-nav__item">
  3778.                        <div class="mobile-nav__child-item"><a href="/collections/vegan-friendly"
  3779.                              class="mobile-nav__link"
  3780.                              id="Sublabel-collections-vegan-friendly10"
  3781.                              >
  3782.                              Vegan Friendly
  3783.                            </a></div></li><li class="mobile-nav__item">
  3784.                        <div class="mobile-nav__child-item"><a href="/products/gift-card"
  3785.                              class="mobile-nav__link"
  3786.                              id="Sublabel-products-gift-card11"
  3787.                              >
  3788.                              Gift Cards
  3789.                            </a></div></li><li class="mobile-nav__item">
  3790.                        <div class="mobile-nav__child-item"><a href="/collections/protein"
  3791.                              class="mobile-nav__link"
  3792.                              id="Sublabel-collections-protein12"
  3793.                              >
  3794.                              PROTEIN POWDER AND BARS
  3795.                            </a><button type="button"
  3796.                              aria-controls="Sublinklist-collections-products1-collections-protein12"
  3797.                              aria-labelledby="Sublabel-collections-protein12"
  3798.                              class="collapsible-trigger"><span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation">
  3799.  <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
  3800. </span>
  3801. </button></div><div
  3802.                            id="Sublinklist-collections-products1-collections-protein12"
  3803.                            aria-labelledby="Sublabel-collections-protein12"
  3804.                            class="mobile-nav__sublist collapsible-content collapsible-content--all"
  3805.                            >
  3806.                            <div class="collapsible-content__inner">
  3807.                              <ul class="mobile-nav__grandchildlist"><li class="mobile-nav__item">
  3808.                                    <a href="/collections/protein-bars" class="mobile-nav__link">
  3809.                                      Protein Bars
  3810.                                    </a>
  3811.                                  </li><li class="mobile-nav__item">
  3812.                                    <a href="/collections/meal-replacement-proteins" class="mobile-nav__link">
  3813.                                      Meal Replacement Proteins
  3814.                                    </a>
  3815.                                  </li><li class="mobile-nav__item">
  3816.                                    <a href="/collections/isolate-protein" class="mobile-nav__link">
  3817.                                      Isolate Proteins
  3818.                                    </a>
  3819.                                  </li><li class="mobile-nav__item">
  3820.                                    <a href="/collections/collagen" class="mobile-nav__link">
  3821.                                      Collagen
  3822.                                    </a>
  3823.                                  </li><li class="mobile-nav__item">
  3824.                                    <a href="/collections/high-protein-meat-sticks" class="mobile-nav__link">
  3825.                                      High Protein Meat Sticks
  3826.                                    </a>
  3827.                                  </li></ul>
  3828.                            </div>
  3829.                          </div></li><li class="mobile-nav__item">
  3830.                        <div class="mobile-nav__child-item"><a href="/collections/pre-intra-workout"
  3831.                              class="mobile-nav__link"
  3832.                              id="Sublabel-collections-pre-intra-workout13"
  3833.                              >
  3834.                              PRE/INTRA WORKOUT
  3835.                            </a><button type="button"
  3836.                              aria-controls="Sublinklist-collections-products1-collections-pre-intra-workout13"
  3837.                              aria-labelledby="Sublabel-collections-pre-intra-workout13"
  3838.                              class="collapsible-trigger"><span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation">
  3839.  <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
  3840. </span>
  3841. </button></div><div
  3842.                            id="Sublinklist-collections-products1-collections-pre-intra-workout13"
  3843.                            aria-labelledby="Sublabel-collections-pre-intra-workout13"
  3844.                            class="mobile-nav__sublist collapsible-content collapsible-content--all"
  3845.                            >
  3846.                            <div class="collapsible-content__inner">
  3847.                              <ul class="mobile-nav__grandchildlist"><li class="mobile-nav__item">
  3848.                                    <a href="/collections/pre-workout-energy" class="mobile-nav__link">
  3849.                                      Energy
  3850.                                    </a>
  3851.                                  </li><li class="mobile-nav__item">
  3852.                                    <a href="/collections/pre-workout-endurance" class="mobile-nav__link">
  3853.                                      Endurance
  3854.                                    </a>
  3855.                                  </li><li class="mobile-nav__item">
  3856.                                    <a href="/collections/pump-products" class="mobile-nav__link">
  3857.                                      Pump
  3858.                                    </a>
  3859.                                  </li></ul>
  3860.                            </div>
  3861.                          </div></li><li class="mobile-nav__item">
  3862.                        <div class="mobile-nav__child-item"><a href="/collections/fat-burners"
  3863.                              class="mobile-nav__link"
  3864.                              id="Sublabel-collections-fat-burners14"
  3865.                              >
  3866.                              FAT BURNERS
  3867.                            </a><button type="button"
  3868.                              aria-controls="Sublinklist-collections-products1-collections-fat-burners14"
  3869.                              aria-labelledby="Sublabel-collections-fat-burners14"
  3870.                              class="collapsible-trigger"><span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation">
  3871.  <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
  3872. </span>
  3873. </button></div><div
  3874.                            id="Sublinklist-collections-products1-collections-fat-burners14"
  3875.                            aria-labelledby="Sublabel-collections-fat-burners14"
  3876.                            class="mobile-nav__sublist collapsible-content collapsible-content--all"
  3877.                            >
  3878.                            <div class="collapsible-content__inner">
  3879.                              <ul class="mobile-nav__grandchildlist"><li class="mobile-nav__item">
  3880.                                    <a href="/collections/mens-fat-burners" class="mobile-nav__link">
  3881.                                      Men's Fat Burners
  3882.                                    </a>
  3883.                                  </li><li class="mobile-nav__item">
  3884.                                    <a href="/collections/womens-fat-burners" class="mobile-nav__link">
  3885.                                      Women's Fat Burners
  3886.                                    </a>
  3887.                                  </li><li class="mobile-nav__item">
  3888.                                    <a href="/collections/cla-l-carnitine" class="mobile-nav__link">
  3889.                                      CLA and L-Carnitine
  3890.                                    </a>
  3891.                                  </li></ul>
  3892.                            </div>
  3893.                          </div></li><li class="mobile-nav__item">
  3894.                        <div class="mobile-nav__child-item"><a href="/collections/stacks"
  3895.                              class="mobile-nav__link"
  3896.                              id="Sublabel-collections-stacks15"
  3897.                              >
  3898.                              STACKS
  3899.                            </a><button type="button"
  3900.                              aria-controls="Sublinklist-collections-products1-collections-stacks15"
  3901.                              aria-labelledby="Sublabel-collections-stacks15"
  3902.                              class="collapsible-trigger"><span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation">
  3903.  <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
  3904. </span>
  3905. </button></div><div
  3906.                            id="Sublinklist-collections-products1-collections-stacks15"
  3907.                            aria-labelledby="Sublabel-collections-stacks15"
  3908.                            class="mobile-nav__sublist collapsible-content collapsible-content--all"
  3909.                            >
  3910.                            <div class="collapsible-content__inner">
  3911.                              <ul class="mobile-nav__grandchildlist"><li class="mobile-nav__item">
  3912.                                    <a href="/collections/weight-loss-stack" class="mobile-nav__link">
  3913.                                      Weight Loss
  3914.                                    </a>
  3915.                                  </li><li class="mobile-nav__item">
  3916.                                    <a href="/collections/sports-performance-stack" class="mobile-nav__link">
  3917.                                      Sports Performance
  3918.                                    </a>
  3919.                                  </li><li class="mobile-nav__item">
  3920.                                    <a href="/collections/muscle-building-stack" class="mobile-nav__link">
  3921.                                      Muscle Building
  3922.                                    </a>
  3923.                                  </li><li class="mobile-nav__item">
  3924.                                    <a href="/collections/health-wellness-stacks" class="mobile-nav__link">
  3925.                                      Health and Wellness
  3926.                                    </a>
  3927.                                  </li></ul>
  3928.                            </div>
  3929.                          </div></li><li class="mobile-nav__item">
  3930.                        <div class="mobile-nav__child-item"><a href="/collections/vitamins-minerals"
  3931.                              class="mobile-nav__link"
  3932.                              id="Sublabel-collections-vitamins-minerals16"
  3933.                              >
  3934.                              VITAMINS AND MINERALS
  3935.                            </a><button type="button"
  3936.                              aria-controls="Sublinklist-collections-products1-collections-vitamins-minerals16"
  3937.                              aria-labelledby="Sublabel-collections-vitamins-minerals16"
  3938.                              class="collapsible-trigger"><span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation">
  3939.  <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
  3940. </span>
  3941. </button></div><div
  3942.                            id="Sublinklist-collections-products1-collections-vitamins-minerals16"
  3943.                            aria-labelledby="Sublabel-collections-vitamins-minerals16"
  3944.                            class="mobile-nav__sublist collapsible-content collapsible-content--all"
  3945.                            >
  3946.                            <div class="collapsible-content__inner">
  3947.                              <ul class="mobile-nav__grandchildlist"><li class="mobile-nav__item">
  3948.                                    <a href="/collections/mens-multivitamin" class="mobile-nav__link">
  3949.                                      Men's Multivitamins
  3950.                                    </a>
  3951.                                  </li><li class="mobile-nav__item">
  3952.                                    <a href="/collections/womens-multivitamin" class="mobile-nav__link">
  3953.                                      Women's Multivitamins
  3954.                                    </a>
  3955.                                  </li><li class="mobile-nav__item">
  3956.                                    <a href="/products/micro-factor" class="mobile-nav__link">
  3957.                                      Daily Nutrient Packets
  3958.                                    </a>
  3959.                                  </li><li class="mobile-nav__item">
  3960.                                    <a href="/collections/vitamins-minerals" class="mobile-nav__link">
  3961.                                      Vitamins and Minerals
  3962.                                    </a>
  3963.                                  </li></ul>
  3964.                            </div>
  3965.                          </div></li><li class="mobile-nav__item">
  3966.                        <div class="mobile-nav__child-item"><a href="/collections/health-wellness"
  3967.                              class="mobile-nav__link"
  3968.                              id="Sublabel-collections-health-wellness17"
  3969.                              >
  3970.                              WELLNESS
  3971.                            </a><button type="button"
  3972.                              aria-controls="Sublinklist-collections-products1-collections-health-wellness17"
  3973.                              aria-labelledby="Sublabel-collections-health-wellness17"
  3974.                              class="collapsible-trigger"><span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation">
  3975.  <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
  3976. </span>
  3977. </button></div><div
  3978.                            id="Sublinklist-collections-products1-collections-health-wellness17"
  3979.                            aria-labelledby="Sublabel-collections-health-wellness17"
  3980.                            class="mobile-nav__sublist collapsible-content collapsible-content--all"
  3981.                            >
  3982.                            <div class="collapsible-content__inner">
  3983.                              <ul class="mobile-nav__grandchildlist"><li class="mobile-nav__item">
  3984.                                    <a href="/products/adrenal-restore" class="mobile-nav__link">
  3985.                                      Adrenal Support
  3986.                                    </a>
  3987.                                  </li><li class="mobile-nav__item">
  3988.                                    <a href="/collections/cognitive-function" class="mobile-nav__link">
  3989.                                      Cognitive Function
  3990.                                    </a>
  3991.                                  </li><li class="mobile-nav__item">
  3992.                                    <a href="/products/symmetry" class="mobile-nav__link">
  3993.                                      Diuretic
  3994.                                    </a>
  3995.                                  </li><li class="mobile-nav__item">
  3996.                                    <a href="/products/full-mega" class="mobile-nav__link">
  3997.                                      Fish Oil
  3998.                                    </a>
  3999.                                  </li><li class="mobile-nav__item">
  4000.                                    <a href="/collections/greens-and-reds" class="mobile-nav__link">
  4001.                                      Greens and Reds
  4002.                                    </a>
  4003.                                  </li><li class="mobile-nav__item">
  4004.                                    <a href="/collections/hair-skin-and-nails" class="mobile-nav__link">
  4005.                                      Hair, Skin & Nails
  4006.                                    </a>
  4007.                                  </li><li class="mobile-nav__item">
  4008.                                    <a href="/collections/nighttime-supplements" class="mobile-nav__link">
  4009.                                      Nighttime
  4010.                                    </a>
  4011.                                  </li></ul>
  4012.                            </div>
  4013.                          </div></li><li class="mobile-nav__item">
  4014.                        <div class="mobile-nav__child-item"><a href="/collections/health"
  4015.                              class="mobile-nav__link"
  4016.                              id="Sublabel-collections-health18"
  4017.                              >
  4018.                              HEALTH
  4019.                            </a><button type="button"
  4020.                              aria-controls="Sublinklist-collections-products1-collections-health18"
  4021.                              aria-labelledby="Sublabel-collections-health18"
  4022.                              class="collapsible-trigger"><span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation">
  4023.  <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
  4024. </span>
  4025. </button></div><div
  4026.                            id="Sublinklist-collections-products1-collections-health18"
  4027.                            aria-labelledby="Sublabel-collections-health18"
  4028.                            class="mobile-nav__sublist collapsible-content collapsible-content--all"
  4029.                            >
  4030.                            <div class="collapsible-content__inner">
  4031.                              <ul class="mobile-nav__grandchildlist"><li class="mobile-nav__item">
  4032.                                    <a href="/collections/immune-health" class="mobile-nav__link">
  4033.                                      Immune Health
  4034.                                    </a>
  4035.                                  </li><li class="mobile-nav__item">
  4036.                                    <a href="/collections/gut-health" class="mobile-nav__link">
  4037.                                      Gut Health
  4038.                                    </a>
  4039.                                  </li><li class="mobile-nav__item">
  4040.                                    <a href="/collections/heart-health" class="mobile-nav__link">
  4041.                                      Heart Health
  4042.                                    </a>
  4043.                                  </li><li class="mobile-nav__item">
  4044.                                    <a href="/collections/hormone-support" class="mobile-nav__link">
  4045.                                      Hormone Support
  4046.                                    </a>
  4047.                                  </li><li class="mobile-nav__item">
  4048.                                    <a href="/collections/joint-health" class="mobile-nav__link">
  4049.                                      Joint Health
  4050.                                    </a>
  4051.                                  </li><li class="mobile-nav__item">
  4052.                                    <a href="/collections/prenatal-health" class="mobile-nav__link">
  4053.                                      Prenatal Health
  4054.                                    </a>
  4055.                                  </li><li class="mobile-nav__item">
  4056.                                    <a href="/collections/prostate-health" class="mobile-nav__link">
  4057.                                      Prostate Health
  4058.                                    </a>
  4059.                                  </li></ul>
  4060.                            </div>
  4061.                          </div></li></ul>
  4062.                </div>
  4063.              </div></li><li class="mobile-nav__item appear-animation appear-delay-3"><div class="mobile-nav__has-sublist"><a href="/collections/gear"
  4064.                    class="mobile-nav__link mobile-nav__link--top-level"
  4065.                    id="Label-collections-gear2"
  4066.                    >
  4067.                    Apparel
  4068.                  </a>
  4069.                  <div class="mobile-nav__toggle">
  4070.                    <button type="button"
  4071.                      aria-controls="Linklist-collections-gear2"
  4072.                      aria-labelledby="Label-collections-gear2"
  4073.                      class="collapsible-trigger collapsible--auto-height"><span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation">
  4074.  <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
  4075. </span>
  4076. </button>
  4077.                  </div></div><div id="Linklist-collections-gear2"
  4078.                class="mobile-nav__sublist collapsible-content collapsible-content--all"
  4079.                >
  4080.                <div class="collapsible-content__inner">
  4081.                  <ul class="mobile-nav__sublist"><li class="mobile-nav__item">
  4082.                        <div class="mobile-nav__child-item"><a href="/collections/gear"
  4083.                              class="mobile-nav__link"
  4084.                              id="Sublabel-collections-gear1"
  4085.                              >
  4086.                              SHOP ALL
  4087.                            </a></div></li><li class="mobile-nav__item">
  4088.                        <div class="mobile-nav__child-item"><a href="/collections/best-selling-products"
  4089.                              class="mobile-nav__link"
  4090.                              id="Sublabel-collections-best-selling-products2"
  4091.                              >
  4092.                              TOP RATED
  4093.                            </a></div></li><li class="mobile-nav__item">
  4094.                        <div class="mobile-nav__child-item"><a href="/pages/new-apparel"
  4095.                              class="mobile-nav__link"
  4096.                              id="Sublabel-pages-new-apparel3"
  4097.                              >
  4098.                              NEW RELEASES
  4099.                            </a></div></li><li class="mobile-nav__item">
  4100.                        <div class="mobile-nav__child-item"><a href="/collections/1st-phorm-outdoors"
  4101.                              class="mobile-nav__link"
  4102.                              id="Sublabel-collections-1st-phorm-outdoors4"
  4103.                              >
  4104.                              1ST PHORM OUTDOORS
  4105.                            </a></div></li><li class="mobile-nav__item">
  4106.                        <div class="mobile-nav__child-item"><a href="/collections/clearance"
  4107.                              class="mobile-nav__link"
  4108.                              id="Sublabel-collections-clearance5"
  4109.                              >
  4110.                              DEALS
  4111.                            </a></div></li><li class="mobile-nav__item">
  4112.                        <div class="mobile-nav__child-item"><a href="/pages/mens-apparel"
  4113.                              class="mobile-nav__link"
  4114.                              id="Sublabel-pages-mens-apparel6"
  4115.                              >
  4116.                              MEN&#39;S APPAREL
  4117.                            </a><button type="button"
  4118.                              aria-controls="Sublinklist-collections-gear2-pages-mens-apparel6"
  4119.                              aria-labelledby="Sublabel-pages-mens-apparel6"
  4120.                              class="collapsible-trigger"><span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation">
  4121.  <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
  4122. </span>
  4123. </button></div><div
  4124.                            id="Sublinklist-collections-gear2-pages-mens-apparel6"
  4125.                            aria-labelledby="Sublabel-pages-mens-apparel6"
  4126.                            class="mobile-nav__sublist collapsible-content collapsible-content--all"
  4127.                            >
  4128.                            <div class="collapsible-content__inner">
  4129.                              <ul class="mobile-nav__grandchildlist"><li class="mobile-nav__item">
  4130.                                    <a href="/collections/mens-long-sleeve" class="mobile-nav__link">
  4131.                                      Long Sleeves
  4132.                                    </a>
  4133.                                  </li><li class="mobile-nav__item">
  4134.                                    <a href="/collections/mens-t-shirts" class="mobile-nav__link">
  4135.                                      T-Shirts
  4136.                                    </a>
  4137.                                  </li><li class="mobile-nav__item">
  4138.                                    <a href="/collections/mens-shorts" class="mobile-nav__link">
  4139.                                      Shorts
  4140.                                    </a>
  4141.                                  </li><li class="mobile-nav__item">
  4142.                                    <a href="/collections/mens-pants" class="mobile-nav__link">
  4143.                                      Pants
  4144.                                    </a>
  4145.                                  </li><li class="mobile-nav__item">
  4146.                                    <a href="/collections/mens-tank-tops" class="mobile-nav__link">
  4147.                                      Tank Tops
  4148.                                    </a>
  4149.                                  </li><li class="mobile-nav__item">
  4150.                                    <a href="/collections/mens-jackets" class="mobile-nav__link">
  4151.                                      Jackets
  4152.                                    </a>
  4153.                                  </li><li class="mobile-nav__item">
  4154.                                    <a href="/collections/mens-hoodies" class="mobile-nav__link">
  4155.                                      Hoodies
  4156.                                    </a>
  4157.                                  </li><li class="mobile-nav__item">
  4158.                                    <a href="/collections/mens-bike-tri-gear" class="mobile-nav__link">
  4159.                                      Bike & Tri Gear
  4160.                                    </a>
  4161.                                  </li></ul>
  4162.                            </div>
  4163.                          </div></li><li class="mobile-nav__item">
  4164.                        <div class="mobile-nav__child-item"><a href="/pages/womens-apparel"
  4165.                              class="mobile-nav__link"
  4166.                              id="Sublabel-pages-womens-apparel7"
  4167.                              >
  4168.                              WOMEN&#39;S APPAREL
  4169.                            </a><button type="button"
  4170.                              aria-controls="Sublinklist-collections-gear2-pages-womens-apparel7"
  4171.                              aria-labelledby="Sublabel-pages-womens-apparel7"
  4172.                              class="collapsible-trigger"><span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation">
  4173.  <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
  4174. </span>
  4175. </button></div><div
  4176.                            id="Sublinklist-collections-gear2-pages-womens-apparel7"
  4177.                            aria-labelledby="Sublabel-pages-womens-apparel7"
  4178.                            class="mobile-nav__sublist collapsible-content collapsible-content--all"
  4179.                            >
  4180.                            <div class="collapsible-content__inner">
  4181.                              <ul class="mobile-nav__grandchildlist"><li class="mobile-nav__item">
  4182.                                    <a href="/collections/womens-t-shirts" class="mobile-nav__link">
  4183.                                      T-Shirts
  4184.                                    </a>
  4185.                                  </li><li class="mobile-nav__item">
  4186.                                    <a href="/collections/womens-long-sleeves" class="mobile-nav__link">
  4187.                                      Long Sleeves
  4188.                                    </a>
  4189.                                  </li><li class="mobile-nav__item">
  4190.                                    <a href="/collections/womens-shorts" class="mobile-nav__link">
  4191.                                      Shorts
  4192.                                    </a>
  4193.                                  </li><li class="mobile-nav__item">
  4194.                                    <a href="/collections/womens-leggings" class="mobile-nav__link">
  4195.                                      Leggings and Joggers
  4196.                                    </a>
  4197.                                  </li><li class="mobile-nav__item">
  4198.                                    <a href="/collections/womens-sports-bras" class="mobile-nav__link">
  4199.                                      Sports Bras
  4200.                                    </a>
  4201.                                  </li><li class="mobile-nav__item">
  4202.                                    <a href="/products/solstice-dress" class="mobile-nav__link">
  4203.                                      Dresses
  4204.                                    </a>
  4205.                                  </li><li class="mobile-nav__item">
  4206.                                    <a href="/collections/womens-tank-tops" class="mobile-nav__link">
  4207.                                      Tank Tops
  4208.                                    </a>
  4209.                                  </li><li class="mobile-nav__item">
  4210.                                    <a href="/collections/womens-jackets" class="mobile-nav__link">
  4211.                                      Jackets
  4212.                                    </a>
  4213.                                  </li><li class="mobile-nav__item">
  4214.                                    <a href="/collections/womens-hoodies" class="mobile-nav__link">
  4215.                                      Hoodies
  4216.                                    </a>
  4217.                                  </li><li class="mobile-nav__item">
  4218.                                    <a href="/collections/womens-bike-tri-gear" class="mobile-nav__link">
  4219.                                      Bike & Tri Gear
  4220.                                    </a>
  4221.                                  </li></ul>
  4222.                            </div>
  4223.                          </div></li><li class="mobile-nav__item">
  4224.                        <div class="mobile-nav__child-item"><a href="/collections/accessories"
  4225.                              class="mobile-nav__link"
  4226.                              id="Sublabel-collections-accessories8"
  4227.                              >
  4228.                              ACCESSORIES
  4229.                            </a><button type="button"
  4230.                              aria-controls="Sublinklist-collections-gear2-collections-accessories8"
  4231.                              aria-labelledby="Sublabel-collections-accessories8"
  4232.                              class="collapsible-trigger"><span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation">
  4233.  <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
  4234. </span>
  4235. </button></div><div
  4236.                            id="Sublinklist-collections-gear2-collections-accessories8"
  4237.                            aria-labelledby="Sublabel-collections-accessories8"
  4238.                            class="mobile-nav__sublist collapsible-content collapsible-content--all"
  4239.                            >
  4240.                            <div class="collapsible-content__inner">
  4241.                              <ul class="mobile-nav__grandchildlist"><li class="mobile-nav__item">
  4242.                                    <a href="/collections/luggage" class="mobile-nav__link">
  4243.                                      Gym Bags
  4244.                                    </a>
  4245.                                  </li><li class="mobile-nav__item">
  4246.                                    <a href="/collections/decals" class="mobile-nav__link">
  4247.                                      Decals
  4248.                                    </a>
  4249.                                  </li><li class="mobile-nav__item">
  4250.                                    <a href="/collections/lifting-accessories" class="mobile-nav__link">
  4251.                                      Lifting Accessories
  4252.                                    </a>
  4253.                                  </li><li class="mobile-nav__item">
  4254.                                    <a href="/collections/patches" class="mobile-nav__link">
  4255.                                      Patches
  4256.                                    </a>
  4257.                                  </li><li class="mobile-nav__item">
  4258.                                    <a href="/collections/shaker-cups" class="mobile-nav__link">
  4259.                                      Shaker Cups
  4260.                                    </a>
  4261.                                  </li><li class="mobile-nav__item">
  4262.                                    <a href="/products/crest-cotton-crew-sock" class="mobile-nav__link">
  4263.                                      Socks
  4264.                                    </a>
  4265.                                  </li><li class="mobile-nav__item">
  4266.                                    <a href="/collections/vests" class="mobile-nav__link">
  4267.                                      Vests
  4268.                                    </a>
  4269.                                  </li><li class="mobile-nav__item">
  4270.                                    <a href="/collections/water-bottles" class="mobile-nav__link">
  4271.                                      Water Bottles
  4272.                                    </a>
  4273.                                  </li></ul>
  4274.                            </div>
  4275.                          </div></li><li class="mobile-nav__item">
  4276.                        <div class="mobile-nav__child-item"><a href="/collections/headwear"
  4277.                              class="mobile-nav__link"
  4278.                              id="Sublabel-collections-headwear9"
  4279.                              >
  4280.                              HEADWEAR
  4281.                            </a><button type="button"
  4282.                              aria-controls="Sublinklist-collections-gear2-collections-headwear9"
  4283.                              aria-labelledby="Sublabel-collections-headwear9"
  4284.                              class="collapsible-trigger"><span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation">
  4285.  <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
  4286. </span>
  4287. </button></div><div
  4288.                            id="Sublinklist-collections-gear2-collections-headwear9"
  4289.                            aria-labelledby="Sublabel-collections-headwear9"
  4290.                            class="mobile-nav__sublist collapsible-content collapsible-content--all"
  4291.                            >
  4292.                            <div class="collapsible-content__inner">
  4293.                              <ul class="mobile-nav__grandchildlist"><li class="mobile-nav__item">
  4294.                                    <a href="/collections/headwear-snap-backs" class="mobile-nav__link">
  4295.                                      Snap Backs
  4296.                                    </a>
  4297.                                  </li><li class="mobile-nav__item">
  4298.                                    <a href="/collections/headwear-beanies" class="mobile-nav__link">
  4299.                                      Beanies
  4300.                                    </a>
  4301.                                  </li><li class="mobile-nav__item">
  4302.                                    <a href="https://1stphorm.com/collections/headwear-headbands" class="mobile-nav__link">
  4303.                                      Headbands
  4304.                                    </a>
  4305.                                  </li></ul>
  4306.                            </div>
  4307.                          </div></li><li class="mobile-nav__item">
  4308.                        <div class="mobile-nav__child-item"><a href="/collections/kids-apparel"
  4309.                              class="mobile-nav__link"
  4310.                              id="Sublabel-collections-kids-apparel10"
  4311.                              >
  4312.                              KIDS APPAREL
  4313.                            </a></div></li></ul>
  4314.                </div>
  4315.              </div></li><li class="mobile-nav__item appear-animation appear-delay-4"><a href="/app" class="mobile-nav__link mobile-nav__link--top-level">App</a></li><li class="mobile-nav__item appear-animation appear-delay-5"><div class="mobile-nav__has-sublist"><a href="/pages/about-us-legacy"
  4316.                    class="mobile-nav__link mobile-nav__link--top-level"
  4317.                    id="Label-pages-about-us-legacy4"
  4318.                    >
  4319.                    Brand
  4320.                  </a>
  4321.                  <div class="mobile-nav__toggle">
  4322.                    <button type="button"
  4323.                      aria-controls="Linklist-pages-about-us-legacy4"
  4324.                      aria-labelledby="Label-pages-about-us-legacy4"
  4325.                      class="collapsible-trigger collapsible--auto-height"><span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation">
  4326.  <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
  4327. </span>
  4328. </button>
  4329.                  </div></div><div id="Linklist-pages-about-us-legacy4"
  4330.                class="mobile-nav__sublist collapsible-content collapsible-content--all"
  4331.                >
  4332.                <div class="collapsible-content__inner">
  4333.                  <ul class="mobile-nav__sublist"><li class="mobile-nav__item">
  4334.                        <div class="mobile-nav__child-item"><a href="https://help.1stphorm.com/en-US"
  4335.                              class="mobile-nav__link"
  4336.                              id="Sublabel-https-help-1stphorm-com-en-us1"
  4337.                              >
  4338.                              Contact Us
  4339.                            </a></div></li><li class="mobile-nav__item">
  4340.                        <div class="mobile-nav__child-item"><a href="/pages/about-us"
  4341.                              class="mobile-nav__link"
  4342.                              id="Sublabel-pages-about-us2"
  4343.                              >
  4344.                              About Us
  4345.                            </a></div></li><li class="mobile-nav__item">
  4346.                        <div class="mobile-nav__child-item"><a href="/pages/our-process"
  4347.                              class="mobile-nav__link"
  4348.                              id="Sublabel-pages-our-process3"
  4349.                              >
  4350.                              Our Process
  4351.                            </a></div></li><li class="mobile-nav__item">
  4352.                        <div class="mobile-nav__child-item"><a href="/pages/athletes"
  4353.                              class="mobile-nav__link"
  4354.                              id="Sublabel-pages-athletes4"
  4355.                              >
  4356.                              Our Athletes
  4357.                            </a></div></li><li class="mobile-nav__item">
  4358.                        <div class="mobile-nav__child-item"><a href="https://1stphorm.com/1st-phorm-app"
  4359.                              class="mobile-nav__link"
  4360.                              id="Sublabel-https-1stphorm-com-1st-phorm-app5"
  4361.                              >
  4362.                              1st Phorm App
  4363.                            </a></div></li><li class="mobile-nav__item">
  4364.                        <div class="mobile-nav__child-item"><a href="/pages/legionnaire"
  4365.                              class="mobile-nav__link"
  4366.                              id="Sublabel-pages-legionnaire6"
  4367.                              >
  4368.                              Become a Legionnaire
  4369.                            </a></div></li></ul>
  4370.                </div>
  4371.              </div></li><li class="mobile-nav__item mobile-nav__item--secondary">
  4372.            <div class="grid"><!--<div class="grid__item one-half appear-animation appear-delay-6">
  4373.                  <a href="/account" class="mobile-nav__link">Log in
  4374. </a>
  4375.                
  4376.                </div>-->
  4377.  
  4378.               <div class="login_account_mobile_box">
  4379.                    <a href="https://1stphorm.com/account/login?return_url=%2Faccount">Login</a>
  4380.  
  4381.                    <div class="account_s">
  4382.                      <p>Don't Have an Account?</p>
  4383.                      <a href="https://1stphorm.com/account/register">Sign Up</a>
  4384.                    </div>
  4385.                  </div></div>
  4386.          </li></ul><ul class="mobile-nav__social appear-animation appear-delay-7"><li class="mobile-nav__social-item">
  4387.            <a target="_blank" rel="noopener" href="https://www.instagram.com/1stphorm/" title="1st Phorm on Instagram">
  4388.              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 32 32"><path fill="#444" d="M16 3.094c4.206 0 4.7.019 6.363.094 1.538.069 2.369.325 2.925.544.738.287 1.262.625 1.813 1.175s.894 1.075 1.175 1.813c.212.556.475 1.387.544 2.925.075 1.662.094 2.156.094 6.363s-.019 4.7-.094 6.363c-.069 1.538-.325 2.369-.544 2.925-.288.738-.625 1.262-1.175 1.813s-1.075.894-1.813 1.175c-.556.212-1.387.475-2.925.544-1.663.075-2.156.094-6.363.094s-4.7-.019-6.363-.094c-1.537-.069-2.369-.325-2.925-.544-.737-.288-1.263-.625-1.813-1.175s-.894-1.075-1.175-1.813c-.212-.556-.475-1.387-.544-2.925-.075-1.663-.094-2.156-.094-6.363s.019-4.7.094-6.363c.069-1.537.325-2.369.544-2.925.287-.737.625-1.263 1.175-1.813s1.075-.894 1.813-1.175c.556-.212 1.388-.475 2.925-.544 1.662-.081 2.156-.094 6.363-.094zm0-2.838c-4.275 0-4.813.019-6.494.094-1.675.075-2.819.344-3.819.731-1.037.4-1.913.944-2.788 1.819S1.486 4.656 1.08 5.688c-.387 1-.656 2.144-.731 3.825-.075 1.675-.094 2.213-.094 6.488s.019 4.813.094 6.494c.075 1.675.344 2.819.731 3.825.4 1.038.944 1.913 1.819 2.788s1.756 1.413 2.788 1.819c1 .387 2.144.656 3.825.731s2.213.094 6.494.094 4.813-.019 6.494-.094c1.675-.075 2.819-.344 3.825-.731 1.038-.4 1.913-.944 2.788-1.819s1.413-1.756 1.819-2.788c.387-1 .656-2.144.731-3.825s.094-2.212.094-6.494-.019-4.813-.094-6.494c-.075-1.675-.344-2.819-.731-3.825-.4-1.038-.944-1.913-1.819-2.788s-1.756-1.413-2.788-1.819c-1-.387-2.144-.656-3.825-.731C20.812.275 20.275.256 16 .256z"/><path fill="#444" d="M16 7.912a8.088 8.088 0 0 0 0 16.175c4.463 0 8.087-3.625 8.087-8.088s-3.625-8.088-8.088-8.088zm0 13.338a5.25 5.25 0 1 1 0-10.5 5.25 5.25 0 1 1 0 10.5zM26.294 7.594a1.887 1.887 0 1 1-3.774.002 1.887 1.887 0 0 1 3.774-.003z"/></svg>
  4389.              <span class="icon__fallback-text">Instagram</span>
  4390.            </a>
  4391.          </li><li class="mobile-nav__social-item">
  4392.            <a target="_blank" rel="noopener" href="https://www.facebook.com/1stPhorm/" title="1st Phorm on Facebook">
  4393.              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 14222 14222"><path d="M14222 7112c0 3549.352-2600.418 6491.344-6000 7024.72V9168h1657l315-2056H8222V5778c0-562 275-1111 1159-1111h897V2917s-814-139-1592-139c-1624 0-2686 984-2686 2767v1567H4194v2056h1806v4968.72C2600.418 13603.344 0 10661.352 0 7112 0 3184.703 3183.703 1 7111 1s7111 3183.703 7111 7111zm-8222 7025c362 57 733 86 1111 86-377.945 0-749.003-29.485-1111-86.28zm2222 0v-.28a7107.458 7107.458 0 0 1-167.717 24.267A7407.158 7407.158 0 0 0 8222 14137zm-167.717 23.987C7745.664 14201.89 7430.797 14223 7111 14223c319.843 0 634.675-21.479 943.283-62.013z"/></svg>
  4394.              <span class="icon__fallback-text">Facebook</span>
  4395.            </a>
  4396.          </li><li class="mobile-nav__social-item">
  4397.            <a target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCYP3SNRRm0Z_NQhkoVOmI0A" title="1st Phorm on YouTube">
  4398.              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube" viewBox="0 0 21 20"><path fill="#444" d="M-.196 15.803q0 1.23.812 2.092t1.977.861h14.946q1.165 0 1.977-.861t.812-2.092V3.909q0-1.23-.82-2.116T17.539.907H2.593q-1.148 0-1.969.886t-.82 2.116v11.894zm7.465-2.149V6.058q0-.115.066-.18.049-.016.082-.016l.082.016 7.153 3.806q.066.066.066.164 0 .066-.066.131l-7.153 3.806q-.033.033-.066.033-.066 0-.098-.033-.066-.066-.066-.131z"/></svg>
  4399.              <span class="icon__fallback-text">YouTube</span>
  4400.            </a>
  4401.          </li><li class="mobile-nav__social-item">
  4402.            <a target="_blank" rel="noopener" href="https://twitter.com/1stPhorm" title="1st Phorm on Twitter">
  4403.              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-twitter" viewBox="0 0 32 32"><path fill="#444" d="M31.281 6.733q-1.304 1.924-3.13 3.26 0 .13.033.408t.033.408q0 2.543-.75 5.086t-2.282 4.858-3.635 4.108-5.053 2.869-6.341 1.076q-5.282 0-9.65-2.836.913.065 1.5.065 4.401 0 7.857-2.673-2.054-.033-3.668-1.255t-2.266-3.146q.554.13 1.206.13.88 0 1.663-.261-2.184-.456-3.619-2.184t-1.435-3.977v-.065q1.239.652 2.836.717-1.271-.848-2.021-2.233t-.75-2.983q0-1.63.815-3.195 2.38 2.967 5.754 4.678t7.319 1.907q-.228-.815-.228-1.434 0-2.608 1.858-4.45t4.532-1.842q1.304 0 2.51.522t2.054 1.467q2.152-.424 4.01-1.532-.685 2.217-2.771 3.488 1.989-.261 3.619-.978z"/></svg>
  4404.              <span class="icon__fallback-text">Twitter</span>
  4405.            </a>
  4406.          </li><li class="mobile-nav__social-item">
  4407.            <a target="_blank" rel="noopener" href="https://www.tiktok.com/@1stphorm" title="1st Phorm on TickTok">
  4408.              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-tiktok" viewBox="0 0 2859 3333"><path d="M2081 0c55 473 319 755 778 785v532c-266 26-499-61-770-225v995c0 1264-1378 1659-1932 753-356-583-138-1606 1004-1647v561c-87 14-180 36-265 65-254 86-398 247-358 531 77 544 1075 705 992-358V1h551z"/></svg>
  4409.              <span class="icon__fallback-text">TikTok</span>
  4410.            </a>
  4411.          </li></ul>
  4412.    </div>
  4413.  </div>
  4414. </div>
  4415.  
  4416.  
  4417. <style>
  4418.  .site-nav__link,
  4419.  .site-nav__dropdown-link:not(.site-nav__dropdown-link--top-level) {
  4420.    font-size: 15px;
  4421.  }
  4422.  
  4423.    .site-nav__link, .mobile-nav__link--top-level {
  4424.      text-transform: uppercase;
  4425.      letter-spacing: 0.2em;
  4426.    }
  4427.    .mobile-nav__link--top-level {
  4428.      font-size: 1.1em;
  4429.    }
  4430.  
  4431.  
  4432.  
  4433.  
  4434.  
  4435.    .megamenu__colection-image {
  4436.      display: none;
  4437.    }
  4438.  
  4439. </style>
  4440.  
  4441. <div data-section-id="header" data-section-type="header">
  4442.  <div class="mobile_search">
  4443. <a href="/search" class="medium-up--hide site-nav__link site-nav__link--icon js-search-header navigable" data-open-accessibility-text-original="18px" style="font-size: 18px;">
  4444.    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><path d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58zM54 54L41.94 42"></path></svg>
  4445.    <span class="icon__fallback-text">Search</span>
  4446. </a>
  4447. </div>
  4448.  
  4449.  
  4450. <div class="header-sticky-wrapper">
  4451.    <div id="HeaderWrapper" class="header-wrapper"><header
  4452.        id="SiteHeader"
  4453.        class="site-header"
  4454.        data-sticky="true"
  4455.        data-overlay="false"
  4456.      >
  4457.        <div class="page-width">
  4458.          <div
  4459.            class="header-layout header-layout--center-left"
  4460.            data-logo-align="center"
  4461.          ><div class="header-item header-item--left header-item--navigation"><ul
  4462.  class="site-nav site-navigation small--hide"
  4463.  
  4464.    role="navigation" aria-label="Primary"
  4465.  ><li
  4466.      class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--is-megamenu"
  4467.      aria-haspopup="true">
  4468.  
  4469.      <a href="/collections/products" class="site-nav__link site-nav__link--underline site-nav__link--has-dropdown">
  4470.        Shop
  4471.      </a><div class="site-nav__dropdown megamenu text-left">
  4472.          <div class="page-width">
  4473.            <div class="grid">
  4474.              <div class="grid__item medium-up--one-fifth appear-animation appear-delay-1"><div class="h5">
  4475.                    <a href="/collections/best-selling-supplements" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Top Rated</a>
  4476.                  </div><div class="h5">
  4477.                    <a href="/pages/new-releases" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">New Releases</a>
  4478.                  </div><div class="h5">
  4479.                    <a href="/collections/energy-drinks" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Energy Drinks</a>
  4480.                  </div><div class="h5">
  4481.                    <a href="/collections/amino-acids" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Amino Acids</a>
  4482.                  </div><div class="h5">
  4483.                    <a href="/collections/post-workout" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Post-Workout</a>
  4484.                  </div><div class="h5">
  4485.                    <a href="/collections/testosterone-boosters" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Testosterone Boosters</a>
  4486.                  </div><div class="h5">
  4487.                    <a href="/collections/creatine" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Creatine</a>
  4488.                  </div><div class="h5">
  4489.                    <a href="/collections/kiddo-series" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Kiddo Series</a>
  4490.                  </div><div class="h5">
  4491.                    <a href="/collections/natural-products" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Natural Products</a>
  4492.                  </div><div class="h5">
  4493.                    <a href="/collections/vegan-friendly" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Vegan Friendly</a>
  4494.                  </div><div class="h5">
  4495.                    <a href="/products/gift-card" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Gift Cards</a>
  4496.                  </div></div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-2"><a
  4497.                        href="/collections/protein"
  4498.                        class="megamenu__colection-image"
  4499.                        aria-label="Protein Powders, Bars & More"
  4500.                        style="background-image: url(//1stphorm.com/cdn/shop/collections/TestBoost_400x.jpg?v=1652713285)"></a><div class="h5">
  4501.                    <a href="/collections/protein" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">PROTEIN POWDER AND BARS</a>
  4502.                  </div><div>
  4503.                      <a href="/collections/protein-bars" class="site-nav__dropdown-link">
  4504.                        Protein Bars
  4505.                      </a>
  4506.                    </div><div>
  4507.                      <a href="/collections/meal-replacement-proteins" class="site-nav__dropdown-link">
  4508.                        Meal Replacement Proteins
  4509.                      </a>
  4510.                    </div><div>
  4511.                      <a href="/collections/isolate-protein" class="site-nav__dropdown-link">
  4512.                        Isolate Proteins
  4513.                      </a>
  4514.                    </div><div>
  4515.                      <a href="/collections/collagen" class="site-nav__dropdown-link">
  4516.                        Collagen
  4517.                      </a>
  4518.                    </div><div>
  4519.                      <a href="/collections/high-protein-meat-sticks" class="site-nav__dropdown-link">
  4520.                        High Protein Meat Sticks
  4521.                      </a>
  4522.                    </div></div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-3"><a
  4523.                        href="/collections/pre-intra-workout"
  4524.                        class="megamenu__colection-image"
  4525.                        aria-label="Pre/Intra Workout"
  4526.                        style="background-image: url(//1stphorm.com/cdn/shop/collections/PreWorkout-Endurance-CategoryHeader-1800x600_8607b4df-550a-4bd2-b089-9ca878950d9b_400x.jpg?v=1675720506)"></a><div class="h5">
  4527.                    <a href="/collections/pre-intra-workout" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">PRE/INTRA WORKOUT</a>
  4528.                  </div><div>
  4529.                      <a href="/collections/pre-workout-energy" class="site-nav__dropdown-link">
  4530.                        Energy
  4531.                      </a>
  4532.                    </div><div>
  4533.                      <a href="/collections/pre-workout-endurance" class="site-nav__dropdown-link">
  4534.                        Endurance
  4535.                      </a>
  4536.                    </div><div>
  4537.                      <a href="/collections/pump-products" class="site-nav__dropdown-link">
  4538.                        Pump
  4539.                      </a>
  4540.                    </div></div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-4"><a
  4541.                        href="/collections/fat-burners"
  4542.                        class="megamenu__colection-image"
  4543.                        aria-label="Fat Burners"
  4544.                        style="background-image: url(//1stphorm.com/cdn/shop/collections/Womens-FatBurners-CategoryHeader-1800x600_400x.jpg?v=1652481105)"></a><div class="h5">
  4545.                    <a href="/collections/fat-burners" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">FAT BURNERS</a>
  4546.                  </div><div>
  4547.                      <a href="/collections/mens-fat-burners" class="site-nav__dropdown-link">
  4548.                        Men's Fat Burners
  4549.                      </a>
  4550.                    </div><div>
  4551.                      <a href="/collections/womens-fat-burners" class="site-nav__dropdown-link">
  4552.                        Women's Fat Burners
  4553.                      </a>
  4554.                    </div><div>
  4555.                      <a href="/collections/cla-l-carnitine" class="site-nav__dropdown-link">
  4556.                        CLA and L-Carnitine
  4557.                      </a>
  4558.                    </div></div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-5"><a
  4559.                        href="/collections/stacks"
  4560.                        class="megamenu__colection-image"
  4561.                        aria-label="Stacks"
  4562.                        style="background-image: url(//1stphorm.com/cdn/shop/collections/Stacks-CategoryHeader-1800x600_400x.jpg?v=1652713442)"></a><div class="h5">
  4563.                    <a href="/collections/stacks" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">STACKS</a>
  4564.                  </div><div>
  4565.                      <a href="/collections/weight-loss-stack" class="site-nav__dropdown-link">
  4566.                        Weight Loss
  4567.                      </a>
  4568.                    </div><div>
  4569.                      <a href="/collections/sports-performance-stack" class="site-nav__dropdown-link">
  4570.                        Sports Performance
  4571.                      </a>
  4572.                    </div><div>
  4573.                      <a href="/collections/muscle-building-stack" class="site-nav__dropdown-link">
  4574.                        Muscle Building
  4575.                      </a>
  4576.                    </div><div>
  4577.                      <a href="/collections/health-wellness-stacks" class="site-nav__dropdown-link">
  4578.                        Health and Wellness
  4579.                      </a>
  4580.                    </div></div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-6"><div class="h5">
  4581.                    <a href="/collections/vitamins-minerals" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">VITAMINS AND MINERALS</a>
  4582.                  </div><div>
  4583.                      <a href="/collections/mens-multivitamin" class="site-nav__dropdown-link">
  4584.                        Men's Multivitamins
  4585.                      </a>
  4586.                    </div><div>
  4587.                      <a href="/collections/womens-multivitamin" class="site-nav__dropdown-link">
  4588.                        Women's Multivitamins
  4589.                      </a>
  4590.                    </div><div>
  4591.                      <a href="/products/micro-factor" class="site-nav__dropdown-link">
  4592.                        Daily Nutrient Packets
  4593.                      </a>
  4594.                    </div><div>
  4595.                      <a href="/collections/vitamins-minerals" class="site-nav__dropdown-link">
  4596.                        Vitamins and Minerals
  4597.                      </a>
  4598.                    </div></div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-7"><a
  4599.                        href="/collections/health-wellness"
  4600.                        class="megamenu__colection-image"
  4601.                        aria-label="Health & Wellness"
  4602.                        style="background-image: url(//1stphorm.com/cdn/shop/collections/HealthWellness-CategoryHeader-1800x600_400x.jpg?v=1652481464)"></a><div class="h5">
  4603.                    <a href="/collections/health-wellness" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">WELLNESS</a>
  4604.                  </div><div>
  4605.                      <a href="/products/adrenal-restore" class="site-nav__dropdown-link">
  4606.                        Adrenal Support
  4607.                      </a>
  4608.                    </div><div>
  4609.                      <a href="/collections/cognitive-function" class="site-nav__dropdown-link">
  4610.                        Cognitive Function
  4611.                      </a>
  4612.                    </div><div>
  4613.                      <a href="/products/symmetry" class="site-nav__dropdown-link">
  4614.                        Diuretic
  4615.                      </a>
  4616.                    </div><div>
  4617.                      <a href="/products/full-mega" class="site-nav__dropdown-link">
  4618.                        Fish Oil
  4619.                      </a>
  4620.                    </div><div>
  4621.                      <a href="/collections/greens-and-reds" class="site-nav__dropdown-link">
  4622.                        Greens and Reds
  4623.                      </a>
  4624.                    </div><div>
  4625.                      <a href="/collections/hair-skin-and-nails" class="site-nav__dropdown-link">
  4626.                        Hair, Skin & Nails
  4627.                      </a>
  4628.                    </div><div>
  4629.                      <a href="/collections/nighttime-supplements" class="site-nav__dropdown-link">
  4630.                        Nighttime
  4631.                      </a>
  4632.                    </div></div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-8"><a
  4633.                        href="/collections/health"
  4634.                        class="megamenu__colection-image"
  4635.                        aria-label="Health"
  4636.                        style="background-image: url(//1stphorm.com/cdn/shop/collections/health-banner_copy_400x.jpg?v=1652481442)"></a><div class="h5">
  4637.                    <a href="/collections/health" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">HEALTH</a>
  4638.                  </div><div>
  4639.                      <a href="/collections/immune-health" class="site-nav__dropdown-link">
  4640.                        Immune Health
  4641.                      </a>
  4642.                    </div><div>
  4643.                      <a href="/collections/gut-health" class="site-nav__dropdown-link">
  4644.                        Gut Health
  4645.                      </a>
  4646.                    </div><div>
  4647.                      <a href="/collections/heart-health" class="site-nav__dropdown-link">
  4648.                        Heart Health
  4649.                      </a>
  4650.                    </div><div>
  4651.                      <a href="/collections/hormone-support" class="site-nav__dropdown-link">
  4652.                        Hormone Support
  4653.                      </a>
  4654.                    </div><div>
  4655.                      <a href="/collections/joint-health" class="site-nav__dropdown-link">
  4656.                        Joint Health
  4657.                      </a>
  4658.                    </div><div>
  4659.                      <a href="/collections/prenatal-health" class="site-nav__dropdown-link">
  4660.                        Prenatal Health
  4661.                      </a>
  4662.                    </div><div>
  4663.                      <a href="/collections/prostate-health" class="site-nav__dropdown-link">
  4664.                        Prostate Health
  4665.                      </a>
  4666.                    </div></div>
  4667.            </div>
  4668.          </div>
  4669.        </div></li><li
  4670.      class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--is-megamenu"
  4671.      aria-haspopup="true">
  4672.  
  4673.      <a href="/collections/gear" class="site-nav__link site-nav__link--underline site-nav__link--has-dropdown">
  4674.        Apparel
  4675.      </a><div class="site-nav__dropdown megamenu text-left">
  4676.          <div class="page-width">
  4677.            <div class="grid">
  4678.              <div class="grid__item medium-up--one-fifth appear-animation appear-delay-1"><div class="h5">
  4679.                    <a href="/collections/gear" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">SHOP ALL</a>
  4680.                  </div><div class="h5">
  4681.                    <a href="/collections/best-selling-products" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">TOP RATED</a>
  4682.                  </div><div class="h5">
  4683.                    <a href="/pages/new-apparel" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">NEW RELEASES</a>
  4684.                  </div><div class="h5">
  4685.                    <a href="/collections/1st-phorm-outdoors" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">1ST PHORM OUTDOORS</a>
  4686.                  </div><div class="h5">
  4687.                    <a href="/collections/clearance" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">DEALS</a>
  4688.                  </div></div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-2"><div class="h5">
  4689.                    <a href="/pages/mens-apparel" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">MEN'S APPAREL</a>
  4690.                  </div><div>
  4691.                      <a href="/collections/mens-long-sleeve" class="site-nav__dropdown-link">
  4692.                        Long Sleeves
  4693.                      </a>
  4694.                    </div><div>
  4695.                      <a href="/collections/mens-t-shirts" class="site-nav__dropdown-link">
  4696.                        T-Shirts
  4697.                      </a>
  4698.                    </div><div>
  4699.                      <a href="/collections/mens-shorts" class="site-nav__dropdown-link">
  4700.                        Shorts
  4701.                      </a>
  4702.                    </div><div>
  4703.                      <a href="/collections/mens-pants" class="site-nav__dropdown-link">
  4704.                        Pants
  4705.                      </a>
  4706.                    </div><div>
  4707.                      <a href="/collections/mens-tank-tops" class="site-nav__dropdown-link">
  4708.                        Tank Tops
  4709.                      </a>
  4710.                    </div><div>
  4711.                      <a href="/collections/mens-jackets" class="site-nav__dropdown-link">
  4712.                        Jackets
  4713.                      </a>
  4714.                    </div><div>
  4715.                      <a href="/collections/mens-hoodies" class="site-nav__dropdown-link">
  4716.                        Hoodies
  4717.                      </a>
  4718.                    </div><div>
  4719.                      <a href="/collections/mens-bike-tri-gear" class="site-nav__dropdown-link">
  4720.                        Bike & Tri Gear
  4721.                      </a>
  4722.                    </div></div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-3"><div class="h5">
  4723.                    <a href="/pages/womens-apparel" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">WOMEN'S APPAREL</a>
  4724.                  </div><div>
  4725.                      <a href="/collections/womens-t-shirts" class="site-nav__dropdown-link">
  4726.                        T-Shirts
  4727.                      </a>
  4728.                    </div><div>
  4729.                      <a href="/collections/womens-long-sleeves" class="site-nav__dropdown-link">
  4730.                        Long Sleeves
  4731.                      </a>
  4732.                    </div><div>
  4733.                      <a href="/collections/womens-shorts" class="site-nav__dropdown-link">
  4734.                        Shorts
  4735.                      </a>
  4736.                    </div><div>
  4737.                      <a href="/collections/womens-leggings" class="site-nav__dropdown-link">
  4738.                        Leggings and Joggers
  4739.                      </a>
  4740.                    </div><div>
  4741.                      <a href="/collections/womens-sports-bras" class="site-nav__dropdown-link">
  4742.                        Sports Bras
  4743.                      </a>
  4744.                    </div><div>
  4745.                      <a href="/products/solstice-dress" class="site-nav__dropdown-link">
  4746.                        Dresses
  4747.                      </a>
  4748.                    </div><div>
  4749.                      <a href="/collections/womens-tank-tops" class="site-nav__dropdown-link">
  4750.                        Tank Tops
  4751.                      </a>
  4752.                    </div><div>
  4753.                      <a href="/collections/womens-jackets" class="site-nav__dropdown-link">
  4754.                        Jackets
  4755.                      </a>
  4756.                    </div><div>
  4757.                      <a href="/collections/womens-hoodies" class="site-nav__dropdown-link">
  4758.                        Hoodies
  4759.                      </a>
  4760.                    </div><div>
  4761.                      <a href="/collections/womens-bike-tri-gear" class="site-nav__dropdown-link">
  4762.                        Bike & Tri Gear
  4763.                      </a>
  4764.                    </div></div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-4"><a
  4765.                        href="/collections/accessories"
  4766.                        class="megamenu__colection-image"
  4767.                        aria-label="Accessories"
  4768.                        style="background-image: url(//1stphorm.com/cdn/shop/collections/Mens_Apparel_1600x_9f6ec077-c880-44a1-8b29-30f897a39ec6_400x.jpg?v=1652478999)"></a><div class="h5">
  4769.                    <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">ACCESSORIES</a>
  4770.                  </div><div>
  4771.                      <a href="/collections/luggage" class="site-nav__dropdown-link">
  4772.                        Gym Bags
  4773.                      </a>
  4774.                    </div><div>
  4775.                      <a href="/collections/decals" class="site-nav__dropdown-link">
  4776.                        Decals
  4777.                      </a>
  4778.                    </div><div>
  4779.                      <a href="/collections/lifting-accessories" class="site-nav__dropdown-link">
  4780.                        Lifting Accessories
  4781.                      </a>
  4782.                    </div><div>
  4783.                      <a href="/collections/patches" class="site-nav__dropdown-link">
  4784.                        Patches
  4785.                      </a>
  4786.                    </div><div>
  4787.                      <a href="/collections/shaker-cups" class="site-nav__dropdown-link">
  4788.                        Shaker Cups
  4789.                      </a>
  4790.                    </div><div>
  4791.                      <a href="/products/crest-cotton-crew-sock" class="site-nav__dropdown-link">
  4792.                        Socks
  4793.                      </a>
  4794.                    </div><div>
  4795.                      <a href="/collections/vests" class="site-nav__dropdown-link">
  4796.                        Vests
  4797.                      </a>
  4798.                    </div><div>
  4799.                      <a href="/collections/water-bottles" class="site-nav__dropdown-link">
  4800.                        Water Bottles
  4801.                      </a>
  4802.                    </div></div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-5"><a
  4803.                        href="/collections/headwear"
  4804.                        class="megamenu__colection-image"
  4805.                        aria-label="Headwear"
  4806.                        style="background-image: url(//1stphorm.com/cdn/shop/collections/Headwear_7e6eb5fe-d7de-4376-9db8-ee0bebe9b70a_400x.jpg?v=1652481321)"></a><div class="h5">
  4807.                    <a href="/collections/headwear" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">HEADWEAR</a>
  4808.                  </div><div>
  4809.                      <a href="/collections/headwear-snap-backs" class="site-nav__dropdown-link">
  4810.                        Snap Backs
  4811.                      </a>
  4812.                    </div><div>
  4813.                      <a href="/collections/headwear-beanies" class="site-nav__dropdown-link">
  4814.                        Beanies
  4815.                      </a>
  4816.                    </div><div>
  4817.                      <a href="https://1stphorm.com/collections/headwear-headbands" class="site-nav__dropdown-link">
  4818.                        Headbands
  4819.                      </a>
  4820.                    </div></div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-6"><div class="h5">
  4821.                    <a href="/collections/kids-apparel" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">KIDS APPAREL</a>
  4822.                  </div></div>
  4823.            </div>
  4824.          </div>
  4825.        </div></li><li
  4826.      class="site-nav__item site-nav__expanded-item"
  4827.      >
  4828.  
  4829.      <a href="/app" class="site-nav__link site-nav__link--underline">
  4830.        App
  4831.      </a></li><li
  4832.      class="site-nav__item site-nav__expanded-item site-nav--has-dropdown"
  4833.      aria-haspopup="true">
  4834.  
  4835.      <a href="/pages/about-us-legacy" class="site-nav__link site-nav__link--underline site-nav__link--has-dropdown">
  4836.        Brand
  4837.      </a><ul class="site-nav__dropdown text-left"><li class="">
  4838.              <a href="https://help.1stphorm.com/en-US" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
  4839.                Contact Us
  4840. </a></li><li class="">
  4841.              <a href="/pages/about-us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
  4842.                About Us
  4843. </a></li><li class="">
  4844.              <a href="/pages/our-process" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
  4845.                Our Process
  4846. </a></li><li class="">
  4847.              <a href="/pages/athletes" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
  4848.                Our Athletes
  4849. </a></li><li class="">
  4850.              <a href="https://1stphorm.com/1st-phorm-app" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
  4851.                1st Phorm App
  4852. </a></li><li class="">
  4853.              <a href="/pages/legionnaire" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
  4854.                Become a Legionnaire
  4855. </a></li></ul></li></ul>
  4856. <div class="site-nav medium-up--hide">
  4857.                  <button
  4858.                    type="button"
  4859.                    class="site-nav__link site-nav__link--icon js-drawer-open-nav"
  4860.                    aria-controls="NavDrawer"
  4861.                  >
  4862.                    <svg
  4863.                      aria-hidden="true"
  4864.                      focusable="false"
  4865.                      role="presentation"
  4866.                      class="icon icon-hamburger"
  4867.                      viewBox="0 0 64 64"
  4868.                    >
  4869.                      <path d="M7 15h51M7 32h43M7 49h51"/>
  4870.                    </svg>
  4871.                    <span class="icon__fallback-text">Site navigation</span>
  4872.                  </button>
  4873.                </div>
  4874.              </div><div class="header-item header-item--logo"><style data-shopify>.header-item--logo,
  4875.    .header-layout--left-center .header-item--logo,
  4876.    .header-layout--left-center .header-item--icons {
  4877.      -webkit-box-flex: 0 1 60px;
  4878.      -ms-flex: 0 1 60px;
  4879.      flex: 0 1 60px;
  4880.    }
  4881.  
  4882.    @media only screen and (min-width: 769px) {
  4883.      .header-item--logo,
  4884.      .header-layout--left-center .header-item--logo,
  4885.      .header-layout--left-center .header-item--icons {
  4886.        -webkit-box-flex: 0 0 100px;
  4887.        -ms-flex: 0 0 100px;
  4888.        flex: 0 0 100px;
  4889.      }
  4890.    }
  4891.  
  4892.    .site-header__logo a {
  4893.      width: 60px;
  4894.    }
  4895.    .is-light .site-header__logo .logo--inverted {
  4896.      width: 60px;
  4897.    }
  4898.    @media only screen and (min-width: 769px) {
  4899.      .site-header__logo a {
  4900.        width: 100px;
  4901.      }
  4902.  
  4903.      .is-light .site-header__logo .logo--inverted {
  4904.        width: 100px;
  4905.      }
  4906.    }</style><h1 class="site-header__logo" itemscope itemtype="http://schema.org/Organization">
  4907.        <span class="visually-hidden">1st Phorm</span>
  4908.      <a
  4909.        href="/"
  4910.        itemprop="url"
  4911.        class="site-header__logo-link"
  4912.        style="padding-top: 72.33532934131736%">
  4913.        <img
  4914.          class="small--hide"
  4915.          src="//1stphorm.com/cdn/shop/files/1st_Phorm_Logo_1_100x.png?v=1670877659"
  4916.          srcset="//1stphorm.com/cdn/shop/files/1st_Phorm_Logo_1_100x.png?v=1670877659 1x, //1stphorm.com/cdn/shop/files/1st_Phorm_Logo_1_100x@2x.png?v=1670877659 2x"
  4917.          alt="1st Phorm"
  4918.          itemprop="logo">
  4919.        <img
  4920.          class="medium-up--hide"
  4921.          src="//1stphorm.com/cdn/shop/files/1st_Phorm_Logo_1_60x.png?v=1670877659"
  4922.          srcset="//1stphorm.com/cdn/shop/files/1st_Phorm_Logo_1_60x.png?v=1670877659 1x, //1stphorm.com/cdn/shop/files/1st_Phorm_Logo_1_60x@2x.png?v=1670877659 2x"
  4923.          alt="1st Phorm">
  4924.      </a></h1></div><div class="header-item header-item--icons"><div class="site-nav">
  4925.  <div class="site-nav__icons"><a class="site-nav__link site-nav__link--icon small--hide" href="/account">
  4926.        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><path d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg>
  4927.        <span class="icon__fallback-text">Log in
  4928. </span><span class="c_nm_head">Login</span></a><a href="/search" class="site-nav__link site-nav__link--icon js-search-header">
  4929.        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><path d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58zM54 54L41.94 42"/></svg>
  4930.        <span class="icon__fallback-text">Search</span>
  4931.          <span class="c_nm_head">Search</span>
  4932.      </a><a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart" aria-controls="CartDrawer" data-icon="cart">
  4933.      <span class="cart-link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><path fill="none" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg><span class="icon__fallback-text">Cart</span>
  4934.        <span class="cart-link__bubble"></span>
  4935.      </span>
  4936.      <span class="c_nm_head">Cart</span>
  4937.    </a>
  4938.  </div>
  4939. </div>
  4940. </div>
  4941.          </div></div>
  4942.        <div class="site-header__search-container">
  4943.          <div class="site-header__search">
  4944.            <div class="page-width">
  4945.              <form
  4946.                action="/search"
  4947.                method="get"
  4948.                role="search"
  4949.                id="HeaderSearchForm"
  4950.                class="site-header__search-form"
  4951.              >
  4952.                <input type="hidden" name="type" value="product">
  4953.                <input type="hidden" name="options[prefix]" value="last">
  4954.                <button type="submit" class="text-link site-header__search-btn site-header__search-btn--submit">
  4955.                  <svg
  4956.                    aria-hidden="true"
  4957.                    focusable="false"
  4958.                    role="presentation"
  4959.                    class="icon icon-search"
  4960.                    viewBox="0 0 64 64"
  4961.                  >
  4962.                    <path d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58zM54 54L41.94 42"/>
  4963.                  </svg>
  4964.                  <span class="icon__fallback-text">Search</span>
  4965.                </button>
  4966.                <input
  4967.                  type="search"
  4968.                  name="q"
  4969.                  value=""
  4970.                  placeholder="Search our store"
  4971.                  class="site-header__search-input"
  4972.                  aria-label="Search our store"
  4973.                >
  4974.              </form>
  4975.              <button type="button" id="SearchClose" class="js-search-header-close text-link site-header__search-btn">
  4976.                <svg
  4977.                  aria-hidden="true"
  4978.                  focusable="false"
  4979.                  role="presentation"
  4980.                  class="icon icon-close"
  4981.                  viewBox="0 0 64 64"
  4982.                >
  4983.                  <path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/>
  4984.                </svg>
  4985.                <span class="icon__fallback-text">"Close (esc)"</span>
  4986.              </button>
  4987.            </div>
  4988.          </div></div>
  4989.      </header>
  4990.    </div>
  4991.  </div></div>
  4992.  
  4993.  
  4994.  
  4995. <meta name="pinterest-rich-pin" content="false" /></div><div id="shopify-section-cart-drawer" class="shopify-section cart-drawer"><style>
  4996.  .fp_4360565620822  .js-qty__wrapper, .fp_EmptyDrop .js-qty__wrapper{
  4997.    display:none;
  4998.  }
  4999.  .freegiftsectionclass{display:none;}
  5000. </style><div id="CartDrawer" class="drawer drawer--right">
  5001.    <form id="CartDrawerForm" action="/cart" method="post" novalidate class="drawer__contents">
  5002.      <div class="drawer__fixed-header">
  5003.        <div class="drawer__header appear-animation appear-delay-1">
  5004.          <div class="h2 drawer__title">Cart</div>
  5005.          <div class="drawer__close">
  5006.            <button type="button" class="drawer__close-button js-drawer-close">
  5007.              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg>
  5008.              <span class="icon__fallback-text">Close cart</span>
  5009.            </button>
  5010.          </div>
  5011.        </div>
  5012.      </div>
  5013.  
  5014.      
  5015.        <div class="drawer__free-gift-bar">
  5016.  
  5017.          <div class="free-ship-bar px-4" data-free-gift-bar=
  5018.            '{
  5019.              "thresholdMax": "20000.0",
  5020.              
  5021.              
  5022.              "tiers": [
  5023.              
  5024.              
  5025.                
  5026.                
  5027.                  
  5028.                    {
  5029.                      "threshold": 7500,
  5030.                      "free_shipping": true,
  5031.                      "label": "Free USA Shipping"
  5032.                    },
  5033.                  
  5034.                
  5035.              
  5036.                
  5037.                
  5038.                  
  5039.                    {
  5040.                      "threshold": 20000,
  5041.                      "free_shipping": false,
  5042.                      "label": "Mystery T-Shirt",
  5043.                      "variant_select": true,
  5044.                      
  5045.                        "popup_selector": "#gift-popup-00e8ed7a-9de7-41bf-af6f-68bbc4d98a1f",
  5046.                        "variant": [
  5047. {
  5048.                            "id": 40198786383958,
  5049.                            "title": "Men‘s XS"
  5050.                          },
  5051.                        
  5052. {
  5053.                            "id": 32948176093270,
  5054.                            "title": "Men‘s Small"
  5055.                          },
  5056.                        
  5057. {
  5058.                            "id": 32948178255958,
  5059.                            "title": "Men‘s Medium"
  5060.                          },
  5061.                        
  5062. {
  5063.                            "id": 32948178681942,
  5064.                            "title": "Men‘s Large"
  5065.                          },
  5066.                        
  5067. {
  5068.                            "id": 33006046347350,
  5069.                            "title": "Men‘s XL"
  5070.                          },
  5071.                        
  5072. {
  5073.                            "id": 32948180385878,
  5074.                            "title": "Men‘s 2XL"
  5075.                          },
  5076.                        
  5077. {
  5078.                            "id": 33006047690838,
  5079.                            "title": "Men‘s 3XL"
  5080.                          },
  5081.                        
  5082. {
  5083.                            "id": 39262398611542,
  5084.                            "title": "Women’s XS"
  5085.                          },
  5086.                        
  5087. {
  5088.                            "id": 32759970955350,
  5089.                            "title": "Women‘s Small"
  5090.                          },
  5091.                        
  5092. {
  5093.                            "id": 32759970988118,
  5094.                            "title": "Women‘s Medium"
  5095.                          },
  5096.                        
  5097. {
  5098.                            "id": 39262296866902,
  5099.                            "title": "Women‘s Large"
  5100.                          },
  5101.                        
  5102. {
  5103.                            "id": 39262297030742,
  5104.                            "title": "Women‘s XL"
  5105.                          },
  5106.                        
  5107. {
  5108.                            "id": 39262297129046,
  5109.                            "title": "Women‘s 2XL"
  5110.                          }
  5111.                        
  5112.                        ],
  5113.                      
  5114.                      "product": "free-mystery-shirt-for-you"
  5115.                    }
  5116.                  
  5117.                
  5118.              
  5119.              ]
  5120.            }'
  5121.           data-free-ship="">
  5122.            <div style="display:block;position:relative;">
  5123.              <div class="unlocked-tiers-text">
  5124.                
  5125.                  
  5126. <p
  5127.                      data-free-gift-tier-label="1"
  5128.                      style="display:none;"
  5129.                    >
  5130.                      Free <br>USA Shipping Unlocked*
  5131.                    </p>
  5132.                  
  5133.                
  5134.                  
  5135. <p
  5136.                      data-free-gift-tier-label="2"
  5137.                      style="display:none;"
  5138.                    >
  5139.                      Mystery T-Shirt Unlocked*
  5140.                    </p>
  5141.                  
  5142.                
  5143.  
  5144.                <p
  5145.                  
  5146.                >
  5147.                  You're
  5148.                  <span data-next-tier-amount class="next-tier">
  5149.                    $75.00
  5150.                  </span> away from
  5151.                  <span data-next-tier-label class="next-tier">
  5152.                    Mystery T-Shirt
  5153.                  </span>*
  5154.                </p>
  5155.              </div>
  5156.  
  5157.              <div class="bar-wrapper">
  5158.                <div
  5159.                  style="width:0.0%;"
  5160.                  class="bar-inner"
  5161.                  data-progress
  5162.                  ></div>
  5163.              </div>
  5164.              <div class="bar-thresholds">
  5165.                
  5166. <span data-tier="37.5" style="left: 37.5%" class="bar-tier">
  5167.                    <div class="marker-wrapper">
  5168.                      <span class="marker" ></span>
  5169.                      <span class="tier-title" >Free <br>USA Shipping</span>
  5170.                    </div>
  5171.                  </span>
  5172.                
  5173. <span data-tier="100.0" style="left: 100.0%" class="bar-tier">
  5174.                    <div class="marker-wrapper">
  5175.                      <span class="marker" style="opacity: 0;"></span>
  5176.                      <span class="tier-title" style="right:0;">Mystery T-Shirt</span>
  5177.                    </div>
  5178.                  </span>
  5179.                
  5180.              </div>
  5181.            </div>
  5182.          </div>
  5183.        </div>  
  5184.      
  5185.  
  5186.      <div class="drawer__inner">
  5187.        <div class="drawer__scrollable">
  5188.          <div data-products class="appear-animation appear-delay-2"></div>
  5189.  
  5190.          <div data-rebuy-id="123878"></div>
  5191.  
  5192.          
  5193.        </div>
  5194.  
  5195.        <div class="drawer__footer appear-animation appear-delay-4">
  5196.          <div data-discounts>
  5197.            
  5198.          </div>
  5199.  
  5200.          <div class="cart__item-sub cart__item-row">
  5201.            <div class="ajaxcart__subtotal">Subtotal</div>
  5202.            <div data-subtotal="0" data-subtotal-physical="0">$0.00</div>
  5203.          </div>
  5204.  
  5205.          <div class="cart__item-row text-center">
  5206.            <small>
  5207.              Shipping, taxes, and discount codes calculated at checkout.<br />
  5208.            </small>
  5209.          </div>
  5210.  
  5211.          
  5212.  
  5213.          <div class="cart__checkout-wrapper">
  5214.            <button type="submit" name="checkout" data-terms-required="false" class="btn cart__checkout" id="AjaxCartCheckout">
  5215.              Check out
  5216.            </button>
  5217.  
  5218.            
  5219.          </div>
  5220.        </div>
  5221.      </div>
  5222.  
  5223.      <div class="drawer__cart-empty appear-animation appear-delay-2">
  5224.        <div class="drawer__scrollable">
  5225.          Your cart is currently empty.
  5226.        </div>
  5227.      </div>
  5228.    </form>
  5229.  </div>
  5230.  
  5231.  
  5232.  
  5233.  
  5234.  
  5235.    <style>
  5236. </style>
  5237.  
  5238. <div id="gift-popup-00e8ed7a-9de7-41bf-af6f-68bbc4d98a1f"  class="gift-popup-container">
  5239.    <div class="gift-popup-outer-wrapper">
  5240.        <div class="inner-wrapper">
  5241.            <h4 class="heading">Claim Your Free Gift</h4>
  5242.            <p class="subheading">Here's a Mystery T-Shirt on us!</p>
  5243.            <div class="product-container">
  5244.                <div class="product">
  5245.                    <div class="media">
  5246.                        
  5247.                        <img
  5248.                            srcset="
  5249.                                //1stphorm.com/cdn/shop/products/FreeMysteryShirt_5x.png?v=1678114677 5w,
  5250.                                //1stphorm.com/cdn/shop/products/FreeMysteryShirt_10x.png?v=1678114677 10w,
  5251.                                //1stphorm.com/cdn/shop/products/FreeMysteryShirt_15x.png?v=1678114677 15w,
  5252.                                //1stphorm.com/cdn/shop/products/FreeMysteryShirt_20x.png?v=1678114677 20w,
  5253.                                //1stphorm.com/cdn/shop/products/FreeMysteryShirt_25x.png?v=1678114677 25w,
  5254.                                //1stphorm.com/cdn/shop/products/FreeMysteryShirt_35x.png?v=1678114677 35w,
  5255.                                //1stphorm.com/cdn/shop/products/FreeMysteryShirt_40x.png?v=1678114677 40w,
  5256.                                //1stphorm.com/cdn/shop/products/FreeMysteryShirt_50x.png?v=1678114677 50w,
  5257.                                //1stphorm.com/cdn/shop/products/FreeMysteryShirt_60x.png?v=1678114677 60w,
  5258.                                //1stphorm.com/cdn/shop/products/FreeMysteryShirt_75x.png?v=1678114677 75w,
  5259.                                //1stphorm.com/cdn/shop/products/FreeMysteryShirt_100x.png?v=1678114677 100w,
  5260.                                //1stphorm.com/cdn/shop/products/FreeMysteryShirt_200x.png?v=1678114677 200w,
  5261.                                //1stphorm.com/cdn/shop/products/FreeMysteryShirt_375x.png?v=1678114677 375w,
  5262.                                //1stphorm.com/cdn/shop/products/FreeMysteryShirt_550x.png?v=1678114677 550w,
  5263.                                //1stphorm.com/cdn/shop/products/FreeMysteryShirt_750x.png?v=1678114677 750w,
  5264.                                //1stphorm.com/cdn/shop/products/FreeMysteryShirt_1100x.png?v=1678114677 1100w,
  5265.                                //1stphorm.com/cdn/shop/products/FreeMysteryShirt_1280x.png?v=1678114677 1280w,
  5266.                                //1stphorm.com/cdn/shop/products/FreeMysteryShirt_1500x.png?v=1678114677 1500w
  5267.                            "
  5268.                            sizes="100vw"
  5269.                            src="//1stphorm.com/cdn/shop/products/FreeMysteryShirt_1x.png?v=1678114677"
  5270.                            alt="Mystery T-Shirt"
  5271.                            width="1024"
  5272.                            height=""
  5273.                            loading="lazy"
  5274.                        >
  5275.                    </div>
  5276.                    <span class="product-title">Mystery T-Shirt</span>
  5277.                    <div class="product-dd">
  5278.                        <select name="" id="">
  5279.                            
  5280.  
  5281.                            
  5282.  
  5283.                                    <option value="32948176093270">Men's Small</option>
  5284.                                
  5285.                            
  5286.  
  5287.                                    <option value="32948178255958">Men's Medium</option>
  5288.                                
  5289.                            
  5290.  
  5291.                                    <option value="32948178681942">Men's Large</option>
  5292.                                
  5293.                            
  5294.  
  5295.                                    <option value="33006046347350">Men's XL</option>
  5296.                                
  5297.                            
  5298.  
  5299.                                    <option value="32948180385878">Men's 2XL</option>
  5300.                                
  5301.                            
  5302.  
  5303.                                    <option value="33006047690838">Men's 3XL</option>
  5304.                                
  5305.                            
  5306.  
  5307.                                    <option value="39262398611542">Women’s XS</option>
  5308.                                
  5309.                            
  5310.  
  5311.                                    <option value="32759970955350">Women's Small</option>
  5312.                                
  5313.                            
  5314.  
  5315.                                    <option value="32759970988118">Women's Medium</option>
  5316.                                
  5317.                            
  5318.  
  5319.                                    <option value="39262296866902">Women's Large</option>
  5320.                                
  5321.                            
  5322.  
  5323.                                    <option value="39262297030742">Women's XL</option>
  5324.                                
  5325.                            
  5326.  
  5327.                                    <option value="39262297129046">Women's 2XL</option>
  5328.                                
  5329.                            
  5330.                        </select>
  5331.                        <svg aria-hidden="true" focusable="false" role="presentation" viewBox="0 0 9 9" class="dropdown-icon"><path d="M8.542 2.558a.625.625 0 0 1 0 .884l-3.6 3.6a.626.626 0 0 1-.884 0l-3.6-3.6a.625.625 0 1 1 .884-.884L4.5 5.716l3.158-3.158a.625.625 0 0 1 .884 0z"></path></svg>
  5332.                    </div>
  5333.                    <button class="atc">SELECT</button>
  5334.                </div>
  5335.            </div>
  5336.            <button class="close">Close</button>
  5337.        </div>
  5338.    </div>
  5339. </div>
  5340.  
  5341.  
  5342.  
  5343.  
  5344.  
  5345. </div><main class="main-content" id="MainContent">
  5346.        <div id="shopify-section-template--14866017648726__164779618268366e47" class="shopify-section index-section--hero">
  5347. <div
  5348.  data-section-id="template--14866017648726__164779618268366e47"
  5349.  data-section-type="slideshow-section"
  5350.  >
  5351.  
  5352.    <div class="slideshow-wrapper"><style data-shopify>@media screen and (max-width: 768px) {
  5353.            .hero-natural-mobile--template--14866017648726__164779618268366e47 {
  5354.              height: 0;
  5355.              padding-bottom: 146.66666666666666%;
  5356.            }
  5357.          }</style><div class=" hero-natural-mobile--template--14866017648726__164779618268366e47">
  5358.        <div id="Slideshow-template--14866017648726__164779618268366e47"
  5359.          class="hero hero--750px hero--template--14866017648726__164779618268366e47 hero--mobile--auto loaded"
  5360.          
  5361.          data-mobile-natural="true"
  5362.          data-autoplay="true"
  5363.          data-speed="5000"
  5364.          
  5365.          
  5366.            data-dots="true"
  5367.          
  5368.          
  5369.          data-slide-count="3"><div
  5370.              
  5371.              class="slideshow__slide slideshow__slide--0df97de5-1e55-4208-b604-d08d5ac2c928"
  5372.              data-index="0"
  5373.              data-id="0df97de5-1e55-4208-b604-d08d5ac2c928"><style data-shopify>.slideshow__slide--0df97de5-1e55-4208-b604-d08d5ac2c928 .hero__title {
  5374.                  font-size: 40.0px;
  5375.                }
  5376.                @media only screen and (min-width: 769px) {
  5377.                  .slideshow__slide--0df97de5-1e55-4208-b604-d08d5ac2c928 .hero__title {
  5378.                    font-size: 80px;
  5379.                  }
  5380.                }
  5381.                  .slideshow__slide--0df97de5-1e55-4208-b604-d08d5ac2c928 .btn {
  5382.                    background: #00a7d3 !important;
  5383.                    border: none;
  5384.                      color: #000 !important;
  5385.                    
  5386.                  }
  5387.  
  5388.                  
  5389.                
  5390.  
  5391.                
  5392. </style><div class="hero__image-wrapper"><img class="hero__image hero__image--0df97de5-1e55-4208-b604-d08d5ac2c928 lazyload small--hide"
  5393.                      src="//1stphorm.com/cdn/shop/files/Web_Banner_4_1_300x.jpg?v=1713325811"
  5394.                      data-src="//1stphorm.com/cdn/shop/files/Web_Banner_4_1_{width}x.jpg?v=1713325811"
  5395.                      data-aspectratio="1.9333333333333333"
  5396.                      data-sizes="auto"
  5397.                      alt=""
  5398.                      style="object-position: 80% 50%"><img class="hero__image hero__image--0df97de5-1e55-4208-b604-d08d5ac2c928 lazyload medium-up--hide"
  5399.                        src="//1stphorm.com/cdn/shop/files/Mobile__Banner_4_1_300x.jpg?v=1713325823"
  5400.                        data-src="//1stphorm.com/cdn/shop/files/Mobile__Banner_4_1_{width}x.jpg?v=1713325823"
  5401.                        data-aspectratio="0.6818181818181818"
  5402.                        data-sizes="auto"
  5403.                        alt=""
  5404.                        style="object-position: 80% 50%"><noscript>
  5405.                      <img class="hero__image hero__image--0df97de5-1e55-4208-b604-d08d5ac2c928"
  5406.                        src="//1stphorm.com/cdn/shop/files/Web_Banner_4_1_1400x.jpg?v=1713325811"
  5407.                        alt="">
  5408.                    </noscript></div><a href="https://1stphorm.com/pages/new-apparel" class="hero__slide-link" aria-hidden="true"></a><div class="hero__text-wrap">
  5409.                  <div class="page-width">
  5410.                    <div class="hero__text-content vertical-center horizontal-center vertical-bottom-m horizontal-center-m">
  5411.                      <div class="hero__text-shadow"><div class="hero__top-subtitle">
  5412.                            <div class="animation-cropper"><div class="animation-contents">
  5413.                              ELEVATE YOUR LOOK
  5414.                            </div></div>
  5415.                          </div><h2 class="h1 hero__title">
  5416.                            <div class="animation-cropper"><div class="animation-contents">
  5417.                            BRAND NEW STYLES
  5418.                            </div></div>
  5419.                          </h2><div class="hero__subtitle">
  5420.                              <div class="animation-cropper"><div class="animation-contents">
  5421.                                FOR YOU
  5422.                              </div></div>
  5423.                            </div><div class="hero__link"><a href="https://1stphorm.com/pages/new-apparel" class="btn">
  5424.                                  SHOP NOW
  5425.                                </a></div><div class="banner_arrow">
  5426. <img src="https://cdn.shopify.com/s/files/1/0300/8128/6188/files/arrow-down.png?v=1648211196" />
  5427. </div>
  5428.                      </div>
  5429.                    </div>
  5430.                  </div>
  5431.                </div></div><div
  5432.              
  5433.              class="slideshow__slide slideshow__slide--7c9f4ec4-be2b-4238-bebb-f57289e123a1"
  5434.              data-index="1"
  5435.              data-id="7c9f4ec4-be2b-4238-bebb-f57289e123a1"><style data-shopify>.slideshow__slide--7c9f4ec4-be2b-4238-bebb-f57289e123a1 .hero__title {
  5436.                  font-size: 40.0px;
  5437.                }
  5438.                @media only screen and (min-width: 769px) {
  5439.                  .slideshow__slide--7c9f4ec4-be2b-4238-bebb-f57289e123a1 .hero__title {
  5440.                    font-size: 80px;
  5441.                  }
  5442.                }
  5443.                  .slideshow__slide--7c9f4ec4-be2b-4238-bebb-f57289e123a1 .btn {
  5444.                    background: #00a7d3 !important;
  5445.                    border: none;
  5446.                      color: #000 !important;
  5447.                    
  5448.                  }
  5449.  
  5450.                  
  5451.                
  5452.  
  5453.                
  5454. </style><div class="hero__image-wrapper"><img class="hero__image hero__image--7c9f4ec4-be2b-4238-bebb-f57289e123a1 lazyload small--hide"
  5455.                      src="//1stphorm.com/cdn/shop/files/1P_Energy_Berry_Dream_-_Web_Banner_-_Desktop_V2_1_300x.jpg?v=1713325739"
  5456.                      data-src="//1stphorm.com/cdn/shop/files/1P_Energy_Berry_Dream_-_Web_Banner_-_Desktop_V2_1_{width}x.jpg?v=1713325739"
  5457.                      data-aspectratio="1.9333333333333333"
  5458.                      data-sizes="auto"
  5459.                      alt=""
  5460.                      style="object-position: 80% 50%"><img class="hero__image hero__image--7c9f4ec4-be2b-4238-bebb-f57289e123a1 lazyload medium-up--hide"
  5461.                        src="//1stphorm.com/cdn/shop/files/1P_Energy_Berry_Dream_-_Web_Banner_-_Mobile_V2_1_300x.jpg?v=1713325791"
  5462.                        data-src="//1stphorm.com/cdn/shop/files/1P_Energy_Berry_Dream_-_Web_Banner_-_Mobile_V2_1_{width}x.jpg?v=1713325791"
  5463.                        data-aspectratio="0.6818181818181818"
  5464.                        data-sizes="auto"
  5465.                        alt=""
  5466.                        style="object-position: 80% 50%"><noscript>
  5467.                      <img class="hero__image hero__image--7c9f4ec4-be2b-4238-bebb-f57289e123a1"
  5468.                        src="//1stphorm.com/cdn/shop/files/1P_Energy_Berry_Dream_-_Web_Banner_-_Desktop_V2_1_1400x.jpg?v=1713325739"
  5469.                        alt="">
  5470.                    </noscript></div><a href="https://1stphorm.com/products/1st-phorm-energy" class="hero__slide-link" aria-hidden="true"></a><div class="hero__text-wrap">
  5471.                  <div class="page-width">
  5472.                    <div class="hero__text-content vertical-center horizontal-left vertical-bottom-m horizontal-center-m">
  5473.                      <div class="hero__text-shadow"><h2 class="h1 hero__title">
  5474.                            <div class="animation-cropper"><div class="animation-contents">
  5475.                            BERRY DREAM<br />
  5476. 1ST PHORM ENERGY
  5477.                            </div></div>
  5478.                          </h2><div class="hero__subtitle">
  5479.                              <div class="animation-cropper"><div class="animation-contents">
  5480.                                IS NOW AVAILABLE!
  5481.                              </div></div>
  5482.                            </div><div class="hero__link"><a href="https://1stphorm.com/products/1st-phorm-energy" class="btn">
  5483.                                  SHOP NOW
  5484.                                </a></div><div class="banner_arrow">
  5485. <img src="https://cdn.shopify.com/s/files/1/0300/8128/6188/files/arrow-down.png?v=1648211196" />
  5486. </div>
  5487.                      </div>
  5488.                    </div>
  5489.                  </div>
  5490.                </div></div><div
  5491.              
  5492.              class="slideshow__slide slideshow__slide--49ef3956-caa6-4450-b726-e1fc2eec7153"
  5493.              data-index="2"
  5494.              data-id="49ef3956-caa6-4450-b726-e1fc2eec7153"><style data-shopify>.slideshow__slide--49ef3956-caa6-4450-b726-e1fc2eec7153 .hero__title {
  5495.                  font-size: 40.0px;
  5496.                }
  5497.                @media only screen and (min-width: 769px) {
  5498.                  .slideshow__slide--49ef3956-caa6-4450-b726-e1fc2eec7153 .hero__title {
  5499.                    font-size: 80px;
  5500.                  }
  5501.                }
  5502.                  .slideshow__slide--49ef3956-caa6-4450-b726-e1fc2eec7153 .btn {
  5503.                    background: #00a7d3 !important;
  5504.                    border: none;
  5505.                      color: #000 !important;
  5506.                    
  5507.                  }
  5508.  
  5509.                  
  5510.                
  5511.  
  5512.                
  5513. </style><div class="hero__image-wrapper"><img class="hero__image hero__image--49ef3956-caa6-4450-b726-e1fc2eec7153 lazyload small--hide"
  5514.                      src="//1stphorm.com/cdn/shop/files/Opti-Greens_50_Chocolate_-_Web_Banner_-_Desktop_1_8b88afbd-1661-4c83-ae75-8c7fcffe2558_300x.jpg?v=1712155986"
  5515.                      data-src="//1stphorm.com/cdn/shop/files/Opti-Greens_50_Chocolate_-_Web_Banner_-_Desktop_1_8b88afbd-1661-4c83-ae75-8c7fcffe2558_{width}x.jpg?v=1712155986"
  5516.                      data-aspectratio="1.9333333333333333"
  5517.                      data-sizes="auto"
  5518.                      alt="Opti-Greens 50"
  5519.                      style="object-position: 80% 50%"><img class="hero__image hero__image--49ef3956-caa6-4450-b726-e1fc2eec7153 lazyload medium-up--hide"
  5520.                        src="//1stphorm.com/cdn/shop/files/Opti-Greens_50_Chocolate_-_Web_Banner_-_Mobile_2_1_300x.jpg?v=1712156012"
  5521.                        data-src="//1stphorm.com/cdn/shop/files/Opti-Greens_50_Chocolate_-_Web_Banner_-_Mobile_2_1_{width}x.jpg?v=1712156012"
  5522.                        data-aspectratio="0.6818181818181818"
  5523.                        data-sizes="auto"
  5524.                        alt="Opti-Greens 50"
  5525.                        style="object-position: 80% 50%"><noscript>
  5526.                      <img class="hero__image hero__image--49ef3956-caa6-4450-b726-e1fc2eec7153"
  5527.                        src="//1stphorm.com/cdn/shop/files/Opti-Greens_50_Chocolate_-_Web_Banner_-_Desktop_1_8b88afbd-1661-4c83-ae75-8c7fcffe2558_1400x.jpg?v=1712155986"
  5528.                        alt="Opti-Greens 50">
  5529.                    </noscript></div><a href="/products/opti-greens-50" class="hero__slide-link" aria-hidden="true"></a><div class="hero__text-wrap">
  5530.                  <div class="page-width">
  5531.                    <div class="hero__text-content vertical-center horizontal-left vertical-bottom-m horizontal-center-m">
  5532.                      <div class="hero__text-shadow"><h2 class="h1 hero__title">
  5533.                            <div class="animation-cropper"><div class="animation-contents">
  5534.                            CHOCOLATE<br />
  5535. OPTI-GREENS 50
  5536.                            </div></div>
  5537.                          </h2><div class="hero__subtitle">
  5538.                              <div class="animation-cropper"><div class="animation-contents">
  5539.                                IS NOW AVAILABLE!
  5540.                              </div></div>
  5541.                            </div><div class="hero__link"><a href="/products/opti-greens-50" class="btn">
  5542.                                  SHOP NOW
  5543.                                </a></div><div class="banner_arrow">
  5544. <img src="https://cdn.shopify.com/s/files/1/0300/8128/6188/files/arrow-down.png?v=1648211196" />
  5545. </div>
  5546.                      </div>
  5547.                    </div>
  5548.                  </div>
  5549.                </div></div></div>
  5550.      </div>
  5551.    </div>
  5552.              </div></div>
  5553.  
  5554.  
  5555.  
  5556. </div><div id="shopify-section-template--14866017648726__164822588176fc26dc" class="shopify-section"><style>
  5557. .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item{
  5558.    -ms-touch-action: auto;
  5559.        touch-action: auto;
  5560. }
  5561.  
  5562. </style>
  5563. <!-- Best seller Section -->
  5564.  
  5565. <div class="best_seller">
  5566. <div class="container">
  5567. <h2>Top Rated Products</h2>
  5568. <div class="owl-carousel owl-theme seller_carousel" id="  slider- template--14866017648726__164822588176fc26dc"><div class="item">
  5569.              <a href="/products/opti-greens-50">
  5570. <div class="product_img">
  5571. <img src="//1stphorm.com/cdn/shop/files/Opti-Greens50Chocolate-WEB_1_24c8412d-cde7-4df3-a71e-b8b62f464899_large.png?v=1712155122" />
  5572.                  </div></a>
  5573.              <h6> <a href="/products/opti-greens-50">Opti-Greens 50</a></h6>
  5574.              
  5575.  
  5576.  
  5577.    <p>Greens Superfood Powder</p>
  5578.              
  5579.              
  5580. <h6 class="price">
  5581.                  $69.99 <del> </del>
  5582.              </h6>
  5583.              
  5584.              
  5585.              
  5586.  <div data-oke-reviews-product-listing-rating><div data-oke-reviews-version="2.16.13" class="okeReviews okeReviews--theme">
  5587. <div class="okeReviews-reviewsSummary js-okeReviews-reviewsSummary" data-oke-ga-click-action="Star Rating Summary Click"
  5588. data-oke-ga-click-label="Opti-Greens 50"
  5589. >
  5590. <div class="okeReviews-reviewsSummary-starRating">
  5591. <span class="okeReviews-starRating okeReviews-starRating--small">
  5592. <span class="okeReviews-a11yText">Rated 4.9 out of 5</span>
  5593. <span class="okeReviews-starRating-indicator" role="presentation">
  5594. <span class="okeReviews-starRating-indicator-layer"></span>
  5595. <span class="okeReviews-starRating-indicator-layer okeReviews-starRating-indicator-layer--foreground" style="width: 98%"></span>
  5596. </span>
  5597. </span>
  5598. </div>
  5599. <div class="okeReviews-reviewsSummary-ratingCount">
  5600. <span aria-hidden="true">17138 Reviews</span>
  5601. <span class="okeReviews-a11yText">Based on 17138 reviews</span>
  5602. </div>
  5603. </div>
  5604. </div>
  5605. </div>
  5606.              
  5607.              
  5608. <a href="/products/opti-greens-50" class="view_detail">View Details</a>
  5609. </div>
  5610. <div class="item">
  5611.              <a href="/products/postworkout-stack">
  5612. <div class="product_img">
  5613. <img src="//1stphorm.com/cdn/shop/files/salted-peanut-butter-post-workout-stack_large.png?v=1701877387" />
  5614.                  </div></a>
  5615.              <h6> <a href="/products/postworkout-stack">Post Workout Stack</a></h6>
  5616.              
  5617.  
  5618.  
  5619.    <p>Workout Recovery Stack</p>
  5620.              
  5621.              
  5622. <h6 class="price">
  5623.                  $82.99 <del>$92.98 </del>
  5624.              </h6>
  5625.              
  5626.              
  5627.              
  5628.  <div data-oke-reviews-product-listing-rating><div data-oke-reviews-version="2.16.13" class="okeReviews okeReviews--theme">
  5629. <div class="okeReviews-reviewsSummary js-okeReviews-reviewsSummary" data-oke-ga-click-action="Star Rating Summary Click"
  5630. data-oke-ga-click-label="Post Workout Stack"
  5631. >
  5632. <div class="okeReviews-reviewsSummary-starRating">
  5633. <span class="okeReviews-starRating okeReviews-starRating--small">
  5634. <span class="okeReviews-a11yText">Rated 4.9 out of 5</span>
  5635. <span class="okeReviews-starRating-indicator" role="presentation">
  5636. <span class="okeReviews-starRating-indicator-layer"></span>
  5637. <span class="okeReviews-starRating-indicator-layer okeReviews-starRating-indicator-layer--foreground" style="width: 99%"></span>
  5638. </span>
  5639. </span>
  5640. </div>
  5641. <div class="okeReviews-reviewsSummary-ratingCount">
  5642. <span aria-hidden="true">38231 Reviews</span>
  5643. <span class="okeReviews-a11yText">Based on 38231 reviews</span>
  5644. </div>
  5645. </div>
  5646. </div>
  5647. </div>
  5648.              
  5649.              
  5650. <a href="/products/postworkout-stack" class="view_detail">View Details</a>
  5651. </div>
  5652. <div class="item">
  5653.              <a href="/products/micro-factor">
  5654. <div class="product_img">
  5655. <img src="//1stphorm.com/cdn/shop/files/micro-factor_4c4cc124-073f-4ed5-8d93-6cc56ee24736_large.png?v=1692287699" />
  5656.                  </div></a>
  5657.              <h6> <a href="/products/micro-factor">Micro Factor</a></h6>
  5658.              
  5659.  
  5660.  
  5661.    <p>Complete Daily Nutrient Packs</p>
  5662.              
  5663.              
  5664. <h6 class="price">
  5665.                  $69.99 <del> </del>
  5666.              </h6>
  5667.              
  5668.              
  5669.              
  5670.  <div data-oke-reviews-product-listing-rating><div data-oke-reviews-version="2.16.13" class="okeReviews okeReviews--theme">
  5671. <div class="okeReviews-reviewsSummary js-okeReviews-reviewsSummary" data-oke-ga-click-action="Star Rating Summary Click"
  5672. data-oke-ga-click-label="Micro Factor"
  5673. >
  5674. <div class="okeReviews-reviewsSummary-starRating">
  5675. <span class="okeReviews-starRating okeReviews-starRating--small">
  5676. <span class="okeReviews-a11yText">Rated 5.0 out of 5</span>
  5677. <span class="okeReviews-starRating-indicator" role="presentation">
  5678. <span class="okeReviews-starRating-indicator-layer"></span>
  5679. <span class="okeReviews-starRating-indicator-layer okeReviews-starRating-indicator-layer--foreground" style="width: 99%"></span>
  5680. </span>
  5681. </span>
  5682. </div>
  5683. <div class="okeReviews-reviewsSummary-ratingCount">
  5684. <span aria-hidden="true">6383 Reviews</span>
  5685. <span class="okeReviews-a11yText">Based on 6383 reviews</span>
  5686. </div>
  5687. </div>
  5688. </div>
  5689. </div>
  5690.              
  5691.              
  5692. <a href="/products/micro-factor" class="view_detail">View Details</a>
  5693. </div>
  5694. <div class="item">
  5695.              <a href="/products/phormula-1">
  5696. <div class="product_img">
  5697. <img src="//1stphorm.com/cdn/shop/files/phormula-1-cafe-latte_large.png?v=1710878777" />
  5698.                  </div></a>
  5699.              <h6> <a href="/products/phormula-1">Phormula-1</a></h6>
  5700.              
  5701.  
  5702.  
  5703.    <p>Post-Workout Recovery Protein</p>
  5704.              
  5705.              
  5706. <h6 class="price">
  5707.                  $64.99 <del> </del>
  5708.              </h6>
  5709.              
  5710.              
  5711.              
  5712.  <div data-oke-reviews-product-listing-rating><div data-oke-reviews-version="2.16.13" class="okeReviews okeReviews--theme">
  5713. <div class="okeReviews-reviewsSummary js-okeReviews-reviewsSummary" data-oke-ga-click-action="Star Rating Summary Click"
  5714. data-oke-ga-click-label="Phormula-1"
  5715. >
  5716. <div class="okeReviews-reviewsSummary-starRating">
  5717. <span class="okeReviews-starRating okeReviews-starRating--small">
  5718. <span class="okeReviews-a11yText">Rated 4.9 out of 5</span>
  5719. <span class="okeReviews-starRating-indicator" role="presentation">
  5720. <span class="okeReviews-starRating-indicator-layer"></span>
  5721. <span class="okeReviews-starRating-indicator-layer okeReviews-starRating-indicator-layer--foreground" style="width: 98%"></span>
  5722. </span>
  5723. </span>
  5724. </div>
  5725. <div class="okeReviews-reviewsSummary-ratingCount">
  5726. <span aria-hidden="true">22165 Reviews</span>
  5727. <span class="okeReviews-a11yText">Based on 22165 reviews</span>
  5728. </div>
  5729. </div>
  5730. </div>
  5731. </div>
  5732.              
  5733.              
  5734. <a href="/products/phormula-1" class="view_detail">View Details</a>
  5735. </div>
  5736. <div class="item">
  5737.              <a href="/products/megawatt">
  5738. <div class="product_img">
  5739. <img src="//1stphorm.com/cdn/shop/files/Megawatt_Pink_Lemonade_-_WEB_1_large.png?v=1707237328" />
  5740.                  </div></a>
  5741.              <h6> <a href="/products/megawatt">Megawatt</a></h6>
  5742.              
  5743.  
  5744.  
  5745.    <p>Pre-Workout</p>
  5746.              
  5747.              
  5748. <h6 class="price">
  5749.                  $44.99 <del> </del>
  5750.              </h6>
  5751.              
  5752.              
  5753.              
  5754.  <div data-oke-reviews-product-listing-rating><div data-oke-reviews-version="2.16.13" class="okeReviews okeReviews--theme">
  5755. <div class="okeReviews-reviewsSummary js-okeReviews-reviewsSummary" data-oke-ga-click-action="Star Rating Summary Click"
  5756. data-oke-ga-click-label="Megawatt"
  5757. >
  5758. <div class="okeReviews-reviewsSummary-starRating">
  5759. <span class="okeReviews-starRating okeReviews-starRating--small">
  5760. <span class="okeReviews-a11yText">Rated 4.9 out of 5</span>
  5761. <span class="okeReviews-starRating-indicator" role="presentation">
  5762. <span class="okeReviews-starRating-indicator-layer"></span>
  5763. <span class="okeReviews-starRating-indicator-layer okeReviews-starRating-indicator-layer--foreground" style="width: 98%"></span>
  5764. </span>
  5765. </span>
  5766. </div>
  5767. <div class="okeReviews-reviewsSummary-ratingCount">
  5768. <span aria-hidden="true">3817 Reviews</span>
  5769. <span class="okeReviews-a11yText">Based on 3817 reviews</span>
  5770. </div>
  5771. </div>
  5772. </div>
  5773. </div>
  5774.              
  5775.              
  5776. <a href="/products/megawatt" class="view_detail">View Details</a>
  5777. </div>
  5778. <div class="item">
  5779.              <a href="/products/collagen-with-dermaval">
  5780. <div class="product_img">
  5781. <img src="//1stphorm.com/cdn/shop/files/collagen-red-velvet-cake_a0780768-b2fe-4589-91f9-b8fe69c69524_large.png?v=1707923694" />
  5782.                  </div></a>
  5783.              <h6> <a href="/products/collagen-with-dermaval">Collagen with Dermaval</a></h6>
  5784.              
  5785.  
  5786.  
  5787.    <p>Anti-Aging & Joint Support</p>
  5788.              
  5789.              
  5790. <h6 class="price">
  5791.                  $49.99 <del> </del>
  5792.              </h6>
  5793.              
  5794.              
  5795.              
  5796.  <div data-oke-reviews-product-listing-rating><div data-oke-reviews-version="2.16.13" class="okeReviews okeReviews--theme">
  5797. <div class="okeReviews-reviewsSummary js-okeReviews-reviewsSummary" data-oke-ga-click-action="Star Rating Summary Click"
  5798. data-oke-ga-click-label="Collagen with Dermaval"
  5799. >
  5800. <div class="okeReviews-reviewsSummary-starRating">
  5801. <span class="okeReviews-starRating okeReviews-starRating--small">
  5802. <span class="okeReviews-a11yText">Rated 4.9 out of 5</span>
  5803. <span class="okeReviews-starRating-indicator" role="presentation">
  5804. <span class="okeReviews-starRating-indicator-layer"></span>
  5805. <span class="okeReviews-starRating-indicator-layer okeReviews-starRating-indicator-layer--foreground" style="width: 98%"></span>
  5806. </span>
  5807. </span>
  5808. </div>
  5809. <div class="okeReviews-reviewsSummary-ratingCount">
  5810. <span aria-hidden="true">7901 Reviews</span>
  5811. <span class="okeReviews-a11yText">Based on 7901 reviews</span>
  5812. </div>
  5813. </div>
  5814. </div>
  5815. </div>
  5816.              
  5817.              
  5818. <a href="/products/collagen-with-dermaval" class="view_detail">View Details</a>
  5819. </div>
  5820. <div class="item">
  5821.              <a href="/products/level-1">
  5822. <div class="product_img">
  5823. <img src="//1stphorm.com/cdn/shop/files/level-1-blueberry-muffin_large.png?v=1713190299" />
  5824.                  </div></a>
  5825.              <h6> <a href="/products/level-1">Level-1</a></h6>
  5826.              
  5827.  
  5828.  
  5829.    <p>Meal Replacement Protein Powder</p>
  5830.              
  5831.              
  5832. <h6 class="price">
  5833.                  $59.99 <del> </del>
  5834.              </h6>
  5835.              
  5836.              
  5837.              
  5838.  <div data-oke-reviews-product-listing-rating><div data-oke-reviews-version="2.16.13" class="okeReviews okeReviews--theme">
  5839. <div class="okeReviews-reviewsSummary js-okeReviews-reviewsSummary" data-oke-ga-click-action="Star Rating Summary Click"
  5840. data-oke-ga-click-label="Level-1"
  5841. >
  5842. <div class="okeReviews-reviewsSummary-starRating">
  5843. <span class="okeReviews-starRating okeReviews-starRating--small">
  5844. <span class="okeReviews-a11yText">Rated 4.9 out of 5</span>
  5845. <span class="okeReviews-starRating-indicator" role="presentation">
  5846. <span class="okeReviews-starRating-indicator-layer"></span>
  5847. <span class="okeReviews-starRating-indicator-layer okeReviews-starRating-indicator-layer--foreground" style="width: 98%"></span>
  5848. </span>
  5849. </span>
  5850. </div>
  5851. <div class="okeReviews-reviewsSummary-ratingCount">
  5852. <span aria-hidden="true">32415 Reviews</span>
  5853. <span class="okeReviews-a11yText">Based on 32415 reviews</span>
  5854. </div>
  5855. </div>
  5856. </div>
  5857. </div>
  5858.              
  5859.              
  5860. <a href="/products/level-1" class="view_detail">View Details</a>
  5861. </div>
  5862. <div class="item">
  5863.              <a href="/products/1st-phorm-energy-4-pack">
  5864. <div class="product_img">
  5865. <img src="//1stphorm.com/cdn/shop/files/1P_Energy_Blue_Raspberry_4Pack_large.png?v=1708643285" />
  5866.                  </div></a>
  5867.              <h6> <a href="/products/1st-phorm-energy-4-pack">1st Phorm Energy 4-Pack</a></h6>
  5868.              
  5869.  
  5870.  
  5871.    <p>Energy Drink</p>
  5872.              
  5873.              
  5874. <h6 class="price">
  5875.                  $10.99 <del> </del>
  5876.              </h6>
  5877.              
  5878.              
  5879.              
  5880.  <div data-oke-reviews-product-listing-rating><div data-oke-reviews-version="2.16.13" class="okeReviews okeReviews--theme">
  5881. <div class="okeReviews-reviewsSummary js-okeReviews-reviewsSummary" data-oke-ga-click-action="Star Rating Summary Click"
  5882. data-oke-ga-click-label="1st Phorm Energy 4-Pack"
  5883. >
  5884. <div class="okeReviews-reviewsSummary-starRating">
  5885. <span class="okeReviews-starRating okeReviews-starRating--small">
  5886. <span class="okeReviews-a11yText">Rated 4.9 out of 5</span>
  5887. <span class="okeReviews-starRating-indicator" role="presentation">
  5888. <span class="okeReviews-starRating-indicator-layer"></span>
  5889. <span class="okeReviews-starRating-indicator-layer okeReviews-starRating-indicator-layer--foreground" style="width: 99%"></span>
  5890. </span>
  5891. </span>
  5892. </div>
  5893. <div class="okeReviews-reviewsSummary-ratingCount">
  5894. <span aria-hidden="true">3222 Reviews</span>
  5895. <span class="okeReviews-a11yText">Based on 3222 reviews</span>
  5896. </div>
  5897. </div>
  5898. </div>
  5899. </div>
  5900.              
  5901.              
  5902. <a href="/products/1st-phorm-energy-4-pack" class="view_detail">View Details</a>
  5903. </div>
  5904.  
  5905. </div>
  5906. <a href="/collections/best-selling-supplements" class="shop_all_btn">SHOP ALL</a>
  5907. </div>
  5908. </div>
  5909.  
  5910.  
  5911.  
  5912.  
  5913.  
  5914.  
  5915.  
  5916.  
  5917. <script>
  5918.  
  5919. $('.seller_carousel').owlCarousel({
  5920.    loop:false,
  5921.            slideBy:4,
  5922.    margin:30,
  5923.    nav:true,
  5924. dots:false,
  5925.    responsive:{
  5926.        0:{
  5927.            items:1,
  5928. stagePadding: 110,
  5929.          slideBy:1,
  5930. nav:false,
  5931. dots:true,
  5932. loop:true,
  5933. margin:10
  5934.        },
  5935.        768:{
  5936.            items:3
  5937.        },
  5938.        1026:{
  5939.            items:4
  5940.        }
  5941.    }
  5942. });
  5943.  
  5944. window.blockMenuHeaderScroll = false;
  5945.    var mc = new Hammer(document);
  5946.    var classname = document.getElementsByClassName("owl-carousel");
  5947.  
  5948.    mc.on("swipeleft swiperight panleft panright", function(ev) {
  5949.        window.blockMenuHeaderScroll = true;
  5950.    });
  5951.  
  5952.    mc.on("panend swipeend", function (ev){
  5953.        window.blockMenuHeaderScroll = false;
  5954.    });
  5955.  
  5956.    mc.on("swipeup swipedown panup pandown", function(ev) {
  5957.        window.blockMenuHeaderScroll = false;
  5958.    });
  5959.  
  5960.    for (var i = 0; i < classname.length; i++) {
  5961.        classname[i].addEventListener('touchmove', function(evt) {
  5962.            if (blockMenuHeaderScroll) {
  5963.                evt.preventDefault();
  5964.            }
  5965.  
  5966.        }, {
  5967.            passive: false
  5968.        });
  5969.    }  
  5970.  
  5971.  
  5972.  
  5973.  
  5974.  
  5975.  
  5976.  
  5977.  
  5978.  
  5979. </script>
  5980. </div><div id="shopify-section-template--14866017648726__16482285328fa89a40" class="shopify-section index-section infobar"><!-- Explore by Goals section -->
  5981.  
  5982. <div class="explore_goals">
  5983. <div class="container">
  5984. <h2>SHOP BY GOALS</h2>
  5985. <div class="explore">
  5986.          
  5987. <div class="explore_item">
  5988. <img src="//1stphorm.com/cdn/shop/files/Explore-by-Goals_-_Women-Weight-Loss.jpg?v=1671132371">
  5989. <div class="explore_text">
  5990. <p>WOMEN’S WEIGHT LOSS</p>
  5991. <a href="/collections/womens-fat-burners" class="shop_now_btn">SHOP NOW</a>
  5992. </div>
  5993. </div>
  5994.  
  5995. <div class="explore_item">
  5996. <img src="//1stphorm.com/cdn/shop/files/Men_s_Weight_Loss_-_1st_Phorm.jpg?v=1671140309">
  5997. <div class="explore_text">
  5998. <p>MEN'S WEIGHT LOSS</p>
  5999. <a href="/collections/mens-fat-burners" class="shop_now_btn">SHOP NOW</a>
  6000. </div>
  6001. </div>
  6002.  
  6003. <div class="explore_item">
  6004. <img src="//1stphorm.com/cdn/shop/files/Health_1_1.jpg?v=1677818180">
  6005. <div class="explore_text">
  6006. <p>HEALTH & WELLNESS</p>
  6007. <a href="/collections/health-wellness" class="shop_now_btn">SHOP NOW</a>
  6008. </div>
  6009. </div>
  6010.  
  6011. <div class="explore_item">
  6012. <img src="//1stphorm.com/cdn/shop/files/Muscle_Building_1.jpg?v=1677816951">
  6013. <div class="explore_text">
  6014. <p>BUILD MUSCLE</p>
  6015. <a href="/collections/muscle-building-stack" class="shop_now_btn">SHOP NOW</a>
  6016. </div>
  6017. </div>
  6018.  
  6019. </div>
  6020. </div>
  6021. </div>
  6022. </div><div id="shopify-section-template--14866017648726__1648657511fcdb44df" class="shopify-section"><!-- Green super food powder section -->
  6023.  
  6024. <div class="green_powder">
  6025. <div class="container">
  6026. <div class="green_powder_inner">
  6027. <div class="green_powder_left">
  6028. <h5>Opti-Greens 50</h5>
  6029. <h2>GREEN SUPERFOOD POWDER</h2>
  6030. <p>Build a Strong & Healthy Immune System with Opti-Greens 50! Having a strong immune system and gut is a good way to keep healthy and improve your well-being.</p>
  6031.              <a href="/products/opti-greens-50-og" class="shop_all_btn view_detail_btn">Learn More</a>
  6032. </div>
  6033. <div class="green_powder_right">
  6034. <div class="green_powder_right_inner">
  6035. <ul class="green_powder_list">
  6036. <li><span>
  6037.          <img src="//1stphorm.com/cdn/shop/files/digestive-system.webp?v=1649715123" />
  6038.          </span> HEALTHY DIGESTION</li>
  6039.  
  6040. <li><span>
  6041.          <img src="//1stphorm.com/cdn/shop/files/strengh-syst.webp?v=1649715111" />
  6042.          </span> STRENGTHEN IMMUNE SYSTEM</li>
  6043.  
  6044. <li><span>
  6045.          <img src="//1stphorm.com/cdn/shop/files/reduce-bloating.webp?v=1649715101" />
  6046.          </span> REDUCE BLOATING</li>
  6047.  
  6048.                  
  6049.                  </ul>
  6050. <div class="green_powder_img">
  6051. <img src="//1stphorm.com/cdn/shop/files/opti-greens-50-image_8f70a386-ee80-45ac-952d-e556d07cff86.png?v=1704488806  " />
  6052. </div>
  6053. </div>
  6054. </div>
  6055. </div>
  6056. <a href="/products/opti-greens-50-og" class="shop_all_btn view_detail_btn mobile_show">Learn More</a>
  6057. </div>
  6058. </div>
  6059.  
  6060. <!-- Shop apparel section -->
  6061.  
  6062.  
  6063.  
  6064. </div><div id="shopify-section-template--14866017648726__1648659312a01cf338" class="shopify-section infobar"><!-- Explore Apparel section -->
  6065.  
  6066. <div class="explore_apparel ">
  6067.  <div class="container">
  6068.    <h2>SHOP APPAREL</h2>
  6069.    <div class="explore_apparel_inner">
  6070.  
  6071.      
  6072.      <a href="/collections/womens-apparel" class="explore_apparel_col">
  6073. <img src="//1stphorm.com/cdn/shop/files/Explore_Womens_Apparel.jpg?v=1678476144">
  6074.        <div class="explore_apparel_text">
  6075.          <p>  WOMEN'S APPAREL </p>
  6076.          <span class="shop_now_btn">Shop NOW</span>
  6077.        </div>
  6078.      </a>
  6079.      
  6080.      <a href="/collections/mens-apparel" class="explore_apparel_col">
  6081. <img src="//1stphorm.com/cdn/shop/files/Men_Apparel_1.jpg?v=1677816102">
  6082.        <div class="explore_apparel_text">
  6083.          <p>  MEN'S APPAREL </p>
  6084.          <span class="shop_now_btn">Shop NOW</span>
  6085.        </div>
  6086.      </a>
  6087.      
  6088.    </div>
  6089.  </div>
  6090. </div>
  6091.  
  6092.  
  6093.  
  6094.  
  6095.  
  6096.  
  6097. </div><div id="shopify-section-template--14866017648726__164874820779fc0ef6" class="shopify-section featured-blog-section">
  6098.  
  6099.  
  6100.  
  6101.  
  6102.  
  6103.  
  6104. <!-- Our blog section -->
  6105.  
  6106. <div class="our_blog">
  6107. <div class="container">
  6108. <a href="https://1stphorm.com/blogs/news"><h2>Our Blog</h2></a>
  6109. <div class="owl-carousel owl-theme blog_slider">
  6110.          
  6111.          
  6112.                
  6113. <div class="item">
  6114. <div class="blog_img">
  6115. <img src="//1stphorm.com/cdn/shop/articles/whey-vs-casein.jpg?v=1714843625" />
  6116. </div>
  6117. <h6>May 04, 2024 •
  6118.              
  6119.  
  6120.  
  6121.  
  6122.  
  6123.  
  6124.  
  6125.  
  6126.  
  6127.  
  6128.  
  6129. <span> 8 min read </span>
  6130.  
  6131.              
  6132.              </h6>
  6133. <a href="/blogs/news/whey-vs-casein"><h4>
  6134.                  Which is Better: Whey Protein or Casein?
  6135.                  </h4></a>
  6136. <p><meta charset="utf-8">
  6137. <p data-mce-fragment="1">If you go to the gym regularly, you’ve definitely seen protein powder before. Heck, you may even us...</p>
  6138. <a href="/blogs/news/whey-vs-casein" class="blog_read_btn">Read More</a>
  6139. </div>
  6140.  
  6141.          
  6142. <div class="item">
  6143. <div class="blog_img">
  6144. <img src="//1stphorm.com/cdn/shop/articles/mass-gainers-what-are-they.jpg?v=1714776181" />
  6145. </div>
  6146. <h6>May 03, 2024 •
  6147.              
  6148.  
  6149.  
  6150.  
  6151.  
  6152.  
  6153.  
  6154.  
  6155.  
  6156.  
  6157.  
  6158. <span> 11 min read </span>
  6159.  
  6160.              
  6161.              </h6>
  6162. <a href="/blogs/news/mass-gainer"><h4>
  6163.                  Mass Gainers: What Are They, and Are They Worth It?
  6164.                  </h4></a>
  6165. <p><meta charset="utf-8">
  6166. <p data-mce-fragment="1"><span style="font-weight: 400;" data-mce-style="font-weight: 400;" data-mce-fragment="1">If you’re ...</p>
  6167. <a href="/blogs/news/mass-gainer" class="blog_read_btn">Read More</a>
  6168. </div>
  6169.  
  6170.          
  6171. <div class="item">
  6172. <div class="blog_img">
  6173. <img src="//1stphorm.com/cdn/shop/articles/whey-protein-should-you-use-it.jpg?v=1714145764" />
  6174. </div>
  6175. <h6>Apr 26, 2024 •
  6176.              
  6177.  
  6178.  
  6179.  
  6180.  
  6181.  
  6182.  
  6183.  
  6184.  
  6185.  
  6186.  
  6187. <span> 8 min read </span>
  6188.  
  6189.              
  6190.              </h6>
  6191. <a href="/blogs/news/whey-protein"><h4>
  6192.                  Whey Protein: Should You Use It?
  6193.                  </h4></a>
  6194. <p><p data-mce-fragment="1">We all hear about 1,000 different things that can help when it comes to our health and fitness goals. For this reason, it ...</p>
  6195. <a href="/blogs/news/whey-protein" class="blog_read_btn">Read More</a>
  6196. </div>
  6197.  
  6198.          
  6199.          
  6200. </div>
  6201. </div>
  6202. </div>
  6203.  
  6204.  
  6205.  
  6206.  
  6207.  
  6208.  
  6209.  
  6210.  
  6211.  
  6212.  
  6213.  
  6214.  
  6215.  
  6216. </div><script data-locksmith>
  6217.    var load = function () {
  6218.  
  6219.          if (document.querySelectorAll('.locksmith-manual-trigger').length > 0) {
  6220.            Locksmith.ping();
  6221.          }
  6222.  
  6223.  
  6224.      Locksmith.util.on('submit', 'locksmith-resource-form', function (event) {
  6225.        event.preventDefault();
  6226.        var data = Locksmith.util.serializeForm(event.target);
  6227.        Locksmith.postResource(data, { spinner: false, container: 'locksmith-content' });
  6228.      });
  6229.  
  6230.      Locksmith.util.on('click', 'locksmith-manual-trigger', function (event) {
  6231.        event.preventDefault();
  6232.        Locksmith.postResource({}, { spinner: true, container: document });
  6233.      });
  6234.  
  6235.      Locksmith.submitPasscode = function (passcode) {
  6236.        Locksmith.postResource(
  6237.          { passcode: passcode },
  6238.          { spinner: false, container: 'locksmith-content' }
  6239.        );
  6240.      };
  6241.    };
  6242.  
  6243.    if (typeof Locksmith !== 'undefined') {
  6244.      load();
  6245.    } else {
  6246.      window.addEventListener('load', load);
  6247.    }
  6248.  </script>
  6249.      </main><div id="shopify-section-footer-promotions" class="shopify-section index-section--footer">
  6250. </div><div id="shopify-section-footer" class="shopify-section"><footer class="site-footer" data-section-id="footer" data-section-type="footer-section">
  6251.  
  6252. <!-- moved from HEADER to FOOTER owlc -->
  6253. <!-- <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> -->
  6254. <!-- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js" /></script> -->
  6255.  
  6256. <!-- WTF these assests -->
  6257. <!-- <script src="//1stphorm.com/cdn/shop/t/296/assets/jquery.min.js?903135"></script>
  6258. <script src="<script src="//1stphorm.com/cdn/shopifycloud/shopify/assets/themes_support/api.jquery-b0af070cfe3f5cf7c92f9e2a5da2665ee07ed2aad63bb408f8d6672f894a5996.js" type="text/javascript"></script>"></script> -->
  6259.  
  6260. <!-- end move from HEADER to FOOTER owlc -->
  6261.  
  6262.  
  6263.  <!-- custom pan code -->
  6264.  <span id="papfield1"></span>
  6265.  <script type="text/javascript" src="https://1stphorm.postaffiliatepro.com/plugins/AffiliateInfo/affiliateinfo.php?param=all"></script>
  6266.  <!-- end pan code -->
  6267.  
  6268.  
  6269. <!-- start referred by for Legionnaire sign up form -->
  6270. <script>
  6271. window.onload = function() {
  6272.  if (url.includes('legionnaire-application')) {
  6273.    if (window.location.href.indexOf('a_aid') > -1) {
  6274.      var urlSplit = window.location.href.split('=');
  6275.      inputValue = document.getElementById('data16');
  6276.      document.getElementById('data16').value = urlSplit[1];
  6277.    } else {
  6278.      document.getElementById('data16').value = "NA";
  6279.    }
  6280.  }
  6281. }
  6282. </script>
  6283. <!-- end referred by for Legionnaire sign up form -->
  6284.  
  6285.  <div class="page-width">
  6286.  
  6287.    <div class="grid"><div  class="grid__item footer__item--9f8c98e4-e93a-4758-aad5-2dace2fdfdcd" data-type="custom"><style data-shopify>@media only screen and (min-width: 769px) and (max-width: 959px) {
  6288.              .footer__item--9f8c98e4-e93a-4758-aad5-2dace2fdfdcd {
  6289.                width: 50%;
  6290.                padding-top: 40px;
  6291.              }
  6292.              .footer__item--9f8c98e4-e93a-4758-aad5-2dace2fdfdcd:nth-child(2n + 1) {
  6293.                clear: left;
  6294.              }
  6295.            }
  6296.            @media only screen and (min-width: 960px) {
  6297.              .footer__item--9f8c98e4-e93a-4758-aad5-2dace2fdfdcd {
  6298.                width: 30%;
  6299.              }
  6300.  
  6301.            }</style><div class="footer__item-padding"><p class="h4 footer__title small--hide">Our Commitment to you</p>
  6302.    <button type="button" class="h4 footer__title collapsible-trigger collapsible-trigger-btn medium-up--hide" aria-controls="Footer-9f8c98e4-e93a-4758-aad5-2dace2fdfdcd">
  6303.      Our Commitment to you
  6304. <span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation">
  6305.  <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
  6306. </span>
  6307. </button><div
  6308.    
  6309.      id="Footer-9f8c98e4-e93a-4758-aad5-2dace2fdfdcd" class="collapsible-content collapsible-content--small"
  6310.    >
  6311.    <div class="collapsible-content__inner">
  6312.      <div class="footer__collapsible"><p>We believe in a few things: you, us, and every product we make. If at any time within 30 days after your purchase, for any reason, you’re not happy—we’ll refund your money + 10%!</p><p></p><p></p><p>*Orders containing 1st Phorm Energy 12-Packs do not qualify for Free Shipping.<br/>Purchasing gift cards or digital items does not count toward the $75 for Free Shipping or Free T-Shirt promotion.</p>
  6313.      </div>
  6314.    </div>
  6315.  </div>
  6316.  
  6317. <div class="footer_badge">
  6318. <img src="https://cdn.shopify.com/s/files/1/0072/7754/3493/files/footer-img_0910a0b8-775d-4be2-9db0-b701bf7e0739.png?v=1713549379" />
  6319. </div>
  6320. <ul class="no-bullets footer__social"><li>
  6321.              <a target="_blank" rel="noopener" href="https://www.facebook.com/1stPhorm/" title="1st Phorm on Facebook">
  6322.                <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 14222 14222"><path d="M14222 7112c0 3549.352-2600.418 6491.344-6000 7024.72V9168h1657l315-2056H8222V5778c0-562 275-1111 1159-1111h897V2917s-814-139-1592-139c-1624 0-2686 984-2686 2767v1567H4194v2056h1806v4968.72C2600.418 13603.344 0 10661.352 0 7112 0 3184.703 3183.703 1 7111 1s7111 3183.703 7111 7111zm-8222 7025c362 57 733 86 1111 86-377.945 0-749.003-29.485-1111-86.28zm2222 0v-.28a7107.458 7107.458 0 0 1-167.717 24.267A7407.158 7407.158 0 0 0 8222 14137zm-167.717 23.987C7745.664 14201.89 7430.797 14223 7111 14223c319.843 0 634.675-21.479 943.283-62.013z"/></svg>
  6323.                <span class="icon__fallback-text">Facebook</span>
  6324.              </a>
  6325.            </li><li>
  6326.              <a target="_blank" rel="noopener" href="https://www.instagram.com/1stphorm/" title="1st Phorm on Instagram">
  6327.                <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 32 32"><path fill="#444" d="M16 3.094c4.206 0 4.7.019 6.363.094 1.538.069 2.369.325 2.925.544.738.287 1.262.625 1.813 1.175s.894 1.075 1.175 1.813c.212.556.475 1.387.544 2.925.075 1.662.094 2.156.094 6.363s-.019 4.7-.094 6.363c-.069 1.538-.325 2.369-.544 2.925-.288.738-.625 1.262-1.175 1.813s-1.075.894-1.813 1.175c-.556.212-1.387.475-2.925.544-1.663.075-2.156.094-6.363.094s-4.7-.019-6.363-.094c-1.537-.069-2.369-.325-2.925-.544-.737-.288-1.263-.625-1.813-1.175s-.894-1.075-1.175-1.813c-.212-.556-.475-1.387-.544-2.925-.075-1.663-.094-2.156-.094-6.363s.019-4.7.094-6.363c.069-1.537.325-2.369.544-2.925.287-.737.625-1.263 1.175-1.813s1.075-.894 1.813-1.175c.556-.212 1.388-.475 2.925-.544 1.662-.081 2.156-.094 6.363-.094zm0-2.838c-4.275 0-4.813.019-6.494.094-1.675.075-2.819.344-3.819.731-1.037.4-1.913.944-2.788 1.819S1.486 4.656 1.08 5.688c-.387 1-.656 2.144-.731 3.825-.075 1.675-.094 2.213-.094 6.488s.019 4.813.094 6.494c.075 1.675.344 2.819.731 3.825.4 1.038.944 1.913 1.819 2.788s1.756 1.413 2.788 1.819c1 .387 2.144.656 3.825.731s2.213.094 6.494.094 4.813-.019 6.494-.094c1.675-.075 2.819-.344 3.825-.731 1.038-.4 1.913-.944 2.788-1.819s1.413-1.756 1.819-2.788c.387-1 .656-2.144.731-3.825s.094-2.212.094-6.494-.019-4.813-.094-6.494c-.075-1.675-.344-2.819-.731-3.825-.4-1.038-.944-1.913-1.819-2.788s-1.756-1.413-2.788-1.819c-1-.387-2.144-.656-3.825-.731C20.812.275 20.275.256 16 .256z"/><path fill="#444" d="M16 7.912a8.088 8.088 0 0 0 0 16.175c4.463 0 8.087-3.625 8.087-8.088s-3.625-8.088-8.088-8.088zm0 13.338a5.25 5.25 0 1 1 0-10.5 5.25 5.25 0 1 1 0 10.5zM26.294 7.594a1.887 1.887 0 1 1-3.774.002 1.887 1.887 0 0 1 3.774-.003z"/></svg>
  6328.                <span class="icon__fallback-text">Instagram</span>
  6329.              </a>
  6330.            </li><li>
  6331.              <a target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCYP3SNRRm0Z_NQhkoVOmI0A" title="1st Phorm on YouTube">
  6332.                <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube" viewBox="0 0 21 20"><path fill="#444" d="M-.196 15.803q0 1.23.812 2.092t1.977.861h14.946q1.165 0 1.977-.861t.812-2.092V3.909q0-1.23-.82-2.116T17.539.907H2.593q-1.148 0-1.969.886t-.82 2.116v11.894zm7.465-2.149V6.058q0-.115.066-.18.049-.016.082-.016l.082.016 7.153 3.806q.066.066.066.164 0 .066-.066.131l-7.153 3.806q-.033.033-.066.033-.066 0-.098-.033-.066-.066-.066-.131z"/></svg>
  6333.                <span class="icon__fallback-text">YouTube</span>
  6334.              </a>
  6335.            </li><li>
  6336.              <a target="_blank" rel="noopener" href="https://www.tiktok.com/@1stphorm" title="1st Phorm on TikTok">
  6337.                <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-tiktok" viewBox="0 0 2859 3333"><path d="M2081 0c55 473 319 755 778 785v532c-266 26-499-61-770-225v995c0 1264-1378 1659-1932 753-356-583-138-1606 1004-1647v561c-87 14-180 36-265 65-254 86-398 247-358 531 77 544 1075 705 992-358V1h551z"/></svg>
  6338.                <span class="icon__fallback-text">TikTok</span>
  6339.              </a>
  6340.            </li><li>
  6341.              <a target="_blank" rel="noopener" href="https://twitter.com/1stPhorm" title="1st Phorm on Twitter">
  6342. <svg xmlns="http://www.w3.org/2000/svg" height="1em" aria-hidden="true" focusable="false" class="icon icon-twitter" viewBox="0 0 512 512">
  6343.  <style>svg{fill:#ffffff}</style><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>
  6344.            <span class="icon__fallback-text">X</span>
  6345.              </a>
  6346.            </li></ul>
  6347.  
  6348.  
  6349.  
  6350.  
  6351. </div>
  6352. </div><div  class="grid__item footer__item--1494301487049" data-type="menu"><style data-shopify>@media only screen and (min-width: 769px) and (max-width: 959px) {
  6353.              .footer__item--1494301487049 {
  6354.                width: 50%;
  6355.                padding-top: 40px;
  6356.              }
  6357.              .footer__item--1494301487049:nth-child(2n + 1) {
  6358.                clear: left;
  6359.              }
  6360.            }
  6361.            @media only screen and (min-width: 960px) {
  6362.              .footer__item--1494301487049 {
  6363.                width: 23%;
  6364.              }
  6365.  
  6366.            }</style><p class="h4 footer__title small--hide">
  6367.      SHOP
  6368.    </p>
  6369.    <button type="button" class="h4 footer__title collapsible-trigger collapsible-trigger-btn medium-up--hide" aria-controls="Footer-1494301487049">
  6370.      SHOP
  6371. <span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation">
  6372.  <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
  6373. </span>
  6374. </button><div
  6375.    
  6376.      id="Footer-1494301487049" class="collapsible-content collapsible-content--small"
  6377.    >
  6378.    <div class="collapsible-content__inner">
  6379.      <div class="footer__collapsible">
  6380.        <ul class="no-bullets site-footer__linklist"><li><a href="/collections/new-products">New Products</a></li><li><a href="/collections/best-selling-products">Best Sellers</a></li><li><a href="/collections/mens-apparel">Men's Apparel</a></li><li><a href="/collections/womens-apparel">Women's Apparel</a></li><li><a href="/collections/accessories">Accessories</a></li><li><a href="/collections/products">All Supplements</a></li><li><a href="https://1stphorm.com/app">1st Phorm App</a></li><li><a href="/pages/1st-phorm-energy">1st Phorm Energy</a></li></ul>
  6381.      </div>
  6382.    </div>
  6383.  </div></div><div  class="grid__item footer__item--0cae19b7-7396-40f9-8145-a1d74ce40459" data-type="menu"><style data-shopify>@media only screen and (min-width: 769px) and (max-width: 959px) {
  6384.              .footer__item--0cae19b7-7396-40f9-8145-a1d74ce40459 {
  6385.                width: 50%;
  6386.                padding-top: 40px;
  6387.              }
  6388.              .footer__item--0cae19b7-7396-40f9-8145-a1d74ce40459:nth-child(2n + 1) {
  6389.                clear: left;
  6390.              }
  6391.            }
  6392.            @media only screen and (min-width: 960px) {
  6393.              .footer__item--0cae19b7-7396-40f9-8145-a1d74ce40459 {
  6394.                width: 23%;
  6395.              }
  6396.  
  6397.            }</style><p class="h4 footer__title small--hide">
  6398.      HELP
  6399.    </p>
  6400.    <button type="button" class="h4 footer__title collapsible-trigger collapsible-trigger-btn medium-up--hide" aria-controls="Footer-0cae19b7-7396-40f9-8145-a1d74ce40459">
  6401.      HELP
  6402. <span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation">
  6403.  <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
  6404. </span>
  6405. </button><div
  6406.    
  6407.      id="Footer-0cae19b7-7396-40f9-8145-a1d74ce40459" class="collapsible-content collapsible-content--small"
  6408.    >
  6409.    <div class="collapsible-content__inner">
  6410.      <div class="footer__collapsible">
  6411.        <ul class="no-bullets site-footer__linklist"><li><a href="/search">Search the Site</a></li><li><a href="https://help.1stphorm.com/en-US">Contact Us</a></li><li><a href="https://help.1stphorm.com/en-US">Help Center</a></li><li><a href="https://1stphorm.lateshipment.com/returnportal">Start a Return or Exchange</a></li><li><a href="/pages/110-money-back-guarantee">The 110% Guarantee</a></li><li><a href="/pages/fit-guide">Apparel Size Guide</a></li><li><a href="https://help.1stphorm.com/en-US">General Questions</a></li><li><a href="https://1stphorm.com/account">Track My Order</a></li><li><a href="/pages/shipping-policy">Shipping Information</a></li><li><a href="/policies/refund-policy">Return and Exchange Policy</a></li><li><a href="/pages/subscription-terms-conditions">Subscription Terms & Conditions</a></li><li><a href="/pages/ccpa-opt-out">Do not sell or share my personal information</a></li><li><a href="/pages/cookie-preferences">Cookie Preferences</a></li></ul>
  6412.      </div>
  6413.    </div>
  6414.  </div></div><div  class="grid__item footer__item--0aa6c62e-9aa6-4a52-bc63-c4280ee20a10" data-type="menu"><style data-shopify>@media only screen and (min-width: 769px) and (max-width: 959px) {
  6415.              .footer__item--0aa6c62e-9aa6-4a52-bc63-c4280ee20a10 {
  6416.                width: 50%;
  6417.                padding-top: 40px;
  6418.              }
  6419.              .footer__item--0aa6c62e-9aa6-4a52-bc63-c4280ee20a10:nth-child(2n + 1) {
  6420.                clear: left;
  6421.              }
  6422.            }
  6423.            @media only screen and (min-width: 960px) {
  6424.              .footer__item--0aa6c62e-9aa6-4a52-bc63-c4280ee20a10 {
  6425.                width: 23%;
  6426.              }
  6427.  
  6428.            }</style><p class="h4 footer__title small--hide">
  6429.      OUR COMPANY
  6430.    </p>
  6431.    <button type="button" class="h4 footer__title collapsible-trigger collapsible-trigger-btn medium-up--hide" aria-controls="Footer-0aa6c62e-9aa6-4a52-bc63-c4280ee20a10">
  6432.      OUR COMPANY
  6433. <span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation">
  6434.  <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
  6435. </span>
  6436. </button><div
  6437.    
  6438.      id="Footer-0aa6c62e-9aa6-4a52-bc63-c4280ee20a10" class="collapsible-content collapsible-content--small"
  6439.    >
  6440.    <div class="collapsible-content__inner">
  6441.      <div class="footer__collapsible">
  6442.        <ul class="no-bullets site-footer__linklist"><li><a href="/pages/about-us">About 1st Phorm</a></li><li><a href="/blogs/news">Blog</a></li><li><a href="/pages/athletes">Our Athletes</a></li><li><a href="/pages/brand-ambassador-application">Become a Brand Ambassador</a></li><li><a href="https://1stphormathletics.com/pages/team-sports">Team Sports</a></li><li><a href="https://1stphormathletics.com/">Corporate Apparel</a></li><li><a href="/pages/summer-smash">Summer Smash</a></li><li><a href="/pages/30-for-the-kids">30 For The Kids</a></li><li><a href="/pages/legionnaire">Our Legionnaire Program</a></li><li><a href="https://1stphorm.postaffiliatepro.com/affiliates/login.php">Legionnaire Back Office</a></li><li><a href="https://legionnaireconnect.com">Legionnaire Training</a></li><li><a href="/pages/work-here">Careers</a></li><li><a href="/pages/privacy-center">Privacy Center</a></li><li><a href="/pages/exclusive-retailer">Exclusive Retailer</a></li><li><a href="/policies/terms-of-service">Legal</a></li></ul>
  6443.      </div>
  6444.    </div>
  6445.  </div></div></div><p class="footer__small-text">
  6446.        &copy; 2024 1st Phorm
  6447. All Rights Reserved.
  6448. </p></div>
  6449.  
  6450.  
  6451.  <!-- remove Gorgias branding from chat widget -->
  6452.  <script>
  6453.    $(document).ready(function(){
  6454.      GorgiasChat.init().then(function() {
  6455.        // console.log("before Gorgias");
  6456.        GorgiasChat.hidePoweredBy(true);
  6457.        // console.log("after Gorgias");
  6458.      });
  6459.    })
  6460.  </script>
  6461.  
  6462.  <script>
  6463.    var initGorgiasChatPromise = (window.GorgiasChat) ? window.GorgiasChat.init() : new Promise(function (resolve) { window.addEventListener('gorgias-widget-loaded', function () { resolve();})});
  6464.    initGorgiasChatPromise.then(async () => {
  6465.    GorgiasChat.hidePoweredBy(true)
  6466.    })
  6467.  </script>
  6468.  
  6469.  
  6470.  
  6471. </footer>
  6472.  
  6473.  
  6474. </div></div>
  6475.  </div><div id="shopify-section-newsletter-popup" class="shopify-section index-section--hidden">
  6476. </div><div id="VideoModal" class="modal modal--solid">
  6477.  <div class="modal__inner">
  6478.    <div class="modal__centered page-width text-center">
  6479.      <div class="modal__centered-content">
  6480.        <div class="video-wrapper video-wrapper--modal">
  6481.          <div id="VideoHolder"></div>
  6482.        </div>
  6483.      </div>
  6484.    </div>
  6485.  </div>
  6486.  
  6487.  <button type="button" class="modal__close js-modal-close text-link">
  6488.    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg>
  6489.    <span class="icon__fallback-text">"Close (esc)"</span>
  6490.  </button>
  6491. </div>
  6492. <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
  6493.  <div class="pswp__bg"></div>
  6494.  <div class="pswp__scroll-wrap">
  6495.    <div class="pswp__container">
  6496.      <div class="pswp__item"></div>
  6497.      <div class="pswp__item"></div>
  6498.      <div class="pswp__item"></div>
  6499.    </div>
  6500.  
  6501.    <div class="pswp__ui pswp__ui--hidden">
  6502.      <button class="btn btn--body btn--circle pswp__button pswp__button--arrow--left" title="Previous">
  6503.        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-left" viewBox="0 0 284.49 498.98"><path d="M249.49 0a35 35 0 0 1 24.75 59.75L84.49 249.49l189.75 189.74a35.002 35.002 0 1 1-49.5 49.5L10.25 274.24a35 35 0 0 1 0-49.5L224.74 10.25A34.89 34.89 0 0 1 249.49 0z"/></svg>
  6504.      </button>
  6505.  
  6506.      <button class="btn btn--body btn--circle btn--large pswp__button pswp__button--close" title="Close (esc)">
  6507.        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg>
  6508.      </button>
  6509.  
  6510.      <button class="btn btn--body btn--circle pswp__button pswp__button--arrow--right" title="Next">
  6511.        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-right" viewBox="0 0 284.49 498.98"><path d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98z"/></svg>
  6512.      </button>
  6513.    </div>
  6514.  </div>
  6515. </div>
  6516. <tool-tip data-tool-tip="">
  6517.  <div class="tool-tip__inner" data-tool-tip-inner>
  6518.    <button class="tool-tip__close" data-tool-tip-close=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg></button>
  6519.    <div class="tool-tip__content" data-tool-tip-content>
  6520.    </div>
  6521.  </div>
  6522. </tool-tip>
  6523. <script>
  6524.  
  6525. // Product slider
  6526.  
  6527.  
  6528.  
  6529. // Blog slider
  6530.  
  6531. $('.blog_slider').owlCarousel({
  6532.    loop:false,
  6533.    margin:20,
  6534.    nav:false,
  6535. dots:false,
  6536.    responsive:{
  6537.        0:{
  6538.            items:1,
  6539. dots:true,
  6540. loop:true,
  6541. margin:0
  6542.        },
  6543.        768:{
  6544.            items:2
  6545.        },
  6546.        1026:{
  6547.            items:3
  6548.        }
  6549.    }
  6550. });
  6551. </script>
  6552.  
  6553.  
  6554.  <script>
  6555.    $(document).ready(function(){ //wait for page to render so we know we can get that value
  6556.      setTimeout(function(){
  6557.        var affiliatevalue = ($('#papfield1')[0].innerHTML); //grab from the pap script
  6558.        //console.log("affiliatevalue is " + affiliatevalue);
  6559.        //console.log($('#papfield1')[0].innerHTML);
  6560.        $('#affiliateInput').val(affiliatevalue); //inject it into our input field
  6561.      },500);
  6562.    });
  6563.  </script>
  6564.  
  6565.  
  6566.  
  6567.  <!-- Start 1P Google Ads Dynamic Remarketing -->
  6568.  <script>
  6569.    var productSku = meta.product.variants[0].sku;
  6570.    gtag('event', 'page_view', {
  6571.      'send_to': 'AW-997614262',
  6572.      'google_business_vertical': 'retail',
  6573.      'Id' : productSku,
  6574.      'ecomm_prodid': productSku,
  6575.      'dynx_itemid': productSku,
  6576.      'ecomm_pagetype': 'product'
  6577.    });
  6578.  </script>
  6579.  <!-- End 1P Google Ads Dynamic Remarketing -->
  6580.  
  6581.  
  6582.  
  6583.  
  6584.   <!-- Start Klaviyo Script -->
  6585. <script type="text/javascript">
  6586. var _learnq = _learnq || [];
  6587.  var classname = document.getElementsByClassName("add-to-cart");
  6588. var addToCart = function() {
  6589. _learnq.push(['track', 'Added to Cart', item]);
  6590. }; for (var I = 0; I < classname.length; I++) {
  6591. classname[I].addEventListener('click', addToCart, false);
  6592. }
  6593.  
  6594.  
  6595.  
  6596.  </script>
  6597.  <!-- End Klaviyo Script -->
  6598.  
  6599.  
  6600.  <!-- Subscriptions Powered by ReCharge Payments: Begin Liquid Code -->
  6601. <!--
  6602. Subscription Theme Footer
  6603. http://rechargepayments.com: v2
  6604. Updated: 2017/09/12
  6605. -->
  6606.  
  6607. <script>
  6608. // Subscriptions Powered by ReCharge Payments: JavaScript
  6609. (function() {
  6610. // Basic function to load script files, will be used to include jQuery
  6611. var loadScript = function(url, callback) {
  6612. var script = document.createElement("script");
  6613. script.type = "text/javascript";
  6614. // If the browser is Internet Explorer
  6615. if (script.readyState){
  6616. script.onreadystatechange = function() {
  6617. if (script.readyState == "loaded" || script.readyState == "complete") {
  6618. script.onreadystatechange = null;
  6619. callback();
  6620. }
  6621. };
  6622. // For any other browser
  6623. } else {
  6624. script.onload = function() {
  6625. callback();
  6626. };
  6627. }
  6628. script.src = url;
  6629. document.getElementsByTagName("head")[0].appendChild(script);
  6630. };
  6631. function cartData() {
  6632. var result = null;
  6633.        $.ajax({
  6634.          url: '/cart.js',
  6635.          type: 'GET',
  6636.          dataType: 'json',
  6637.          async: false,
  6638.          success: function(data) {
  6639.            console.log(data);
  6640.            result = data.items;
  6641.          }
  6642.        });
  6643.        return result;
  6644. }
  6645. getCartToken(cartData) {
  6646. if (!cartData) return;
  6647. return cartData?.token;
  6648. }
  6649. // This is our JavaScript that we'll run after jQuery is included
  6650. var reChargeThemeFooterJS = function($) {
  6651. function reChargeSaveCartNoteAndRedirectToCart() {
  6652. var has_cart_note_or_attribute = false;
  6653. try {
  6654. var data = {};
  6655. if ($('[name="note"]').val() != undefined) {
  6656. var note = $('[name="note"]').val();
  6657. data['note'] = note;
  6658. has_cart_note_or_attribute = true;
  6659. }
  6660. if (has_cart_note_or_attribute) {
  6661. $.ajax({
  6662. type: 'POST',
  6663. data: data,
  6664. url: '/cart/update.js',
  6665. dataType: 'json',
  6666. success: function() {
  6667. const cartData = cartData();
  6668. window.location.href = '/cart/checkout'
  6669. }
  6670. });
  6671. } else {
  6672. window.location.href = '/cart/checkout'
  6673. }
  6674. } catch (e) {
  6675. window.location.href = '/cart/checkout'
  6676. }
  6677. }
  6678. }
  6679. var checkout_button_selectors = '[href="/checkout"], form[action="/cart"] button[type="submit"], form[action="/cart"] input[type="submit"], form[action="/checkout"] input[type="submit"], form[action="/checkout"] button[type="submit"]';
  6680. $(document).on('click', checkout_button_selectors, function(e) {
  6681. if (!e.target.hasAttribute('data-disable-recharge')) {
  6682. e.preventDefault();
  6683. reChargeSaveCartNoteAndRedirectToCart();
  6684. window.location.href = '/cart/checkout'
  6685. } else {
  6686. console.info('ReCharge disabled');
  6687. }
  6688. });
  6689. }
  6690. // Check if jQuery is added, if not, then we'll loadScript, otherwise, run reChargeJS
  6691. if ((typeof(jQuery) == 'undefined') || (parseInt(jQuery.fn.jquery) == 1 && parseFloat(jQuery.fn.jquery.replace(/^1\./,"")) < 7.2)) {
  6692. // We'll get our jQuery from Google APIs
  6693. loadScript('//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js', function() {
  6694. jQuery172 = jQuery.noConflict(true);
  6695. reChargeThemeFooterJS(jQuery172);
  6696. });
  6697. } else {
  6698. reChargeThemeFooterJS(jQuery);
  6699. }
  6700. })();
  6701. </script>
  6702.  
  6703. <!-- Subscriptions Powered by ReCharge Payments: End Liquid Code -->
  6704.  
  6705.  
  6706.  
  6707.  
  6708.  
  6709.  
  6710.  
  6711.  
  6712.  
  6713.  
  6714. <script>
  6715.  window.mwMotivatorObjects = {
  6716.    product:[],
  6717.    cart: {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0},
  6718.    template_name: "index",
  6719.    shop: {
  6720.      domain: "1p-ecomm.myshopify.com",
  6721.      money_format : "${{amount}}",
  6722.      money_with_currency_format : "${{amount}} USD"
  6723.      }
  6724.  };
  6725. </script>
  6726. <!-- Back in Stock helper snippet -->
  6727.  
  6728.  
  6729. <script id="back-in-stock-helper">
  6730.  var _BISConfig = _BISConfig || {};
  6731.  
  6732.  
  6733.  
  6734.  
  6735. </script>
  6736.  
  6737. <!-- End Back in Stock helper snippet -->
  6738.  
  6739. <!--Recharge Subscription Upsell Start-->
  6740.  
  6741.  
  6742.  
  6743. <!--Recharge Subscription Upsell End-->
  6744.  
  6745.  
  6746. <!--Gorgias Chat Widget Start-->
  6747. <script id="gorgias-chat-widget-install-v3"
  6748.    src="https://config.gorgias.chat/bundle-loader/01GYCCB7YYNPEAJ1DA70KCX53J?source=shopify1click">
  6749. </script>
  6750. <script id="gorgias-chat-shopify-install">!function(_){_.SHOPIFY_PERMANENT_DOMAIN="1p-ecomm.myshopify.com",_.SHOPIFY_CUSTOMER_ID="",_.SHOPIFY_CUSTOMER_EMAIL=""}(window||{});
  6751. </script>
  6752. <!--Gorgias Chat Widget End-->
  6753.  
  6754.  
  6755.  
  6756. <div id="shopify-block-10148494829067693542" class="shopify-block shopify-app-block"><!-- XO-InsertCode Body -->
  6757.  
  6758.  
  6759.  
  6760.  
  6761.  
  6762.  
  6763.  
  6764.  
  6765.  
  6766. <!-- Start 1P Bing Mod Pixel -->
  6767. <script>
  6768. window.uetq = window.uetq || [];  
  6769. window.uetq.push ('event', '', {'ecomm_prodid': meta.product.variants[0].sku, 'ecomm_pagetype': meta.page.pageType });  
  6770. </script>
  6771. <!-- End 1P Bing Mod Pixel -->
  6772.  
  6773.  
  6774. <!-- End: XO-InsertCode Body -->
  6775.  
  6776.  
  6777. </div><div id="shopify-block-17151115064775110295" class="shopify-block shopify-app-block"><style data-recharge-theme='{"has_theme_customization": true, "design_mode": false }'>
  6778.  .recharge-theme {
  6779.    /* App */
  6780.    --recharge-app-background: #F9F8F4;
  6781.    --recharge-app-container: 1200px;
  6782.    --recharge-app-vertical-padding: 32px;
  6783.  
  6784.    /* Brand colors */
  6785.    
  6786. --recharge-color-brand: #00A7D3;
  6787.  
  6788.    /* Tints */
  6789.    --recharge-color-brand-120: #0083a6;
  6790.    --recharge-color-brand-20: #33b9dc;
  6791.    --recharge-color-brand-40: #66cae5;
  6792.    --recharge-color-brand-60: #99dced;
  6793.    --recharge-color-brand-75: #bfe9f4;  
  6794.    --recharge-color-brand-85: #d9f2f8;
  6795.  
  6796.    /* Neutral */
  6797.    --recharge-color-neutral: hsl(193, 35%, 7%);
  6798.    --recharge-color-neutral-80: hsl(193, 7%, 25%);
  6799.    --recharge-color-neutral-70: hsl(193, 5%, 35%);
  6800.    --recharge-color-neutral-40: hsl(193, 3%, 63%);
  6801.    --recharge-color-neutral-10: hsl(193, 2%, 91%);
  6802.    
  6803.  
  6804.    /* Links */
  6805.    --recharge-button-secondary: #00A7D3;
  6806.    --recharge-button-secondary-120: #0083a6;
  6807.    --recharge-button-secondary-60: #66cae5;
  6808.  
  6809.    /* Images */
  6810.    --recharge-images-ratio: 1;
  6811.  
  6812.    /* Cards */
  6813.    
  6814.    --recharge-cards-background: #FFFFFF;
  6815.    
  6816.  
  6817.    
  6818.    --recharge-cards-border-color: RGBA(0,0,0,0);
  6819.    
  6820.  
  6821.    /* Fonts */
  6822.    --recharge-typography-scale: 16px;
  6823.    --recharge-typography-size-1: calc(3 * var(--recharge-typography-scale));
  6824.    --recharge-typography-size-2: calc(2.25 * var(--recharge-typography-scale));
  6825.    --recharge-typography-size-3: calc(1.625 * var(--recharge-typography-scale));
  6826.    --recharge-typography-size-4: calc(1.25 * var(--recharge-typography-scale));
  6827.    --recharge-typography-size-5: calc(1 * var(--recharge-typography-scale));
  6828.    --recharge-typography-size-6: calc(.875 * var(--recharge-typography-scale));
  6829.  
  6830.    /** Text **/
  6831.    --recharge-typography-light: #FFFFFF;
  6832.    --recharge-typography-primary: var(--recharge-color-neutral);
  6833.    --recharge-typography-secondary: var(--recharge-color-neutral-70);
  6834.  
  6835.    /* Corners */
  6836.    --recharge-corners-radius: 0px;
  6837.  
  6838.    --recharge-button-border-radius: 0px;
  6839.    
  6840.  
  6841.    /* Views */
  6842.    
  6843.    --recharge-views-background: #F9F8F4;
  6844.    
  6845.  
  6846.    /* Buttons */
  6847.    --recharge-button-font-family: inherit;
  6848.    --recharge-button-brand: var(--recharge-color-brand);
  6849.    --recharge-button-color: #FFFFFF;
  6850.  }
  6851. </style>
  6852.  
  6853. </div></body>
  6854. </html>
  6855.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda