CINXE.COM

<!DOCTYPE html> <html lang="en" prefix="og: https://ogp.me/ns#"> <head><meta charset="UTF-8"><script>if(navigator.userAgent.match(/MSIE|Internet Explorer/i)||navigator.userAgent.match(/Trident\/7\..*?rv:11/i)){var href=document.location.href;if(!href.match(/[?&]nowprocket/)){if(href.indexOf("?")==-1){if(href.indexOf("#")==-1){document.location.href=href+"?nowprocket=1"}else{document.location.href=href.replace("#","?nowprocket=1#")}}else{if(href.indexOf("#")==-1){document.location.href=href+"&nowprocket=1"}else{document.location.href=href.replace("#","&nowprocket=1#")}}}}</script><script>class RocketLazyLoadScripts{constructor(){this.triggerEvents=["keydown","mousedown","mousemove","touchmove","touchstart","touchend","wheel"],this.userEventHandler=this._triggerListener.bind(this),this.touchStartHandler=this._onTouchStart.bind(this),this.touchMoveHandler=this._onTouchMove.bind(this),this.touchEndHandler=this._onTouchEnd.bind(this),this.clickHandler=this._onClick.bind(this),this.interceptedClicks=[],window.addEventListener("pageshow",(e=>{this.persisted=e.persisted})),window.addEventListener("DOMContentLoaded",(()=>{this._preconnect3rdParties()})),this.delayedScripts={normal:[],async:[],defer:[]},this.allJQueries=[]}_addUserInteractionListener(e){document.hidden?e._triggerListener():(this.triggerEvents.forEach((t=>window.addEventListener(t,e.userEventHandler,{passive:!0}))),window.addEventListener("touchstart",e.touchStartHandler,{passive:!0}),window.addEventListener("mousedown",e.touchStartHandler),document.addEventListener("visibilitychange",e.userEventHandler))}_removeUserInteractionListener(){this.triggerEvents.forEach((e=>window.removeEventListener(e,this.userEventHandler,{passive:!0}))),document.removeEventListener("visibilitychange",this.userEventHandler)}_onTouchStart(e){"HTML"!==e.target.tagName&&(window.addEventListener("touchend",this.touchEndHandler),window.addEventListener("mouseup",this.touchEndHandler),window.addEventListener("touchmove",this.touchMoveHandler,{passive:!0}),window.addEventListener("mousemove",this.touchMoveHandler),e.target.addEventListener("click",this.clickHandler),this._renameDOMAttribute(e.target,"onclick","rocket-onclick"))}_onTouchMove(e){window.removeEventListener("touchend",this.touchEndHandler),window.removeEventListener("mouseup",this.touchEndHandler),window.removeEventListener("touchmove",this.touchMoveHandler,{passive:!0}),window.removeEventListener("mousemove",this.touchMoveHandler),e.target.removeEventListener("click",this.clickHandler),this._renameDOMAttribute(e.target,"rocket-onclick","onclick")}_onTouchEnd(e){window.removeEventListener("touchend",this.touchEndHandler),window.removeEventListener("mouseup",this.touchEndHandler),window.removeEventListener("touchmove",this.touchMoveHandler,{passive:!0}),window.removeEventListener("mousemove",this.touchMoveHandler)}_onClick(e){e.target.removeEventListener("click",this.clickHandler),this._renameDOMAttribute(e.target,"rocket-onclick","onclick"),this.interceptedClicks.push(e),e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()}_replayClicks(){window.removeEventListener("touchstart",this.touchStartHandler,{passive:!0}),window.removeEventListener("mousedown",this.touchStartHandler),this.interceptedClicks.forEach((e=>{e.target.dispatchEvent(new MouseEvent("click",{view:e.view,bubbles:!0,cancelable:!0}))}))}_renameDOMAttribute(e,t,n){e.hasAttribute&&e.hasAttribute(t)&&(event.target.setAttribute(n,event.target.getAttribute(t)),event.target.removeAttribute(t))}_triggerListener(){this._removeUserInteractionListener(this),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",this._loadEverythingNow.bind(this)):this._loadEverythingNow()}_preconnect3rdParties(){let e=[];document.querySelectorAll("script[type=rocketlazyloadscript]").forEach((t=>{if(t.hasAttribute("src")){const n=new URL(t.src).origin;n!==location.origin&&e.push({src:n,crossOrigin:t.crossOrigin||"module"===t.getAttribute("data-rocket-type")})}})),e=[...new Map(e.map((e=>[JSON.stringify(e),e]))).values()],this._batchInjectResourceHints(e,"preconnect")}async _loadEverythingNow(){this.lastBreath=Date.now(),this._delayEventListeners(),this._delayJQueryReady(this),this._handleDocumentWrite(),this._registerAllDelayedScripts(),this._preloadAllScripts(),await this._loadScriptsFromList(this.delayedScripts.normal),await this._loadScriptsFromList(this.delayedScripts.defer),await this._loadScriptsFromList(this.delayedScripts.async);try{await this._triggerDOMContentLoaded(),await this._triggerWindowLoad()}catch(e){}window.dispatchEvent(new Event("rocket-allScriptsLoaded")),this._replayClicks()}_registerAllDelayedScripts(){document.querySelectorAll("script[type=rocketlazyloadscript]").forEach((e=>{e.hasAttribute("src")?e.hasAttribute("async")&&!1!==e.async?this.delayedScripts.async.push(e):e.hasAttribute("defer")&&!1!==e.defer||"module"===e.getAttribute("data-rocket-type")?this.delayedScripts.defer.push(e):this.delayedScripts.normal.push(e):this.delayedScripts.normal.push(e)}))}async _transformScript(e){return await this._littleBreath(),new Promise((t=>{const n=document.createElement("script");[...e.attributes].forEach((e=>{let t=e.nodeName;"type"!==t&&("data-rocket-type"===t&&(t="type"),n.setAttribute(t,e.nodeValue))})),e.hasAttribute("src")?(n.addEventListener("load",t),n.addEventListener("error",t)):(n.text=e.text,t());try{e.parentNode.replaceChild(n,e)}catch(e){t()}}))}async _loadScriptsFromList(e){const t=e.shift();return t?(await this._transformScript(t),this._loadScriptsFromList(e)):Promise.resolve()}_preloadAllScripts(){this._batchInjectResourceHints([...this.delayedScripts.normal,...this.delayedScripts.defer,...this.delayedScripts.async],"preload")}_batchInjectResourceHints(e,t){var n=document.createDocumentFragment();e.forEach((e=>{if(e.src){const i=document.createElement("link");i.href=e.src,i.rel=t,"preconnect"!==t&&(i.as="script"),e.getAttribute&&"module"===e.getAttribute("data-rocket-type")&&(i.crossOrigin=!0),e.crossOrigin&&(i.crossOrigin=e.crossOrigin),n.appendChild(i)}})),document.head.appendChild(n)}_delayEventListeners(){let e={};function t(t,n){!function(t){function n(n){return e[t].eventsToRewrite.indexOf(n)>=0?"rocket-"+n:n}e[t]||(e[t]={originalFunctions:{add:t.addEventListener,remove:t.removeEventListener},eventsToRewrite:[]},t.addEventListener=function(){arguments[0]=n(arguments[0]),e[t].originalFunctions.add.apply(t,arguments)},t.removeEventListener=function(){arguments[0]=n(arguments[0]),e[t].originalFunctions.remove.apply(t,arguments)})}(t),e[t].eventsToRewrite.push(n)}function n(e,t){let n=e[t];Object.defineProperty(e,t,{get:()=>n||function(){},set(i){e["rocket"+t]=n=i}})}t(document,"DOMContentLoaded"),t(window,"DOMContentLoaded"),t(window,"load"),t(window,"pageshow"),t(document,"readystatechange"),n(document,"onreadystatechange"),n(window,"onload"),n(window,"onpageshow")}_delayJQueryReady(e){let t=window.jQuery;Object.defineProperty(window,"jQuery",{get:()=>t,set(n){if(n&&n.fn&&!e.allJQueries.includes(n)){n.fn.ready=n.fn.init.prototype.ready=function(t){e.domReadyFired?t.bind(document)(n):document.addEventListener("rocket-DOMContentLoaded",(()=>t.bind(document)(n)))};const t=n.fn.on;n.fn.on=n.fn.init.prototype.on=function(){if(this[0]===window){function e(e){return e.split(" ").map((e=>"load"===e||0===e.indexOf("load.")?"rocket-jquery-load":e)).join(" ")}"string"==typeof arguments[0]||arguments[0]instanceof String?arguments[0]=e(arguments[0]):"object"==typeof arguments[0]&&Object.keys(arguments[0]).forEach((t=>{delete Object.assign(arguments[0],{[e(t)]:arguments[0][t]})[t]}))}return t.apply(this,arguments),this},e.allJQueries.push(n)}t=n}})}async _triggerDOMContentLoaded(){this.domReadyFired=!0,await this._littleBreath(),document.dispatchEvent(new Event("rocket-DOMContentLoaded")),await this._littleBreath(),window.dispatchEvent(new Event("rocket-DOMContentLoaded")),await this._littleBreath(),document.dispatchEvent(new Event("rocket-readystatechange")),await this._littleBreath(),document.rocketonreadystatechange&&document.rocketonreadystatechange()}async _triggerWindowLoad(){await this._littleBreath(),window.dispatchEvent(new Event("rocket-load")),await this._littleBreath(),window.rocketonload&&window.rocketonload(),await this._littleBreath(),this.allJQueries.forEach((e=>e(window).trigger("rocket-jquery-load"))),await this._littleBreath();const e=new Event("rocket-pageshow");e.persisted=this.persisted,window.dispatchEvent(e),await this._littleBreath(),window.rocketonpageshow&&window.rocketonpageshow({persisted:this.persisted})}_handleDocumentWrite(){const e=new Map;document.write=document.writeln=function(t){const n=document.currentScript,i=document.createRange(),r=n.parentElement;let o=e.get(n);void 0===o&&(o=n.nextSibling,e.set(n,o));const s=document.createDocumentFragment();i.setStart(s,0),s.appendChild(i.createContextualFragment(t)),r.insertBefore(s,o)}}async _littleBreath(){Date.now()-this.lastBreath>45&&(await this._requestAnimFrame(),this.lastBreath=Date.now())}async _requestAnimFrame(){return document.hidden?new Promise((e=>setTimeout(e))):new Promise((e=>requestAnimationFrame(e)))}static run(){const e=new RocketLazyLoadScripts;e._addUserInteractionListener(e)}}RocketLazyLoadScripts.run();</script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript"> var theplus_ajax_url = "https://www.andstuff.studio/wp-admin/admin-ajax.php"; var theplus_ajax_post_url = "https://www.andstuff.studio/wp-admin/admin-post.php"; var theplus_nonce = "e2591ec926"; </script>  <title>Creative & Stuff - Creative & Stuff</title><link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=Lato%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CBebas%20Neue%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CPoppins%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CHind%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CDM%20Sans%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&display=swap" /><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CBebas%20Neue%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CPoppins%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CHind%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CDM%20Sans%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&display=swap" media="print" onload="this.media='all'" /><noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CBebas%20Neue%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CPoppins%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CHind%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CDM%20Sans%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&display=swap" /></noscript> <meta name="description" content="Creative & Stuff is the modern version of an Advertising Agency. “Modern” being the reason that we prefer to call ourselves a “Creative Services Agency”."/> <meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/> <link rel="canonical" href="https://www.andstuff.studio/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Creative & Stuff - Creative & Stuff" /> <meta property="og:description" content="Creative & Stuff is the modern version of an Advertising Agency. “Modern” being the reason that we prefer to call ourselves a “Creative Services Agency”." /> <meta property="og:url" content="https://www.andstuff.studio/" /> <meta property="og:site_name" content="Creative & Stuff" /> <meta property="og:updated_time" content="2022-09-23T14:58:00+02:00" /> <meta property="article:published_time" content="2022-07-06T08:21:19+02:00" /> <meta property="article:modified_time" content="2022-09-23T14:58:00+02:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Creative & Stuff - Creative & Stuff" /> <meta name="twitter:description" content="Creative & Stuff is the modern version of an Advertising Agency. “Modern” being the reason that we prefer to call ourselves a “Creative Services Agency”." /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="admin" /> <meta name="twitter:label2" content="Time to read" /> <meta name="twitter:data2" content="1 minute" /> <script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.andstuff.studio/#organization","name":"Creative & Stuff","url":"https://www.andstuff.studio","email":"hello@andstuff.studio","logo":{"@type":"ImageObject","@id":"https://www.andstuff.studio/#logo","url":"https://www.andstuff.studio/wp-content/uploads/2022/07/Creative-Stuff-Logo.svg","contentUrl":"https://www.andstuff.studio/wp-content/uploads/2022/07/Creative-Stuff-Logo.svg","caption":"Creative & Stuff","inLanguage":"en","width":"1080","height":"1080"},"contactPoint":[{"@type":"ContactPoint","telephone":"+27 72 943 5606","contactType":"customer support"}]},{"@type":"WebSite","@id":"https://www.andstuff.studio/#website","url":"https://www.andstuff.studio","name":"Creative & Stuff","publisher":{"@id":"https://www.andstuff.studio/#organization"},"inLanguage":"en","potentialAction":{"@type":"SearchAction","target":"https://www.andstuff.studio/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"ImageObject","@id":"https://www.andstuff.studio/wp-content/uploads/elementor/thumbs/stomp-logo-psdfuojjn27wa9k8pxeslycq7lm2xrmhe1fihov3ls.png","url":"https://www.andstuff.studio/wp-content/uploads/elementor/thumbs/stomp-logo-psdfuojjn27wa9k8pxeslycq7lm2xrmhe1fihov3ls.png","width":"200","height":"200","inLanguage":"en"},{"@type":"WebPage","@id":"https://www.andstuff.studio/#webpage","url":"https://www.andstuff.studio/","name":"Creative & Stuff - Creative & Stuff","datePublished":"2022-07-06T08:21:19+02:00","dateModified":"2022-09-23T14:58:00+02:00","about":{"@id":"https://www.andstuff.studio/#organization"},"isPartOf":{"@id":"https://www.andstuff.studio/#website"},"primaryImageOfPage":{"@id":"https://www.andstuff.studio/wp-content/uploads/elementor/thumbs/stomp-logo-psdfuojjn27wa9k8pxeslycq7lm2xrmhe1fihov3ls.png"},"inLanguage":"en"},{"@type":"Person","@id":"https://www.andstuff.studio/#author","name":"admin","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/21f31e387d2952c683678ec6e4227fbd?s=96&d=mm&r=g","url":"https://secure.gravatar.com/avatar/21f31e387d2952c683678ec6e4227fbd?s=96&d=mm&r=g","caption":"admin","inLanguage":"en"},"sameAs":["https://www.andstuff.studio"],"worksFor":{"@id":"https://www.andstuff.studio/#organization"}},{"@type":"Article","headline":"Creative & Stuff - Creative & Stuff","datePublished":"2022-07-06T08:21:19+02:00","dateModified":"2022-09-23T14:58:00+02:00","author":{"@id":"https://www.andstuff.studio/#author"},"publisher":{"@id":"https://www.andstuff.studio/#organization"},"description":"Creative & Stuff is the modern version of an Advertising Agency. \u201cModern\u201d being the reason that we prefer to call ourselves a \u201cCreative Services Agency\u201d.","name":"Creative & Stuff - Creative & Stuff","@id":"https://www.andstuff.studio/#richSnippet","isPartOf":{"@id":"https://www.andstuff.studio/#webpage"},"image":{"@id":"https://www.andstuff.studio/wp-content/uploads/elementor/thumbs/stomp-logo-psdfuojjn27wa9k8pxeslycq7lm2xrmhe1fihov3ls.png"},"inLanguage":"en","mainEntityOfPage":{"@id":"https://www.andstuff.studio/#webpage"}}]}</script> <meta name="google-site-verification" content="S8NY5tfQlGVZkExchL7L0-iloB0ry7lcASr7h7TGqRM" />  <link rel='dns-prefetch' href='//maps.googleapis.com' /> <link href='https://fonts.gstatic.com' crossorigin rel='preconnect' /> <link rel="alternate" type="application/rss+xml" title="Creative & Stuff » Feed" href="https://www.andstuff.studio/feed/" /> <link rel="alternate" type="application/rss+xml" title="Creative & Stuff » Comments Feed" href="https://www.andstuff.studio/comments/feed/" /> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='jupiterx-child-css' href='https://www.andstuff.studio/wp-content/themes/jupiterx-child/assets/css/style.css?ver=6f99d2244143b8b31eec292d25140746' type='text/css' media='all' /> <link rel='stylesheet' id='wp-block-library-css' href='https://www.andstuff.studio/wp-includes/css/dist/block-library/style.min.css?ver=6f99d2244143b8b31eec292d25140746' type='text/css' media='all' /> <style id='wp-block-library-theme-inline-css' type='text/css'> .wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:hsla(0,0%,100%,.65)}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:hsla(0,0%,100%,.65)}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:hsla(0,0%,100%,.65)}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:hsla(0,0%,100%,.65)}.wp-block-pullquote{border-top:4px solid;border-bottom:4px solid;margin-bottom:1.75em;color:currentColor}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:currentColor;text-transform:uppercase;font-size:.8125em;font-style:normal}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;position:relative;font-style:normal}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{border:none}.wp-block-search .wp-block-search__label{font-weight:700}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:hsla(0,0%,100%,.65)}.wp-block-template-part.has-background{padding:1.25em 2.375em;margin-top:0;margin-bottom:0} </style> <link data-minify="1" rel='stylesheet' id='jet-engine-frontend-css' href='https://www.andstuff.studio/wp-content/cache/min/1/wp-content/plugins/jet-engine/assets/css/frontend.css?ver=1679512130' type='text/css' media='all' /> <style id='global-styles-inline-css' type='text/css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} </style> <link data-minify="1" rel='stylesheet' id='flat-preloader-css' href='https://www.andstuff.studio/wp-content/cache/min/1/wp-content/plugins/flat-preloader/assets/css/flat-preloader-public.css?ver=1679512130' type='text/css' media='all' /> <link rel='stylesheet' id='cmplz-general-css' href='https://www.andstuff.studio/wp-content/plugins/complianz-gdpr/assets/css/cookieblocker.min.css?ver=6.3.4' type='text/css' media='all' /> <link rel='stylesheet' id='theplus-front-css-css' href='//www.andstuff.studio/wp-content/uploads/theplus-addons/theplus-post-1333.min.css?ver=1667205406' type='text/css' media='all' /> <link data-minify="1" rel='stylesheet' id='plus-icons-mind-css-css' href='https://www.andstuff.studio/wp-content/cache/min/1/wp-content/plugins/theplus_elementor_addon/assets/css/extra/iconsmind.min.css?ver=1679512130' type='text/css' media='all' /> <link rel='stylesheet' id='plus-pre-loader-css-css' href='//www.andstuff.studio/wp-content/plugins/theplus_elementor_addon/assets/css/main/pre-loader/plus-pre-loader.min.css?ver=5.1.0' type='text/css' media='all' /> <link data-minify="1" rel='stylesheet' id='jupiterx-css' href='https://www.andstuff.studio/wp-content/cache/min/1/wp-content/uploads/jupiterx/compiler/jupiterx/a20bb7d.css?ver=1679512130' type='text/css' media='all' /> <link data-minify="1" rel='stylesheet' id='font-awesome-css' href='https://www.andstuff.studio/wp-content/cache/min/1/wp-content/plugins/elementor/assets/lib/font-awesome/css/font-awesome.min.css?ver=1679512130' type='text/css' media='all' /> <link data-minify="1" rel='stylesheet' id='jet-popup-frontend-css' href='https://www.andstuff.studio/wp-content/cache/min/1/wp-content/plugins/jet-popup/assets/css/jet-popup-frontend.css?ver=1679512130' type='text/css' media='all' /> <link data-minify="1" rel='stylesheet' id='jupiterx-elements-dynamic-styles-css' href='https://www.andstuff.studio/wp-content/cache/min/1/wp-content/uploads/jupiterx/compiler/jupiterx-elements-dynamic-styles/e788e26.css?ver=1679512130' type='text/css' media='all' /> <link data-minify="1" rel='stylesheet' id='jet-elements-css' href='https://www.andstuff.studio/wp-content/cache/min/1/wp-content/plugins/jet-elements/assets/css/jet-elements.css?ver=1679512130' type='text/css' media='all' /> <link data-minify="1" rel='stylesheet' id='jet-elements-skin-css' href='https://www.andstuff.studio/wp-content/cache/min/1/wp-content/plugins/jet-elements/assets/css/jet-elements-skin.css?ver=1679512130' type='text/css' media='all' /> <link data-minify="1" rel='stylesheet' id='elementor-icons-css' href='https://www.andstuff.studio/wp-content/cache/min/1/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=1679512130' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-frontend-css' href='https://www.andstuff.studio/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=3.8.0' type='text/css' media='all' /> <link rel='stylesheet' id='jupiterx-core-raven-frontend-css' href='https://www.andstuff.studio/wp-content/plugins/jupiterx-core/includes/extensions/raven/assets/css/frontend.min.css?ver=6f99d2244143b8b31eec292d25140746' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-9-css' href='https://www.andstuff.studio/wp-content/uploads/elementor/css/post-9.css?ver=1667205405' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-pro-css' href='https://www.andstuff.studio/wp-content/plugins/elementor-pro/assets/css/frontend.min.css?ver=3.8.0' type='text/css' media='all' /> <link data-minify="1" rel='stylesheet' id='jet-sticky-frontend-css' href='https://www.andstuff.studio/wp-content/cache/min/1/wp-content/plugins/jetsticky-for-elementor/assets/css/jet-sticky-frontend.css?ver=1679512130' type='text/css' media='all' /> <link rel='stylesheet' id='flatpickr-css' href='https://www.andstuff.studio/wp-content/plugins/elementor/assets/lib/flatpickr/flatpickr.min.css?ver=4.1.4' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-global-css' href='https://www.andstuff.studio/wp-content/uploads/elementor/css/global.css?ver=1667205406' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-1333-css' href='https://www.andstuff.studio/wp-content/uploads/elementor/css/post-1333.css?ver=1667205406' type='text/css' media='all' /> <link rel='stylesheet' id='eael-general-css' href='https://www.andstuff.studio/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/css/view/general.min.css?ver=5.4.2' type='text/css' media='all' /> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-includes/js/jquery/jquery.min.js?ver=3.6.0' id='jquery-core-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2' id='jquery-migrate-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='//www.andstuff.studio/wp-content/plugins/theplus_elementor_addon/assets/js/main/pre-loader/plus-pre-loader-extra-transition.min.js?ver=5.1.0' id='plus-pre-loader-js2-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='//www.andstuff.studio/wp-content/plugins/theplus_elementor_addon/assets/js/main/pre-loader/plus-pre-loader.min.js?ver=5.1.0' id='plus-pre-loader-js-js'></script> <script data-service="acf-custom-maps" data-category="marketing" type="text/plain" src='https://maps.googleapis.com/maps/api/js?key=&libraries=places&sensor=false' id='gmaps-js-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-content/themes/jupiterx/lib/assets/dist/js/utils.min.js?ver=2.5.2' id='jupiterx-utils-js'></script> <link rel="https://api.w.org/" href="https://www.andstuff.studio/wp-json/" /><link rel="alternate" type="application/json" href="https://www.andstuff.studio/wp-json/wp/v2/pages/1333" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.andstuff.studio/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://www.andstuff.studio/wp-includes/wlwmanifest.xml" /> <link rel='shortlink' href='https://www.andstuff.studio/' /> <link rel="alternate" type="application/json+oembed" href="https://www.andstuff.studio/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.andstuff.studio%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://www.andstuff.studio/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.andstuff.studio%2F&format=xml" />  <script type="rocketlazyloadscript" data-rocket-type="text/javascript"> if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { window.location.href = "https://mobi.andstuff.studio/"; } </script>    <script type="text/plain" data-service="google-analytics" data-category="statistics" async src="https://www.googletagmanager.com/gtag/js?id=G-3DD29PFFD5"></script> <script type="rocketlazyloadscript"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-3DD29PFFD5'); </script>  <link data-minify="1" rel="stylesheet" href="https://www.andstuff.studio/wp-content/cache/min/1/qbf2omm.css?ver=1679512130">  <style type="text/css"> .jupiterx-main-content { padding: 0px 0 !important; } .elementor-column-gap-default>.elementor-column>.elementor-element-populated { padding: 0px; } html { cursor: url('/wp-content/uploads/cscursor/cursor_new.png') 4 12, auto; cursor: url('/wp-content/uploads/cscursor/cursor_new.png') 2 2, pointer; } .elementor-accordion .elementor-tab-title:hover { cursor: url('/wp-content/uploads/cscursor/cursor_new.png') 4 12, auto !important; cursor: url('/wp-content/uploads/cscursor/cursor_new.png') 2 2, pointer !important; } body { overflow-x: hidden; /* Hide horizontal scrollbar */ } .elementor-1333 .elementor-element.elementor-element-2238596 .theplus-accordion-wrapper.tp-acc-hori { min-height: 100vh; max-height: 100vh; } .theplus-accordion-wrapper.tp-acc-hori.tp_hal_2 .theplus-accordion-item .plus-accordion-header span:nth-child(1) { top: auto; bottom: 40%; } .theplus-accordion-wrapper.tp-acc-hori .theplus-accordion-item .plus-accordion-header { width: 43px !important; } #elementor-tab-title-2901 { box-shadow: -7px -1px 5px -3px rgba(0,0,0,0.24); -webkit-box-shadow: -7px -1px 5px -3px rgba(0,0,0,0.24); -moz-box-shadow: -7px -1px 5px -3px rgba(0,0,0,0.24); } #elementor-tab-title-2902 { box-shadow: -7px -1px 5px -3px rgba(0,0,0,0.24); -webkit-box-shadow: -7px -1px 5px -3px rgba(0,0,0,0.24); -moz-box-shadow: -7px -1px 5px -3px rgba(0,0,0,0.24); } #elementor-tab-title-2903 { box-shadow: -7px -1px 5px -3px rgba(0,0,0,0.24); -webkit-box-shadow: -7px -1px 5px -3px rgba(0,0,0,0.24); -moz-box-shadow: -7px -1px 5px -3px rgba(0,0,0,0.24); } #elementor-tab-title-2904 { box-shadow: -7px -1px 5px -3px rgba(0,0,0,0.24); -webkit-box-shadow: -7px -1px 5px -3px rgba(0,0,0,0.24); -moz-box-shadow: -7px -1px 5px -3px rgba(0,0,0,0.24); } #elementor-tab-title-2901:hover { background: linear-gradient(0deg, rgba(173,205,36,1) 0%, rgba(169,209,0,1) 52%, rgba(173,205,36,1) 100%); !important; color:#ffffff !important; cursor: url('/wp-content/uploads/cscursor/cursor.png') 2 2, pointer !important; } #elementor-tab-title-2901:focus { background: linear-gradient(0deg, rgba(173,205,36,1) 0%, rgba(169,209,0,1) 52%, rgba(173,205,36,1) 100%); !important; } #elementor-tab-title-2901.plus-accordion-header.active { background: linear-gradient(0deg, rgba(173,205,36,1) 0%, rgba(169,209,0,1) 52%, rgba(173,205,36,1) 100%); !important; } #elementor-tab-title-2902:hover { background: linear-gradient(0deg, rgba(240,131,0,1) 0%, rgba(255,202,0,1) 52%, rgba(240,131,0,1) 100%); !important; color:#ffffff !important; cursor: url('/wp-content/uploads/cscursor/cursor.png') 2 2, pointer !important; } #elementor-tab-title-2902:focus { background: linear-gradient(0deg, rgba(240,131,0,1) 0%, rgba(255,202,0,1) 52%, rgba(240,131,0,1) 100%); !important; } #elementor-tab-title-2902.plus-accordion-header.active { background: linear-gradient(0deg, rgba(240,131,0,1) 0%, rgba(255,202,0,1) 52%, rgba(240,131,0,1) 100%); !important; } #elementor-tab-title-2903:hover { background: linear-gradient(0deg, rgba(164,39,83,1) 0%, rgba(167,88,136,1) 52%, rgba(164,39,83,1) 100%); !important; color:#ffffff !important; cursor: url('/wp-content/uploads/cscursor/cursor.png') 2 2, pointer !important; } #elementor-tab-title-2903:focus { background: linear-gradient(0deg, rgba(164,39,83,1) 0%, rgba(167,88,136,1) 52%, rgba(164,39,83,1) 100%); !important; } #elementor-tab-title-2903.plus-accordion-header.active { background: linear-gradient(0deg, rgba(164,39,83,1) 0%, rgba(167,88,136,1) 52%, rgba(164,39,83,1) 100%); !important; } #elementor-tab-title-2904:hover { background: linear-gradient(6deg, rgba(0,89,167,1) 0%, rgba(0,159,227,1) 52%, rgba(0,89,167,1) 100%); !important; color:#ffffff !important; cursor: url('/wp-content/uploads/cscursor/cursor.png') 2 2, pointer !important; } #elementor-tab-title-2904:focus { background: linear-gradient(6deg, rgba(0,89,167,1) 0%, rgba(0,159,227,1) 52%, rgba(0,89,167,1) 100%); !important; } #elementor-tab-title-2904.plus-accordion-header.active { background: linear-gradient(6deg, rgba(0,89,167,1) 0%, rgba(0,159,227,1) 52%, rgba(0,89,167,1) 100%); !important; } .as-slider-left { cursor: url('/wp-content/uploads/cscursor/cursor.png') 2 2, pointer !important; } .as-slider-left:hover { cursor: url('/wp-content/uploads/cscursor/cursor.png') 2 2, pointer !important; } .as-slider-left:focus { cursor: url('/wp-content/uploads/cscursor/cursor.png') 2 2, pointer !important; } .theplus-accordion-wrapper.tp-acc-hori.tp_hal_2 .theplus-accordion-item .plus-accordion-header span:nth-child(1) { top: auto; bottom: 50% !important; display: table; } #flat-preloader-overlay small { display: block; font-family: 'Bebas Neue'; color: #ad3b53; font-size: 2rem; } .elementor-testimonial__name { text-align: left !important; } p { color: #404040 !important; }</style>  <style>.cmplz-hidden{display:none!important;}</style><style>.tp-acc-hori .theplus-accordion-item.tp-acc-disable { pointer-events: unset !important; } .jupiterx-main-content { padding: 0px 0 !important; } body { overflow-x: hidden; /* Hide horizontal scrollbar */ } .elementor-1333 .elementor-element.elementor-element-1ba941f .theplus-accordion-wrapper.tp-acc-hori { min-height: 100vh !important; max-height: 100vh!important; } .theplus-accordion-wrapper.tp-acc-hori.tp_hal_2 .theplus-accordion-item .plus-accordion-header span:nth-child(1) { top: auto; bottom: 40%; } .tab-content-ScrollStyle { max-height: 150px; overflow-y: scroll; }</style><style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style><link rel="icon" href="https://www.andstuff.studio/wp-content/uploads/2022/07/cursor.png" sizes="32x32" /> <link rel="icon" href="https://www.andstuff.studio/wp-content/uploads/2022/07/cursor.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.andstuff.studio/wp-content/uploads/2022/07/cursor.png" /> <meta name="msapplication-TileImage" content="https://www.andstuff.studio/wp-content/uploads/2022/07/cursor.png" /> <div id="flat-preloader-overlay" class="fpo-custom"> <img src="https://www.andstuff.studio/wp-content/uploads/2022/10/Preloader_3.gif" alt="Getting things ready"> <small>Hang ten, our site’s loading.</small> </div> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" /></head> <body data-rsssl=1 data-cmplz=1 class="home page-template page-template-elementor_canvas page page-id-1333 flat-preloader-active elementor-default elementor-template-canvas elementor-kit-9 elementor-page elementor-page-1333"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-dark-grayscale"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0 0.49803921568627" /><feFuncG type="table" tableValues="0 0.49803921568627" /><feFuncB type="table" tableValues="0 0.49803921568627" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-grayscale"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0 1" /><feFuncG type="table" tableValues="0 1" /><feFuncB type="table" tableValues="0 1" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-purple-yellow"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0.54901960784314 0.98823529411765" /><feFuncG type="table" tableValues="0 1" /><feFuncB type="table" tableValues="0.71764705882353 0.25490196078431" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-blue-red"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0 1" /><feFuncG type="table" tableValues="0 0.27843137254902" /><feFuncB type="table" tableValues="0.5921568627451 0.27843137254902" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-midnight"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0 0" /><feFuncG type="table" tableValues="0 0.64705882352941" /><feFuncB type="table" tableValues="0 1" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-magenta-yellow"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0.78039215686275 1" /><feFuncG type="table" tableValues="0 0.94901960784314" /><feFuncB type="table" tableValues="0.35294117647059 0.47058823529412" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-purple-green"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0.65098039215686 0.40392156862745" /><feFuncG type="table" tableValues="0 1" /><feFuncB type="table" tableValues="0.44705882352941 0.4" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-blue-orange"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0.098039215686275 1" /><feFuncG type="table" tableValues="0 0.66274509803922" /><feFuncB type="table" tableValues="0.84705882352941 0.41960784313725" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg> <div data-elementor-type="wp-page" data-elementor-id="1333" class="elementor elementor-1333"> <section class="elementor-section elementor-top-section elementor-element elementor-element-db4e8d0 elementor-section-content-middle elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="db4e8d0" data-element_type="section" data-settings="{"jet_parallax_layout_list":[],"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a2e83bf" data-id="a2e83bf" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-1ba941f elementor-widget elementor-widget-tp-accordion" data-id="1ba941f" data-element_type="widget" data-widget_type="tp-accordion.default"> <div class="elementor-widget-container"> <div class="theplus-accordion-wrapper elementor-accordion tp-acc-hori tp_hal_2 " id="tptab_Acc_style3_con" data-accordion-id="tptab_Acc_style3_con" data-connection="tpca_Acc_style3_con" data-accordion-type="accordion" data-row-bg-conn="bgcarouselAcc_style3_con" data-hori-title-width="50" data-hori-open-speed="500" data-hori-close-speed="500" role="tablist" > <div class="theplus-accordion-item" > <div id="elementor-tab-title-2901" class="elementor-tab-title plus-accordion-header active-default text-left " tabindex="2901" data-tab="1" role="tab" aria-controls="elementor-tab-content-2901"> <span style="width:100%">Home</span> </div> <div id="elementor-tab-content-2901" class="elementor-tab-content elementor-clearfix plus-accordion-content active-default " data-tab="1" role="tabpanel" aria-labelledby="elementor-tab-title-2901"> <div class="plus-content-editor" > <div data-elementor-type="page" data-elementor-id="1551" class="elementor elementor-1551"> <div class="elementor-section elementor-top-section elementor-element elementor-element-d63d691 ScrollStyle elementor-section-full_width elementor-section-height-full elementor-section-items-top elementor-section-content-top elementor-section-height-default" data-id="d63d691" data-element_type="section" data-settings="{"jet_parallax_layout_list":[],"background_background":"video","background_video_link":"https:\/\/vimeo.com\/751089022","jet_sticky_section_sticky":"yes","jet_sticky_section_sticky_visibility":["desktop","tablet","mobile"]}"> <div class="elementor-background-video-container elementor-hidden-phone"> <div class="elementor-background-video-embed"></div> </div> <div class="elementor-background-overlay"></div> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-643d4d9" data-id="643d4d9" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <section class="elementor-section elementor-inner-section elementor-element elementor-element-15de7fe elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="15de7fe" data-element_type="section" data-settings="{"jet_parallax_layout_list":[]}"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-54657b8" data-id="54657b8" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-f2be1a5 elementor-widget elementor-widget-image" data-id="f2be1a5" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img src="https://www.andstuff.studio/wp-content/uploads/elementor/thumbs/stomp-logo-pwc1qd2liafha4nvl92t1cngu8xficy52j2m9evojk.png" title="stomp-logo" alt="stomp-logo" /> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-cc1a711" data-id="cc1a711" data-element_type="column"> <div class="elementor-widget-wrap"> </div> </div> </div> </section> <section class="elementor-section elementor-inner-section elementor-element elementor-element-88b35df elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="88b35df" data-element_type="section" data-settings="{"jet_parallax_layout_list":[]}"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-bdfca51" data-id="bdfca51" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-b8dca8b elementor-widget elementor-widget-text-editor" data-id="b8dca8b" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> </div> </div> </div> <div class="theplus-accordion-item" > <div id="elementor-tab-title-2902" class="elementor-tab-title plus-accordion-header no text-left " tabindex="2902" data-tab="2" role="tab" aria-controls="elementor-tab-content-2902"> <span style="width:100%">About Us</span> </div> <div id="elementor-tab-content-2902" class="elementor-tab-content elementor-clearfix plus-accordion-content no " data-tab="2" role="tabpanel" aria-labelledby="elementor-tab-title-2902"> <div class="plus-content-editor" > <div data-elementor-type="page" data-elementor-id="1565" class="elementor elementor-1565"> <div class="elementor-section elementor-top-section elementor-element elementor-element-d63d691 ScrollStyle elementor-section-full_width elementor-section-height-full elementor-section-items-top elementor-section-content-top elementor-section-height-default" data-id="d63d691" data-element_type="section" data-settings="{"jet_parallax_layout_list":[],"background_background":"video","background_video_link":"https:\/\/www.andstuff.studio\/wp-content\/uploads\/2022\/07\/cspreloadblur.webm","jet_sticky_section_sticky":"yes","jet_sticky_section_sticky_visibility":["desktop","tablet","mobile"]}"> <div class="elementor-background-video-container elementor-hidden-phone"> <video class="elementor-background-video-hosted elementor-html5-video" autoplay muted playsinline loop></video> </div> <div class="elementor-background-overlay"></div> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-643d4d9" data-id="643d4d9" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <section class="elementor-section elementor-inner-section elementor-element elementor-element-15de7fe elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="15de7fe" data-element_type="section" data-settings="{"jet_parallax_layout_list":[]}"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-54657b8" data-id="54657b8" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-f2be1a5 elementor-widget elementor-widget-image" data-id="f2be1a5" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img src="https://www.andstuff.studio/wp-content/uploads/elementor/thumbs/stomp-logo-pwc1qd2liafha4nvl92t1cngu8xficy52j2m9evojk.png" title="stomp-logo" alt="stomp-logo" /> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-cc1a711" data-id="cc1a711" data-element_type="column"> <div class="elementor-widget-wrap"> </div> </div> </div> </section> <section class="elementor-section elementor-inner-section elementor-element elementor-element-bb5971b elementor-section-full_width elementor-section-content-middle elementor-section-height-default elementor-section-height-default" data-id="bb5971b" data-element_type="section" data-settings="{"jet_parallax_layout_list":[]}"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-7f73f03" data-id="7f73f03" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-f504706 elementor-invisible elementor-widget elementor-widget-image" data-id="f504706" data-element_type="widget" data-settings="{"_animation":"bounceIn"}" data-widget_type="image.default"> <div class="elementor-widget-container"> <img width="800" height="800" src="https://www.andstuff.studio/wp-content/uploads/2022/07/brain-1.png" class="attachment-full size-full" alt="" loading="lazy" srcset="https://www.andstuff.studio/wp-content/uploads/2022/07/brain-1.png 800w, https://www.andstuff.studio/wp-content/uploads/2022/07/brain-1-500x500.png 500w, https://www.andstuff.studio/wp-content/uploads/2022/07/brain-1-300x300.png 300w, https://www.andstuff.studio/wp-content/uploads/2022/07/brain-1-768x768.png 768w, https://www.andstuff.studio/wp-content/uploads/2022/07/brain-1-700x700.png 700w" sizes="(max-width: 800px) 100vw, 800px" /> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-cb8ed88" data-id="cb8ed88" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-105bb18 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="105bb18" data-element_type="widget" data-settings="{"_animation":"fadeIn"}" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> About us </div> </div> <div class="elementor-element elementor-element-ba81bae elementor-widget elementor-widget-text-editor" data-id="ba81bae" data-element_type="widget" data-settings="{"_animation":"none","motion_fx_motion_fx_scrolling":"yes","motion_fx_devices":["desktop","tablet","mobile"]}" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Creative & Stuff is the modern version of an Advertising Agency. “Modern” being the reason that we prefer to call ourselves a “Creative Services Agency”.</p> </div> </div> <div class="elementor-element elementor-element-23001fc elementor-invisible elementor-widget elementor-widget-text-editor" data-id="23001fc" data-element_type="widget" data-settings="{"_animation":"slideInUp"}" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Through ATL, BTL & Digital, We look at <em>linear business problems</em> and provide <em>lateral solutions</em>.<b></b></p><p>Then, we package those solutions in a format that is interesting and easily comprehended<br />by the target audience.</p> </div> </div> <div class="elementor-element elementor-element-be490ba elementor-invisible elementor-widget elementor-widget-text-editor" data-id="be490ba" data-element_type="widget" data-settings="{"_animation":"slideInUp"}" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p><img loading="lazy" class="alignnone wp-image-2064" src="https://www.andstuff.studio/wp-content/uploads/2022/10/CandS_Health-logo-sml-500x347.png" alt="" width="200" height="139" srcset="https://www.andstuff.studio/wp-content/uploads/2022/10/CandS_Health-logo-sml-500x347.png 500w, https://www.andstuff.studio/wp-content/uploads/2022/10/CandS_Health-logo-sml.png 595w" sizes="(max-width: 200px) 100vw, 200px" /><br />Creative & Stuff Health is a division of C&S that specialises in pharmaceutical marketing and communication. Find out more <a href="https://health.andstuff.studio/" target="_blank" rel="noopener" data-auth="NotApplicable" data-linkindex="0">here</a>.</p> </div> </div> <div class="elementor-element elementor-element-5c7b8f4 elementor-widget elementor-widget-image" data-id="5c7b8f4" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img src="https://www.andstuff.studio/wp-content/uploads/elementor/thumbs/bee-trans-pwc1rcsgpzs7ec0phuww3yvzaqi493al3e7pw1g8hs.png" title="bee-trans" alt="bee-trans" /> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> </div> </div> </div> <div class="theplus-accordion-item" > <div id="elementor-tab-title-2903" class="elementor-tab-title plus-accordion-header no text-left " tabindex="2903" data-tab="3" role="tab" aria-controls="elementor-tab-content-2903"> <span style="width:100%">Services</span> </div> <div id="elementor-tab-content-2903" class="elementor-tab-content elementor-clearfix plus-accordion-content no " data-tab="3" role="tabpanel" aria-labelledby="elementor-tab-title-2903"> <div class="plus-content-editor" > <div data-elementor-type="page" data-elementor-id="1793" class="elementor elementor-1793"> <section class="elementor-section elementor-top-section elementor-element elementor-element-e6ea63b elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="e6ea63b" data-element_type="section" data-settings="{"jet_parallax_layout_list":[],"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1d3c167" data-id="1d3c167" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-5ef5968 elementor-widget elementor-widget-image" data-id="5ef5968" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img width="595" height="413" src="https://www.andstuff.studio/wp-content/uploads/2022/07/stomp-logo.png" class="attachment-full size-full" alt="" loading="lazy" srcset="https://www.andstuff.studio/wp-content/uploads/2022/07/stomp-logo.png 595w, https://www.andstuff.studio/wp-content/uploads/2022/07/stomp-logo-500x347.png 500w" sizes="(max-width: 595px) 100vw, 595px" /> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-14fb8b40 elementor-section-full_width elementor-section-height-min-height as-slider elementor-section-height-default elementor-section-items-middle" data-id="14fb8b40" data-element_type="section" data-settings="{"background_background":"video","jet_parallax_layout_list":[],"background_video_link":"https:\/\/www.andstuff.studio\/wp-content\/uploads\/2022\/07\/cspreloadblur.webm"}"> <div class="elementor-background-video-container elementor-hidden-phone"> <video class="elementor-background-video-hosted elementor-html5-video" autoplay muted playsinline loop></video> </div> <div class="elementor-background-overlay"></div> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-45c8c39a" data-id="45c8c39a" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <section class="elementor-section elementor-inner-section elementor-element elementor-element-4495a919 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4495a919" data-element_type="section" data-settings="{"jet_parallax_layout_list":[]}"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-78becbf5 as-bar" data-id="78becbf5" data-element_type="column"> <div class="elementor-widget-wrap"> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-3237f0cb" data-id="3237f0cb" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <section class="elementor-section elementor-inner-section elementor-element elementor-element-6fbd9ab1 as-changing-widget elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6fbd9ab1" data-element_type="section" data-settings="{"jet_parallax_layout_list":[]}"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3407f2ca" data-id="3407f2ca" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-d3fd256 elementor-widget elementor-widget-heading" data-id="d3fd256" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Brand Strategy & Building</h2> </div> </div> <div class="elementor-element elementor-element-9560bb8 elementor-widget elementor-widget-heading" data-id="9560bb8" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Concept & Design</h2> </div> </div> <div class="elementor-element elementor-element-48dd6be7 elementor-widget elementor-widget-heading" data-id="48dd6be7" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Traditional Advertising</h2> </div> </div> <div class="elementor-element elementor-element-2496e36f elementor-widget elementor-widget-heading" data-id="2496e36f" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Digital Communication</h2> </div> </div> <div class="elementor-element elementor-element-a2615a9 elementor-widget elementor-widget-heading" data-id="a2615a9" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Social Communication</h2> </div> </div> <div class="elementor-element elementor-element-5b68d1b elementor-widget elementor-widget-heading" data-id="5b68d1b" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Social Media Management</h2> </div> </div> <div class="elementor-element elementor-element-6db9e5f elementor-widget elementor-widget-heading" data-id="6db9e5f" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">App Building & Coding</h2> </div> </div> <div class="elementor-element elementor-element-d7c921e elementor-widget elementor-widget-heading" data-id="d7c921e" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Virtual Events</h2> </div> </div> <div class="elementor-element elementor-element-3e7580d elementor-widget elementor-widget-heading" data-id="3e7580d" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Events & Activations</h2> </div> </div> <div class="elementor-element elementor-element-524e5e3 elementor-widget elementor-widget-heading" data-id="524e5e3" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Audio & Visual Production</h2> </div> </div> <div class="elementor-element elementor-element-7e1a64c elementor-widget elementor-widget-heading" data-id="7e1a64c" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Print & specialised Production</h2> </div> </div> <div class="elementor-element elementor-element-9c30121 elementor-widget elementor-widget-heading" data-id="9c30121" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Media Strategy & Buying</h2> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-inner-section elementor-element elementor-element-59f3abac as-changing-widget elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="59f3abac" data-element_type="section" data-settings="{"jet_parallax_layout_list":[]}"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3819ab24" data-id="3819ab24" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-89363f3 elementor-widget elementor-widget-text-editor" data-id="89363f3" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>We work closely with our clients.<br />– The better we understand your business problem,<br />the better & faster, we solve it.</p><p>When working with C&S, you can expect internationally awarded, advice on your communication and on your<br />brand-building objectives.</p> </div> </div> <div class="elementor-element elementor-element-40edc4a7 elementor-widget elementor-widget-text-editor" data-id="40edc4a7" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Before founding C&S, we became known as, <br />“The pitch winners” in the advertising industry.<br />This is what motivated us to work for ourselves<br />as opposed to freelancing to the bigger agencies.</p><p>What you get from C&S is <em>Big Agency</em> experience at <em>Realistic Prices</em>.<br /> </p> </div> </div> <div class="elementor-element elementor-element-12f4130c elementor-widget elementor-widget-text-editor" data-id="12f4130c" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>The founders of C&S, “Chris & Steve” have spent, collectively, 50 years+ making Tv, Radio, Print etc. that you have probably seen.</p><p>But, C&S moves with the times.<br />And, as the media landscape has evolved, so have we.<br />This means that we apply, “old-school advertising thinking” to modern media channels.</p><p>In-house we have; Social-media specific strategists & designers with a Full Stack Web and App Development team.</p> </div> </div> <div class="elementor-element elementor-element-12894e1f elementor-widget elementor-widget-text-editor" data-id="12894e1f" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>We understand the various platforms, whether it be<br />a Facebook post or an App build, we have done it before and<br />can show you a portfolio.</p><p> </p><p> </p><p><br /> <br /> <br /> <br /> </p> </div> </div> <div class="elementor-element elementor-element-142e3a6c elementor-widget elementor-widget-text-editor" data-id="142e3a6c" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Anyone can post on social media.<br />But, if you want to create consumer engagement,<br />you need to post intelligently.</p><p>At C&S, we think about the outcome first and the execution second.</p><p> </p><p> </p> </div> </div> <div class="elementor-element elementor-element-cf68adb elementor-widget elementor-widget-text-editor" data-id="cf68adb" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Aside from ensuring that your posts go out at the right time, to the right channels, we measure the success of each consumer interaction and advise you on how better to communicate.</p><p>– The beauty of the social landscape is that it’s quick and easy to adjust your message to make it more relevant.</p><p> </p><p> </p> </div> </div> <div class="elementor-element elementor-element-f378511 elementor-widget elementor-widget-text-editor" data-id="f378511" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Technological advancements & new tech. trends happen overnight.<br />Our developers are passionate about what they do, to the point that they keep up to date as a hobby.</p><p>If there’s some new tech. on the market, you’re likely to hear about it from C&S first.</p> </div> </div> <div class="elementor-element elementor-element-08a654f elementor-widget elementor-widget-text-editor" data-id="08a654f" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>The global lockdown of 2020 brought new challenges to every business – big or small. Fortunately, C&S already had the South African licence for a global, Virtual Events platform.</p><p>If you need to talk to a group in one conversation,<br />we make it happen.<br />– Tried & Tested.</p><p> </p><p> </p> </div> </div> <div class="elementor-element elementor-element-0891a81 elementor-widget elementor-widget-text-editor" data-id="0891a81" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>We prefer to stick to what we’re good at.<br />As a result, we don’t market C&S as Activation Specialists. <br />Instead, we call on our talented suppliers to make it happen for you.<br />Our role, is to ensure that your brand-identity is kept intact.</p><p> </p><p> </p> </div> </div> <div class="elementor-element elementor-element-e6ba779 elementor-widget elementor-widget-text-editor" data-id="e6ba779" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Writing a script or creating a storyboard is one thing.<br />Making sure that “the agreed” comes to life, is another.</p><p>In our combined experience, the C&S team have written & created a few hundred Tv ads, and countless radio spots.</p><p>When it comes to production, we only deal with the best in the industry and as a result, every project is delivered<br />on-time and to expectation.</p><p> </p><p> </p> </div> </div> <div class="elementor-element elementor-element-68e129e elementor-widget elementor-widget-text-editor" data-id="68e129e" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>C&S are not printers, but we do have suppliers that we’ve trusted for over 20 years.</p><p>Generally, our clients’ procurement departments prefer to use their own suppliers. – We’re happy with that.</p><p>When we do any kind of production for any of our clients,<br />we physically go to the production site and approve the quality before it goes to the client.</p><p> </p> </div> </div> <div class="elementor-element elementor-element-bbe209c elementor-widget elementor-widget-text-editor" data-id="bbe209c" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>This is not a service that C&S currently offers.<br />However, we have fantastic partners that do.<br />The C&S job is to make sure that your brand is appropriately placed.</p><p> </p><p> </p> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-inner-section elementor-element elementor-element-44190976 as-changing-widget elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="44190976" data-element_type="section" data-settings="{"jet_parallax_layout_list":[]}"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6b1b02a8" data-id="6b1b02a8" data-element_type="column"> <div class="elementor-widget-wrap"> </div> </div> </div> </section> </div> </div> </div> </section> </div> </div> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-64d60f6d" data-id="64d60f6d" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-4a1f3fc6 elementor-widget elementor-widget-html" data-id="4a1f3fc6" data-element_type="widget" data-widget_type="html.default"> <div class="elementor-widget-container"> <script type="rocketlazyloadscript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script type="rocketlazyloadscript"> var $ = jQuery $(document).ready(function(){ $('.as-slider').each(function(){ var $this = $(this), currentSlide = 0, previousSlide = 0, slideNumber = $this.find('.as-side-slider .swiper-slide:not(.swiper-slide-duplicate)').length, barHTML = '', forward, textContainer = $this.find('.as-changing-widget') for(var i=0; i<slideNumber;i++){ barHTML += `<span class="dot"><span class="dot-number">${i+1}</span></span>` } $this.find('.as-bar .dot').remove() $this.find('.as-bar .elementor-widget-wrap').append(barHTML) $this.find('.as-bar .dot').eq(0).addClass('active') textContainer.each(function(){ var texts = $(this).find('.elementor-widget').eq(0) texts.addClass('currentUp') $(this).css('--h', texts.height()+'px') }) setTimeout(function(){ $this.addClass('loaded') if($this.find('.as-side-slider .swiper-container-initialized').length){ $this.find('.as-side-slider').addClass('loaded') } var init = setInterval(function(){ if($this.find('.as-side-slider .swiper-container-initialized').length){ $this.find('.as-side-slider').addClass('loaded') clearInterval(init) } },50) }, 500) var bgs = JSON.parse($this.attr('data-settings')).background_slideshow_gallery, bgHTML = '<div class="as-slider-background">' if(bgs){ bgs.forEach(function(background){ bgHTML += `<img src="${background.url}"/>` }) } bgHTML += '</div>' $this.find('.as-slider-background').remove() $(this).prepend(bgHTML) var backgrounds = $this.find('.as-slider-background img') backgrounds.eq(0).addClass('currentForward') setInterval(function(){ currentSlide = $this.find('.as-side-slider .swiper-slide-active').attr('data-swiper-slide-index') if(previousSlide != currentSlide) { if( previousSlide < currentSlide ){ forward = true } if( previousSlide > currentSlide ){ forward = false } if( previousSlide == slideNumber - 1 && currentSlide == 0 ){ forward = true } if( previousSlide == 0 && currentSlide == slideNumber - 1 ){ forward = false } textContainer.each(function(){ var texts = $(this).find('.elementor-widget') $(this).css('--h', texts.eq(currentSlide).height()+'px') texts.removeClass('prev next currentUp currentDown') backgrounds.removeClass('prev currentBackward currentForward') backgrounds.eq(previousSlide).addClass('prev') if(forward) { texts.eq(previousSlide).addClass('prev') texts.eq(currentSlide).addClass('currentUp') backgrounds.eq(currentSlide).addClass('currentForward') }else{ texts.eq(previousSlide).addClass('next') texts.eq(currentSlide).addClass('currentDown') backgrounds.eq(currentSlide).addClass('currentBackward') } }) $this.find('.as-bar .dot').removeClass('active') $this.find('.as-bar .dot').eq(currentSlide).addClass('active') } previousSlide = currentSlide }, 500) $this.find('.as-bar .dot').on('click', function(){ var index = $(this).index() $this.find('.as-side-slider .swiper-pagination-bullet').eq(index).trigger('click') $this.find('.as-side-slider .swiper-container').trigger('mouseleave') }) $this.find('.as-slider-left').on('click', function(){ $this.find('.as-side-slider .elementor-swiper-button-prev').trigger('click') $this.find('.as-side-slider .elementor-swiper').trigger('mouseleave') }) $this.find('.as-slider-right').on('click', function(){ $this.find('.as-side-slider .elementor-swiper-button-next').trigger('click') $this.find('.as-side-slider .elementor-swiper').trigger('mouseleave') }) $this.find('.as-slider-left a, .as-slider-right a').on('click', function(e){ e.preventDefault() }) }) }) $(window).on('resize', function(){ $('.as-slider').each(function(){ var textContainer = $(this).find('.as-changing-widget') textContainer.each(function(){ var texts = $(this).find('.elementor-widget.currentUp, .elementor-widget.currentDown') $(this).css('--h', texts.height()+'px') }) }) }) </script> </div> </div> <div class="elementor-element elementor-element-7b0912bf as-side-slider elementor-widget-mobile__width-initial elementor-testimonial--skin-default elementor-testimonial--layout-image_inline elementor-testimonial--align-center elementor-arrows-yes elementor-pagination-type-bullets elementor-widget elementor-widget-testimonial-carousel" data-id="7b0912bf" data-element_type="widget" data-settings="{"slides_per_view":"5","space_between":{"unit":"px","size":30,"sizes":[]},"slides_per_view_tablet":"3","space_between_tablet":{"unit":"px","size":20,"sizes":[]},"space_between_mobile":{"unit":"px","size":20,"sizes":[]},"slides_per_view_mobile":"3","show_arrows":"yes","pagination":"bullets","speed":500,"loop":"yes"}" data-widget_type="testimonial-carousel.default"> <div class="elementor-widget-container"> <div class="elementor-swiper"> <div class="elementor-main-swiper swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="elementor-testimonial"> <div class="elementor-testimonial__footer"> <div class="elementor-testimonial__image"> <img src="https://www.andstuff.studio/wp-content/uploads/2022/09/blue-try-1.png" alt="Brand Strategy & Building"> </div> <cite class="elementor-testimonial__cite"><span class="elementor-testimonial__name">Brand Strategy & Building</span></cite> </div> </div> </div> <div class="swiper-slide"> <div class="elementor-testimonial"> <div class="elementor-testimonial__footer"> <div class="elementor-testimonial__image"> <img src="https://www.andstuff.studio/wp-content/uploads/2022/09/pink-try-1.png" alt="Concept & Design"> </div> <cite class="elementor-testimonial__cite"><span class="elementor-testimonial__name">Concept & Design</span></cite> </div> </div> </div> <div class="swiper-slide"> <div class="elementor-testimonial"> <div class="elementor-testimonial__footer"> <div class="elementor-testimonial__image"> <img src="https://www.andstuff.studio/wp-content/uploads/2022/09/orange-new.png" alt="Traditional Advertising"> </div> <cite class="elementor-testimonial__cite"><span class="elementor-testimonial__name">Traditional Advertising</span></cite> </div> </div> </div> <div class="swiper-slide"> <div class="elementor-testimonial"> <div class="elementor-testimonial__footer"> <div class="elementor-testimonial__image"> <img src="https://www.andstuff.studio/wp-content/uploads/2022/09/lime-new.png" alt="Digital Communication"> </div> <cite class="elementor-testimonial__cite"><span class="elementor-testimonial__name">Digital Communication</span></cite> </div> </div> </div> <div class="swiper-slide"> <div class="elementor-testimonial"> <div class="elementor-testimonial__footer"> <div class="elementor-testimonial__image"> <img src="https://www.andstuff.studio/wp-content/uploads/2022/09/blue-l-new.png" alt="Social Communication"> </div> <cite class="elementor-testimonial__cite"><span class="elementor-testimonial__name">Social Communication</span></cite> </div> </div> </div> <div class="swiper-slide"> <div class="elementor-testimonial"> <div class="elementor-testimonial__footer"> <div class="elementor-testimonial__image"> <img src="https://www.andstuff.studio/wp-content/uploads/2022/09/pink-1-new.png" alt="Social Media Management"> </div> <cite class="elementor-testimonial__cite"><span class="elementor-testimonial__name">Social Media Management</span></cite> </div> </div> </div> <div class="swiper-slide"> <div class="elementor-testimonial"> <div class="elementor-testimonial__footer"> <div class="elementor-testimonial__image"> <img src="https://www.andstuff.studio/wp-content/uploads/2022/09/yellow-new.png" alt="App Building & Coding"> </div> <cite class="elementor-testimonial__cite"><span class="elementor-testimonial__name">App Building & Coding</span></cite> </div> </div> </div> <div class="swiper-slide"> <div class="elementor-testimonial"> <div class="elementor-testimonial__footer"> <div class="elementor-testimonial__image"> <img src="https://www.andstuff.studio/wp-content/uploads/2022/09/blue-try-1.png" alt="Virtual Events"> </div> <cite class="elementor-testimonial__cite"><span class="elementor-testimonial__name">Virtual Events</span></cite> </div> </div> </div> <div class="swiper-slide"> <div class="elementor-testimonial"> <div class="elementor-testimonial__footer"> <div class="elementor-testimonial__image"> <img src="https://www.andstuff.studio/wp-content/uploads/2022/09/pink-try-1.png" alt="Events & Activations"> </div> <cite class="elementor-testimonial__cite"><span class="elementor-testimonial__name">Events & Activations</span></cite> </div> </div> </div> <div class="swiper-slide"> <div class="elementor-testimonial"> <div class="elementor-testimonial__footer"> <div class="elementor-testimonial__image"> <img src="https://www.andstuff.studio/wp-content/uploads/2022/09/orange-new.png" alt="Audio & Visual Production"> </div> <cite class="elementor-testimonial__cite"><span class="elementor-testimonial__name">Audio & Visual Production</span></cite> </div> </div> </div> <div class="swiper-slide"> <div class="elementor-testimonial"> <div class="elementor-testimonial__footer"> <div class="elementor-testimonial__image"> <img src="https://www.andstuff.studio/wp-content/uploads/2022/09/lime-new.png" alt="Print & specialised Production"> </div> <cite class="elementor-testimonial__cite"><span class="elementor-testimonial__name">Print & specialised Production</span></cite> </div> </div> </div> <div class="swiper-slide"> <div class="elementor-testimonial"> <div class="elementor-testimonial__footer"> <div class="elementor-testimonial__image"> <img src="https://www.andstuff.studio/wp-content/uploads/2022/09/blue-l-new.png" alt="Media Strategy & Buying"> </div> <cite class="elementor-testimonial__cite"><span class="elementor-testimonial__name">Media Strategy & Buying</span></cite> </div> </div> </div> </div> <div class="swiper-pagination"></div> <div class="elementor-swiper-button elementor-swiper-button-prev"> <i aria-hidden="true" class="eicon-chevron-left"></i> <span class="elementor-screen-only">Previous</span> </div> <div class="elementor-swiper-button elementor-swiper-button-next"> <i aria-hidden="true" class="eicon-chevron-right"></i> <span class="elementor-screen-only">Next</span> </div> </div> </div> </div> </div> <section class="elementor-section elementor-inner-section elementor-element elementor-element-e422e8f elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="e422e8f" data-element_type="section" data-settings="{"jet_parallax_layout_list":[]}"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-63718855" data-id="63718855" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-4a27b0f7 as-slider-left elementor-absolute elementor-widget__width-auto elementor-widget elementor-widget-button" data-id="4a27b0f7" data-element_type="widget" data-settings="{"_position":"absolute"}" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a href="#" class="elementor-button-link elementor-button elementor-size-sm" role="button"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon elementor-align-icon-left"> <i aria-hidden="true" class="fas fa-arrow-left"></i> </span> <span class="elementor-button-text"></span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-6a2fd1af as-slider-right elementor-absolute elementor-widget__width-auto elementor-widget elementor-widget-button" data-id="6a2fd1af" data-element_type="widget" data-settings="{"_position":"absolute"}" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a href="#" class="elementor-button-link elementor-button elementor-size-sm" role="button"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon elementor-align-icon-left"> <i aria-hidden="true" class="fas fa-arrow-right"></i> </span> <span class="elementor-button-text"></span> </span> </a> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> </div> </div> </div> </div> <div class="theplus-accordion-item" > <div id="elementor-tab-title-2904" class="elementor-tab-title plus-accordion-header no text-left " tabindex="2904" data-tab="4" role="tab" aria-controls="elementor-tab-content-2904"> <span style="width:100%">Contact Us</span> </div> <div id="elementor-tab-content-2904" class="elementor-tab-content elementor-clearfix plus-accordion-content no " data-tab="4" role="tabpanel" aria-labelledby="elementor-tab-title-2904"> <div class="plus-content-editor" > <div data-elementor-type="page" data-elementor-id="1643" class="elementor elementor-1643"> <section class="elementor-section elementor-top-section elementor-element elementor-element-4869471 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="4869471" data-element_type="section" data-settings="{"jet_parallax_layout_list":[],"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a1a9eae" data-id="a1a9eae" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-f2be1a5 elementor-widget elementor-widget-image" data-id="f2be1a5" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img src="https://www.andstuff.studio/wp-content/uploads/elementor/thumbs/stomp-logo-pwc1qd2liafha4nvl92t1cngu8xficy52j2m9evojk.png" title="stomp-logo" alt="stomp-logo" /> </div> </div> </div> </div> </div> </section> <div class="elementor-section elementor-top-section elementor-element elementor-element-d63d691 ScrollStyle elementor-section-full_width elementor-section-height-min-height elementor-section-content-middle elementor-section-height-default elementor-section-items-middle" data-id="d63d691" data-element_type="section" data-settings="{"jet_parallax_layout_list":[],"background_background":"video","background_video_link":"https:\/\/www.andstuff.studio\/wp-content\/uploads\/2022\/07\/cspreloadblur.webm","jet_sticky_section_sticky":"yes","jet_sticky_section_sticky_visibility":["desktop","tablet","mobile"]}"> <div class="elementor-background-video-container elementor-hidden-phone"> <video class="elementor-background-video-hosted elementor-html5-video" autoplay muted playsinline loop></video> </div> <div class="elementor-background-overlay"></div> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-643d4d9" data-id="643d4d9" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <section class="elementor-section elementor-inner-section elementor-element elementor-element-bb5971b elementor-section-full_width elementor-section-content-middle elementor-section-height-default elementor-section-height-default" data-id="bb5971b" data-element_type="section" data-settings="{"jet_parallax_layout_list":[]}"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-7f73f03" data-id="7f73f03" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-ba81bae elementor-invisible elementor-widget elementor-widget-text-editor" data-id="ba81bae" data-element_type="widget" data-settings="{"_animation":"slideInRight"}" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> want to discuss<br>a new project? </div> </div> </div> </div> <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-cb8ed88" data-id="cb8ed88" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-105bb18 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="105bb18" data-element_type="widget" data-settings="{"_animation":"fadeIn"}" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> CONTACT INFO </div> </div> <div class="elementor-element elementor-element-23001fc elementor-invisible elementor-widget elementor-widget-text-editor" data-id="23001fc" data-element_type="widget" data-settings="{"_animation":"slideInUp"}" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <a href="mailto:hello@andstuff.studio">hello@andstuff.studio</a> </div> </div> <div class="elementor-element elementor-element-98999e8 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="98999e8" data-element_type="widget" data-settings="{"_animation":"slideInUp"}" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <a href="tel:+27729435606">+27 72 943 5606</a> </div> </div> <div class="elementor-element elementor-element-028d86a elementor-invisible elementor-widget elementor-widget-text-editor" data-id="028d86a" data-element_type="widget" data-settings="{"_animation":"fadeIn"}" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> SOCIALS </div> </div> <div class="elementor-element elementor-element-44c3052 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="44c3052" data-element_type="widget" data-settings="{"_animation":"slideInUp"}" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p><a href="https://www.facebook.com/Creativeandstuff" target="_blank" rel="noopener">Facebook</a><br /><a href="https://www.linkedin.com/company/creativeandstuff/" target="_blank" rel="noopener">Linkedin</a></p> </div> </div> </div> </div> <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-ce54e8c" data-id="ce54e8c" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-983d548 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="983d548" data-element_type="widget" data-settings="{"_animation":"fadeIn"}" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> ADDRESS </div> </div> <div class="elementor-element elementor-element-02bc230 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="02bc230" data-element_type="widget" data-settings="{"_animation":"slideInUp"}" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <a href="https://www.google.com/maps/place/Creative+%26+Stuff+Creative+Services+Agency/@-26.1181929,28.0268729,12z/data=!4m9!1m2!2m1!1sCreative+%26+Stuff!3m5!1s0x1e9573f3574ac51b:0x3b986e3b8ae05a53!8m2!3d-26.0503301!4d28.0248266!15sChBDcmVhdGl2ZSAmIFN0dWZmkgESYWR2ZXJ0aXNpbmdfYWdlbmN54AEA" target="_blank" rel="noopener">3 Portman Rd, Bryanston,<br> Sandton, 2191</a> </div> </div> <div class="elementor-element elementor-element-9673de6 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="9673de6" data-element_type="widget" data-settings="{"_animation":"slideInUp"}" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p><img loading="lazy" class="alignnone wp-image-2064" src="https://www.andstuff.studio/wp-content/uploads/2022/10/CandS_Health-logo-sml-500x347.png" alt="" width="150" height="104" srcset="https://www.andstuff.studio/wp-content/uploads/2022/10/CandS_Health-logo-sml-500x347.png 500w, https://www.andstuff.studio/wp-content/uploads/2022/10/CandS_Health-logo-sml.png 595w" sizes="(max-width: 150px) 100vw, 150px" /><br />Find out about Creative & Stuff Health <a href="https://health.andstuff.studio/" target="_blank" rel="noopener">here</a></p> </div> </div> <div class="elementor-element elementor-element-25155a4 elementor-widget elementor-widget-image" data-id="25155a4" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img src="https://www.andstuff.studio/wp-content/uploads/elementor/thumbs/bee-trans-pwc1rcsgpzs7ec0phuww3yvzaqi493al3e7pw1g8hs.png" title="bee-trans" alt="bee-trans" /> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div>  <div id="cmplz-cookiebanner-container"><div class="cmplz-cookiebanner cmplz-hidden banner-1 optin cmplz-bottom-right cmplz-categories-type-view-preferences" aria-modal="true" data-nosnippet="true" role="dialog" aria-live="polite" aria-labelledby="cmplz-header-1-optin" aria-describedby="cmplz-message-1-optin"> <div class="cmplz-header"> <div class="cmplz-logo"></div> <div class="cmplz-title" id="cmplz-header-1-optin">Manage Cookie Consent</div> <div class="cmplz-close" tabindex="0" role="button" aria-label="close-dialog"> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> </div> </div> <div class="cmplz-divider cmplz-divider-header"></div> <div class="cmplz-body"> <div class="cmplz-message" id="cmplz-message-1-optin">To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.</div>  <div class="cmplz-categories"> <details class="cmplz-category cmplz-functional" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Functional</span> <span class='cmplz-always-active'> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-functional-optin" data-category="cmplz_functional" class="cmplz-consent-checkbox cmplz-functional" size="40" value="1"/> <label class="cmplz-label" for="cmplz-functional-optin" tabindex="0"><span>Functional</span></label> </span> Always active </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-functional">The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.</span> </div> </details> <details class="cmplz-category cmplz-preferences" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Preferences</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-preferences-optin" data-category="cmplz_preferences" class="cmplz-consent-checkbox cmplz-preferences" size="40" value="1"/> <label class="cmplz-label" for="cmplz-preferences-optin" tabindex="0"><span>Preferences</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-preferences">The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.</span> </div> </details> <details class="cmplz-category cmplz-statistics" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Statistics</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-statistics-optin" data-category="cmplz_statistics" class="cmplz-consent-checkbox cmplz-statistics" size="40" value="1"/> <label class="cmplz-label" for="cmplz-statistics-optin" tabindex="0"><span>Statistics</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-statistics">The technical storage or access that is used exclusively for statistical purposes.</span> <span class="cmplz-description-statistics-anonymous">The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.</span> </div> </details> <details class="cmplz-category cmplz-marketing" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Marketing</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-marketing-optin" data-category="cmplz_marketing" class="cmplz-consent-checkbox cmplz-marketing" size="40" value="1"/> <label class="cmplz-label" for="cmplz-marketing-optin" tabindex="0"><span>Marketing</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-marketing">The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.</span> </div> </details> </div> </div> <div class="cmplz-links cmplz-information"> <a class="cmplz-link cmplz-manage-options cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Manage options</a> <a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookies-overview">Manage services</a> <a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper">Manage vendors</a> <a class="cmplz-link cmplz-external cmplz-read-more-purposes tcf" target="_blank" rel="noopener noreferrer nofollow" href="https://cookiedatabase.org/tcf/purposes/">Read more about these purposes</a> </div> <div class="cmplz-divider cmplz-footer"></div> <div class="cmplz-buttons"> <button class="cmplz-btn cmplz-accept">Accept</button> <button class="cmplz-btn cmplz-deny">Deny</button> <button class="cmplz-btn cmplz-view-preferences">View preferences</button> <button class="cmplz-btn cmplz-save-preferences">Save preferences</button> <a class="cmplz-btn cmplz-manage-options tcf cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">View preferences</a> </div> <div class="cmplz-links cmplz-documents"> <a class="cmplz-link cookie-statement" href="#" data-relative_url="">{title}</a> <a class="cmplz-link privacy-statement" href="#" data-relative_url="">{title}</a> <a class="cmplz-link impressum" href="#" data-relative_url="">{title}</a> </div> </div> </div> <div id="cmplz-manage-consent" data-nosnippet="true"><button class="cmplz-btn cmplz-hidden cmplz-manage-consent manage-consent-1">Manage consent</button> </div><link rel='stylesheet' id='elementor-post-1551-css' href='https://www.andstuff.studio/wp-content/uploads/elementor/css/post-1551.css?ver=1667205406' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-1565-css' href='https://www.andstuff.studio/wp-content/uploads/elementor/css/post-1565.css?ver=1714457160' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-1793-css' href='https://www.andstuff.studio/wp-content/uploads/elementor/css/post-1793.css?ver=1697538108' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-1643-css' href='https://www.andstuff.studio/wp-content/uploads/elementor/css/post-1643.css?ver=1714457271' type='text/css' media='all' /> <link rel='stylesheet' id='e-animations-css' href='https://www.andstuff.studio/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=3.8.0' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-icons-shared-0-css' href='https://www.andstuff.studio/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min.css?ver=5.15.3' type='text/css' media='all' /> <link data-minify="1" rel='stylesheet' id='elementor-icons-fa-solid-css' href='https://www.andstuff.studio/wp-content/cache/min/1/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.min.css?ver=1679512130' type='text/css' media='all' /> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-content/themes/jupiterx-child/assets/js/script.js?ver=6f99d2244143b8b31eec292d25140746' id='jupiterx-child-js'></script> <script type='text/javascript' id='flat-preloader-js-js-extra'> /* <![CDATA[ */ var flatPreloader = {"delayTime":"5","showPreloaderInstantly":"","host":"www.andstuff.studio","ignores":["^https?:\\\/\\\/[^\\\/]+\\\/(#.*)?$","^https\\:\\\/\\\/www\\.andstuff\\.studio\\\/wp\\-admin\\\/","^https\\:\\\/\\\/www\\.andstuff\\.studio[^?#]+\\.php","\\\/wp\\-content",".*\\?.+"],"display":"home"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-content/plugins/flat-preloader/assets/js/flat-preloader.js?ver=1.11.3' id='flat-preloader-js-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-includes/js/jquery/ui/core.min.js?ver=1.13.1' id='jquery-ui-core-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-includes/js/jquery/ui/menu.min.js?ver=1.13.1' id='jquery-ui-menu-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.13.9' id='regenerator-runtime-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0' id='wp-polyfill-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-includes/js/dist/dom-ready.min.js?ver=d996b53411d1533a84951212ab6ac4ff' id='wp-dom-ready-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-includes/js/dist/hooks.min.js?ver=c6d64f2cb8f5c6bb49caca37f8828ce3' id='wp-hooks-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-includes/js/dist/i18n.min.js?ver=ebee46757c6a411e38fd079a7ac71d94' id='wp-i18n-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' id='wp-i18n-js-after'> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-includes/js/dist/a11y.min.js?ver=a38319d7ba46c6e60f7f9d4c371222c5' id='wp-a11y-js'></script> <script type='text/javascript' id='jquery-ui-autocomplete-js-extra'> /* <![CDATA[ */ var uiAutocompleteL10n = {"noResults":"No results found.","oneResult":"1 result found. Use up and down arrow keys to navigate.","manyResults":"%d results found. Use up and down arrow keys to navigate.","itemSelected":"Item selected."}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-includes/js/jquery/ui/autocomplete.min.js?ver=1.13.1' id='jquery-ui-autocomplete-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-includes/js/jquery/ui/mouse.min.js?ver=1.13.1' id='jquery-ui-mouse-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-includes/js/jquery/ui/slider.min.js?ver=1.13.1' id='jquery-ui-slider-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-includes/js/jquery/jquery.form.min.js?ver=4.3.0' id='jquery-form-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-includes/js/jquery/jquery.ui.touch-punch.js?ver=0.2.2' id='jquery-touch-punch-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='//www.andstuff.studio/wp-content/uploads/theplus-addons/theplus-post-1333.min.js?ver=1667205406' id='theplus-front-js-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-includes/js/jquery/ui/draggable.min.js?ver=1.13.1' id='jquery-ui-draggable-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' id='rocket-browser-checker-js-after'> "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); </script> <script type='text/javascript' id='rocket-preload-links-js-extra'> /* <![CDATA[ */ var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index\\.php\/)?wp\\-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/www.andstuff.studio","onHoverDelay":"100","rateThrottle":"3"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' id='rocket-preload-links-js-after'> (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); </script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-content/plugins/jupiterx-core/includes/woocommerce/wc-quick-view.js?ver=2.5.2' id='jupiterx-wc-quickview-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-includes/js/underscore.min.js?ver=1.13.3' id='underscore-js'></script> <script type='text/javascript' id='jupiterx-js-extra'> /* <![CDATA[ */ var jupiterxOptions = {"smoothScroll":"1","videMedia":"0"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-content/themes/jupiterx/lib/assets/dist/js/frontend.min.js?ver=2.5.2' id='jupiterx-js'></script> <script type='text/javascript' id='eael-general-js-extra'> /* <![CDATA[ */ var localize = {"ajaxurl":"https:\/\/www.andstuff.studio\/wp-admin\/admin-ajax.php","nonce":"ebf93e8959","i18n":{"added":"Added ","compare":"Compare","loading":"Loading..."},"page_permalink":"https:\/\/www.andstuff.studio\/","cart_redirectition":"","cart_page_url":"","el_breakpoints":{"mobile":{"label":"Mobile","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Extra","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Extra","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/js/view/general.min.js?ver=5.4.2' id='eael-general-js'></script> <script type='text/javascript' id='cmplz-cookiebanner-js-extra'> /* <![CDATA[ */ var complianz = {"prefix":"cmplz_","user_banner_id":"1","set_cookies":[],"block_ajax_content":"0","banner_version":"15","version":"6.3.4","store_consent":"","do_not_track":"","consenttype":"optin","region":"za","geoip":"","dismiss_timeout":"","disable_cookiebanner":"","soft_cookiewall":"","dismiss_on_scroll":"","cookie_expiry":"365","url":"https:\/\/www.andstuff.studio\/wp-json\/complianz\/v1\/","locale":"lang=en&locale=en","set_cookies_on_root":"0","cookie_domain":"","current_policy_id":"14","cookie_path":"\/","categories":{"statistics":"statistics","marketing":"marketing"},"tcf_active":"","placeholdertext":"Click to accept {category} cookies and enable this content","css_file":"https:\/\/www.andstuff.studio\/wp-content\/uploads\/complianz\/css\/banner-{banner_id}-{type}.css?v=15","page_links":{"za":{"cookie-statement":{"title":"Cookie Policy ","url":"https:\/\/www.andstuff.studio\/cookie-policy\/"},"privacy-statement":{"title":"Privacy Policy","url":"https:\/\/www.andstuff.studio\/privacy-policy\/"}}},"tm_categories":"","forceEnableStats":"","preview":"","clean_cookies":""}; /* ]]> */ </script> <script type="rocketlazyloadscript" defer data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-content/plugins/complianz-gdpr/cookiebanner/js/complianz.min.js?ver=6.3.4' id='cmplz-cookiebanner-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-includes/js/imagesloaded.min.js?ver=4.1.4' id='imagesloaded-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-content/plugins/jet-elements/assets/js/lib/resize-sensor/ResizeSensor.min.js?ver=1.7.0' id='jet-resize-sensor-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-content/plugins/jetsticky-for-elementor/assets/js/lib/sticky-sidebar/sticky-sidebar.min.js?ver=3.3.1' id='jet-sticky-sidebar-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-content/plugins/jetsticky-for-elementor/assets/js/lib/jsticky/jquery.jsticky.js?ver=1.1.0' id='jsticky-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.8.0' id='elementor-pro-webpack-runtime-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.8.0' id='elementor-webpack-runtime-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.8.0' id='elementor-frontend-modules-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' id='elementor-pro-frontend-js-before'> var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/www.andstuff.studio\/wp-admin\/admin-ajax.php","nonce":"c9afeea6d3","urls":{"assets":"https:\/\/www.andstuff.studio\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/www.andstuff.studio\/wp-json\/"},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"}},"facebook_sdk":{"lang":"en","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/www.andstuff.studio\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}}; </script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.8.0' id='elementor-pro-frontend-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2' id='elementor-waypoints-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' id='elementor-frontend-js-before'> var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Extra","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Extra","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}},"version":"3.8.0","is_static":false,"experimentalFeatures":{"e_dom_optimization":true,"e_optimized_assets_loading":true,"a11y_improvements":true,"e_import_export":true,"e_hidden_wordpress_widgets":true,"theme_builder_v2":true,"landing-pages":true,"elements-color-picker":true,"favorite-widgets":true,"admin-top-bar":true,"page-transitions":true,"notes":true,"form-submissions":true,"e_scroll_snap":true},"urls":{"assets":"https:\/\/www.andstuff.studio\/wp-content\/plugins\/elementor\/assets\/"},"settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":1333,"title":"Creative%20%26%20Stuff%20-%20Creative%20%26%20Stuff","excerpt":"","featuredImage":false}}; </script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.8.0' id='elementor-frontend-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=3.8.0' id='pro-elements-handlers-js'></script> <script type='text/javascript' id='jet-elements-js-extra'> /* <![CDATA[ */ var jetElements = {"ajaxUrl":"https:\/\/www.andstuff.studio\/wp-admin\/admin-ajax.php","isMobile":"false","templateApiUrl":"https:\/\/www.andstuff.studio\/wp-json\/jet-elements-api\/v1\/elementor-template","devMode":"false","messages":{"invalidMail":"Please specify a valid e-mail"}}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-content/plugins/jet-elements/assets/js/jet-elements.min.js?ver=2.6.7' id='jet-elements-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-content/plugins/jet-elements/assets/js/lib/anime-js/anime.min.js?ver=2.2.0' id='jet-anime-js-js'></script> <script type='text/javascript' id='jet-popup-frontend-js-extra'> /* <![CDATA[ */ var jetPopupData = {"elements_data":{"sections":[],"columns":[],"widgets":[]},"version":"1.6.0","ajax_url":"https:\/\/www.andstuff.studio\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-content/plugins/jet-popup/assets/js/jet-popup-frontend.js?ver=1.6.0' id='jet-popup-frontend-js'></script> <script type='text/javascript' id='jet-sticky-frontend-js-extra'> /* <![CDATA[ */ var JetStickySettings = {"elements_data":{"sections":[],"columns":[]}}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-content/plugins/jetsticky-for-elementor/assets/js/jet-sticky-frontend.js?ver=1.0.3' id='jet-sticky-frontend-js'></script> <script type='text/javascript' id='wp-util-js-extra'> /* <![CDATA[ */ var _wpUtilSettings = {"ajax":{"url":"\/wp-admin\/admin-ajax.php"}}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-includes/js/wp-util.min.js?ver=6f99d2244143b8b31eec292d25140746' id='wp-util-js'></script> <script type='text/javascript' id='jupiterx-core-raven-frontend-js-extra'> /* <![CDATA[ */ var ravenFormsTranslations = {"validation":{"required":"Please fill in this field","invalidEmail":"The value is not a valid email address","invalidPhone":"The value should only consist numbers and phone characters (-, +, (), etc)","invalidNumber":"The value is not a valid number","invalidMaxValue":"Value must be less than or equal to MAX_VALUE","invalidMinValue":"Value must be greater than or equal to MIN_VALUE"},"itiValidation":{"invalidCountryCode":"Invalid country code","tooShort":"Phone number is too short","tooLong":"Phone number is too long","areaCodeMissing":"Area code is required.","invalidLength":"Phone number has an invalid length","invalidGeneral":"Invalid phone number","forceMinLength":"Phone number must be more than X digits","typeMismatch":["Phone number must be of type: Fixed Line","Phone number must be of type: Mobile","Phone number must be of type: Fixed Line or Mobile","Phone number must be of type: Toll Free","Phone number must be of type: Premium Rate","Phone number must be of type: Shared Cost","Phone number must be of type: VOIP","Phone number must be of type: Personal Number","Phone number must be of type: Pager","Phone number must be of type: UAN","Phone number must be of type: Voicemail"]}}; var ravenTools = {"nonce":"d816f4f947","activeElements":["alert","button","categories","countdown","counter","divider","flex-spacer","forms","heading","icon","image","image-gallery","nav-menu","photo-album","photo-roller","posts","post-content","post-comments","post-meta","products","search-form","shopping-cart","site-logo","tabs","video","breadcrumbs"]}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-content/plugins/jupiterx-core/includes/extensions/raven/assets/js/frontend.min.js?ver=6f99d2244143b8b31eec292d25140746' id='jupiterx-core-raven-frontend-js'></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://www.andstuff.studio/wp-content/plugins/elementor/assets/lib/flatpickr/flatpickr.min.js?ver=4.1.4' id='flatpickr-js'></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript"> (function() { document.body.className = document.body.className.replace('no-js','js'); }()); </script> <script>class RocketElementorAnimation{constructor(){this.deviceMode=document.createElement("span"),this.deviceMode.id="elementor-device-mode",this.deviceMode.setAttribute("class","elementor-screen-only"),document.body.appendChild(this.deviceMode)}_detectAnimations(){let t=getComputedStyle(this.deviceMode,":after").content.replace(/"/g,"");this.animationSettingKeys=this._listAnimationSettingsKeys(t),document.querySelectorAll(".elementor-invisible[data-settings]").forEach(t=>{const e=t.getBoundingClientRect();if(e.bottom>=0&&e.top<=window.innerHeight)try{this._animateElement(t)}catch(t){}})}_animateElement(t){const e=JSON.parse(t.dataset.settings),i=e._animation_delay||e.animation_delay||0,n=e[this.animationSettingKeys.find(t=>e[t])];if("none"===n)return void t.classList.remove("elementor-invisible");t.classList.remove(n),this.currentAnimation&&t.classList.remove(this.currentAnimation),this.currentAnimation=n;let s=setTimeout(()=>{t.classList.remove("elementor-invisible"),t.classList.add("animated",n),this._removeAnimationSettings(t,e)},i);window.addEventListener("rocket-startLoading",function(){clearTimeout(s)})}_listAnimationSettingsKeys(t="mobile"){const e=[""];switch(t){case"mobile":e.unshift("_mobile");case"tablet":e.unshift("_tablet");case"desktop":e.unshift("_desktop")}const i=[];return["animation","_animation"].forEach(t=>{e.forEach(e=>{i.push(t+e)})}),i}_removeAnimationSettings(t,e){this._listAnimationSettingsKeys().forEach(t=>delete e[t]),t.dataset.settings=JSON.stringify(e)}static run(){const t=new RocketElementorAnimation;requestAnimationFrame(t._detectAnimations.bind(t))}}document.addEventListener("DOMContentLoaded",RocketElementorAnimation.run);</script></body> </html>