<!DOCTYPE html>
<html class="no-js res-view wg-chat bootstrap5" lang="en" data-test="1" data-order-ver="order-new" dir="auto">
<head><script>var w3_googlefont=[];</script><script>var w3_is_mobile=0;var w3_lazy_load_by_px=30;var blank_image_webp_url = "https://www.paintyourlife.com/cache/blank.pngw3.webp";var google_fonts_delay_load = 100;var w3_upload_path="/var/www/paintyourlife/public/frontend/"; var w3_webp_path="/var/www/paintyourlife/public/frontend//w3-webp";var w3_mousemoveloadimg = false;var w3_page_is_scrolled = false;var w3_lazy_load_js = 1;var w3_excluded_js=0;class w3_loadscripts{constructor(e){this.triggerEvents=e,this.eventOptions={passive:!0},this.userEventListener=this.triggerListener.bind(this),this.lazy_trigger,this.style_load_fired,this.lazy_scripts_load_fired=0,this.scripts_load_fired=0,this.scripts_load_fire=0,this.excluded_js=w3_excluded_js,this.w3_lazy_load_js=w3_lazy_load_js,this.w3_fonts="undefined"!=typeof w3_googlefont?w3_googlefont:[],this.w3_styles=[],this.w3_scripts={normal:[],async:[],defer:[],lazy:[]},this.allJQueries=[]}user_events_add(e){this.triggerEvents.forEach(t=>window.addEventListener(t,e.userEventListener,e.eventOptions))}user_events_remove(e){this.triggerEvents.forEach(t=>window.removeEventListener(t,e.userEventListener,e.eventOptions))}triggerListener_on_load(){"loading"===document.readyState?document.addEventListener("DOMContentLoaded",this.load_resources.bind(this)):this.load_resources()}triggerListener(){this.user_events_remove(this),this.lazy_scripts_load_fired=1,this.add_html_class("w3_user"),"loading"===document.readyState?(document.addEventListener("DOMContentLoaded",this.load_style_resources.bind(this)),this.scripts_load_fire||document.addEventListener("DOMContentLoaded",this.load_resources.bind(this))):(this.load_style_resources(),this.scripts_load_fire||this.load_resources())}async load_style_resources(){!this.style_load_fired&&(this.style_load_fired=!0,this.register_styles(),document.getElementsByTagName("html")[0].setAttribute("data-css",this.w3_styles.length),document.getElementsByTagName("html")[0].setAttribute("data-css-loaded",0),this.preload_scripts(this.w3_styles),this.load_styles_preloaded())}async load_styles_preloaded(){setTimeout(function(e){document.getElementsByTagName("html")[0].classList.contains("css-preloaded")?e.load_styles(e.w3_styles):e.load_styles_preloaded()},200,this)}async load_resources(){!this.scripts_load_fired&&(this.scripts_load_fired=!0,this.hold_event_listeners(),this.exe_document_write(),this.register_scripts(),this.add_html_class("w3_start"),"function"==typeof w3_events_on_start_js&&w3_events_on_start_js(),this.preload_scripts(this.w3_scripts.normal),this.preload_scripts(this.w3_scripts.defer),this.preload_scripts(this.w3_scripts.async),await this.load_scripts(this.w3_scripts.normal),await this.load_scripts(this.w3_scripts.defer),await this.load_scripts(this.w3_scripts.async),await this.execute_domcontentloaded(),await this.execute_window_load(),window.dispatchEvent(new Event("w3-scripts-loaded")),this.add_html_class("w3_js"),"function"==typeof w3_events_on_end_js&&w3_events_on_end_js(),this.lazy_trigger=setInterval(this.w3_trigger_lazy_script,500,this))}async w3_trigger_lazy_script(e){e.lazy_scripts_load_fired&&(await e.load_scripts(e.w3_scripts.lazy),e.add_html_class("jsload"),clearInterval(e.lazy_trigger))}add_html_class(e){document.getElementsByTagName("html")[0].classList.add(e)}register_scripts(){document.querySelectorAll("script[type=lazyload_int]").forEach(e=>{e.hasAttribute("data-src")?e.hasAttribute("async")&&!1!==e.async?this.w3_scripts.async.push(e):e.hasAttribute("defer")&&!1!==e.defer||"module"===e.getAttribute("data-w3-type")?this.w3_scripts.defer.push(e):this.w3_scripts.normal.push(e):this.w3_scripts.normal.push(e)}),document.querySelectorAll("script[type=lazyload_ext]").forEach(e=>{this.w3_scripts.lazy.push(e)})}register_styles(){document.querySelectorAll("link[data-href]").forEach(e=>{this.w3_styles.push(e)})}async execute_script(e){return await this.repaint_frame(),new Promise(t=>{let s=document.createElement("script"),a;[...e.attributes].forEach(e=>{let t=e.nodeName;"type"!==t&&"data-src"!==t&&("data-w3-type"===t&&(t="type",a=e.nodeValue),s.setAttribute(t,e.nodeValue))}),e.hasAttribute("data-src")?(s.setAttribute("src",e.getAttribute("data-src")),s.addEventListener("load",t),s.addEventListener("error",t)):(s.text=e.text,t()),null!==e.parentNode&&e.parentNode.replaceChild(s,e)})}async execute_styles(e){var t;(t=e).href=t.getAttribute("data-href"),t.rel="stylesheet"}async load_scripts(e){let t=e.shift();return t?(await this.execute_script(t),this.load_scripts(e)):Promise.resolve()}async load_styles(e){let t=e.shift();return t?(this.execute_styles(t),this.load_styles(e)):"loaded"}async load_fonts(e){var t=document.createDocumentFragment();e.forEach(e=>{let s=document.createElement("link");s.href=e,s.rel="stylesheet",t.appendChild(s)}),setTimeout(function(){document.head.appendChild(t)},google_fonts_delay_load)}preload_scripts(e){var t=document.createDocumentFragment(),s=0,a=this;[...e].forEach(i=>{let r=i.getAttribute("data-src"),n=i.getAttribute("data-href");if(r){let d=document.createElement("link");d.href=r,d.rel="preload",d.as="script",t.appendChild(d)}else if(n){let l=document.createElement("link");l.href=n,l.rel="preload",l.as="style",s++,e.length==s&&(l.dataset.last=1),t.appendChild(l),l.onload=function(){fetch(this.href).then(e=>e.blob()).then(e=>{a.update_css_loader()}).catch(e=>{a.update_css_loader()})},l.onerror=function(){a.update_css_loader()}}}),document.head.appendChild(t)}update_css_loader(){document.getElementsByTagName("html")[0].setAttribute("data-css-loaded",parseInt(document.getElementsByTagName("html")[0].getAttribute("data-css-loaded"))+1),document.getElementsByTagName("html")[0].getAttribute("data-css")==document.getElementsByTagName("html")[0].getAttribute("data-css-loaded")&&document.getElementsByTagName("html")[0].classList.add("css-preloaded")}hold_event_listeners(){let e={};function t(t,s){!function(t){function s(s){return e[t].eventsToRewrite.indexOf(s)>=0?"w3-"+s:s}e[t]||(e[t]={originalFunctions:{add:t.addEventListener,remove:t.removeEventListener},eventsToRewrite:[]},t.addEventListener=function(){arguments[0]=s(arguments[0]),e[t].originalFunctions.add.apply(t,arguments)},t.removeEventListener=function(){arguments[0]=s(arguments[0]),e[t].originalFunctions.remove.apply(t,arguments)})}(t),e[t].eventsToRewrite.push(s)}function s(e,t){let s=e[t];Object.defineProperty(e,t,{get:()=>s||function(){},set(a){e["w3"+t]=s=a}})}t(document,"DOMContentLoaded"),t(window,"DOMContentLoaded"),t(window,"load"),t(window,"pageshow"),t(document,"readystatechange"),s(document,"onreadystatechange"),s(window,"onload"),s(window,"onpageshow")}hold_jquery(e){let t=window.jQuery;Object.defineProperty(window,"jQuery",{get:()=>t,set(s){if(s&&s.fn&&!e.allJQueries.includes(s)){s.fn.ready=s.fn.init.prototype.ready=function(t){if(void 0!==t)return e.scripts_load_fired?e.domReadyFired?t.bind(document)(s):document.addEventListener("w3-DOMContentLoaded",()=>t.bind(document)(s)):t.bind(document)(s),s(document)};let a=s.fn.on;s.fn.on=s.fn.init.prototype.on=function(){if("ready"==arguments[0]){if(this[0]!==document)return a.apply(this,arguments),this;"string"!=typeof arguments[1]&&arguments[1].bind(document)(s)}if(this[0]===window){function e(e){return e.split(" ").map(e=>"load"===e||0===e.indexOf("load.")?"w3-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=>{Object.assign(arguments[0],{[e(t)]:arguments[0][t]})[t]})}return a.apply(this,arguments),this},e.allJQueries.push(s)}t=s}})}async execute_domcontentloaded(){this.domReadyFired=!0,await this.repaint_frame(),document.dispatchEvent(new Event("w3-DOMContentLoaded")),await this.repaint_frame(),window.dispatchEvent(new Event("w3-DOMContentLoaded")),await this.repaint_frame(),document.dispatchEvent(new Event("w3-readystatechange")),await this.repaint_frame(),document.w3onreadystatechange&&document.w3onreadystatechange()}async execute_window_load(){await this.repaint_frame(),setTimeout(function(){window.dispatchEvent(new Event("w3-load"))},100),await this.repaint_frame(),window.w3onload&&window.w3onload(),await this.repaint_frame(),this.allJQueries.forEach(e=>e(window).trigger("w3-jquery-load")),window.dispatchEvent(new Event("w3-pageshow")),await this.repaint_frame(),window.w3onpageshow&&window.w3onpageshow()}exe_document_write(){let e=new Map;document.write=document.writeln=function(t){let s=document.currentScript,a=document.createRange(),i=s.parentElement,r=e.get(s);void 0===r&&(r=s.nextSibling,e.set(s,r));let n=document.createDocumentFragment();a.setStart(n,0),n.appendChild(a.createContextualFragment(t)),i.insertBefore(n,r)}}async repaint_frame(){return new Promise(e=>requestAnimationFrame(e))}static execute(){let e=new w3_loadscripts(["keydown","mousemove","touchmove","touchstart","touchend","wheel"]);e.load_fonts(e.w3_fonts),e.user_events_add(e),e.excluded_js||e.hold_jquery(e),e.w3_lazy_load_js||(e.scripts_load_fire=1,e.triggerListener_on_load());let t=setInterval(function e(s){null!=document.body&&(document.body.getBoundingClientRect().top<-30&&s.triggerListener(),clearInterval(t))},500,e)}}setTimeout(function(){w3_loadscripts.execute()},1e3);</script>
    
    
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
            <!-- Add meta viewport to responsive on tablet and mobile -->
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, minimal-ui">
    
    




<link rel="stylesheet" href="https://www.paintyourlife.com/cache/all-css/df9830212175d17e578a4ddf3ee55d87.css" />
<link rel="stylesheet" href="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/css/slick.css" />
<link rel="stylesheet" href="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/css/slick-theme.css" />
<link rel="stylesheet" href="https://www.paintyourlife.com/cache/all-css/c51c209f0fced4c879e45f51c2731198.css" />




<link rel="stylesheet" type="text/css" href="/themes/newPainting/css/responsive_index.css?v=20250826220142" />
<link rel="stylesheet" href="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/css/optimize/chat_widget.css" />
<link rel="stylesheet" href="https://www.paintyourlife.com/cache/all-css/7d6d0b6bac20789110a5c3dd6aac9274.css" />




<link rel="stylesheet" href="https://www.paintyourlife.com/cache/all-css/0f444198ea8a2337747770a0ae44e9a8.css" />
<script>
/*<![CDATA[*/

var domainName = "PaintYourLife.com";
var twitterDesc = "Check out this cool portrait from";
var shareUser = "0";
var shareUserUrl = "https://www.paintyourlife.com?u=0";
var getTinyUrl = "https://www.paintyourlife.com/site/getTinyUrl";
var linkSendInviteOrder = "https://www.paintyourlife.com/inviteOrder.php";

	var from = "home";
/*]]>*/
</script>
<title>Custom Hand-Painted Portraits from Photos - PaintYourLife</title>
    <meta content="en" name="language">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

            <meta name="p:domain_verify" content="db8e91eb49f2f57202e7cfb6cd26fea0"/>
    
    <meta name="description" content="Hand-painted portraits of your cherished memories. Whether honoring a loved one or surprising someone special, find the gift that speaks from the heart."/>

    <!-- Prevent auto create telephone link from string -->
    <meta name="format-detection" content="telephone=no">

    
    
    
    
    <meta name="google-site-verification" content="VBBzUPYjC4EmFq80F-_a3d4X0DCjSJtfYUXMlHzC_i0"/>
        <meta property="og:type" content="website" />

    <meta property="fb:app_id" content="164916960259333">


    
<meta property="og:url" content="https://www.paintyourlife.com/" />
    <meta property="og:title" content="Custom Hand-Painted Portraits from Photos - PaintYourLife"/>

    <meta property="og:description" content="Hand-painted portraits of your cherished memories. Whether honoring a loved one or surprising someone special, find the gift that speaks from the heart."/>


    <meta property="og:image:secure_url" content="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/painting/meta-v2/meta-img-ptp-v20-main.jpg" />
    <meta property="og:image" content="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/painting/meta-v2/meta-img-ptp-v20-main.jpg"/>
    <meta property="og:image:type" content="image/jpeg" />
    <meta property="og:image:width" content="1200"/>
    <meta property="og:image:height" content="630"/>


            <link rel="canonical" href="https://www.paintyourlife.com/" />
        <!--DEV-3862-->
    <link rel="preconnect" href="https://dqhvdmwzk0rbb.cloudfront.net">
    <link rel="dns-prefetch" href="https://dqhvdmwzk0rbb.cloudfront.net">
    <link rel="preconnect" href="https://d3pru31cczhtkp.cloudfront.net">
    <link rel="dns-prefetch" href="https://d3pru31cczhtkp.cloudfront.net">

    <link rel="icon" type="image/svg+xml" href="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/favicon_ptp.svg">

        <link href="https://www.paintyourlife.com/themes/newPainting/font/BebasNeue.otf" crossorigin="anonymous" as="font">

    <!--
            <link rel="preload" href="" as="image">
        -->
    <!-- Place favicon.ico in the root directory -->
    <link rel="dns-prefetch" href="//fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
    <!--<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic,600italic&display=swap' rel='stylesheet' type='text/css'>-->
    <link rel="preload" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic,600italic&display=swap" as="style">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic,600italic&display=swap" media="print" onload="this.media='all'">
    <noscript>
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic,600italic&display=swap">
    </noscript>
    <!--<link href="/css/lib/highslide.min.css" rel="stylesheet" type="text/css"/>-->
    <!--<link rel="stylesheet" href="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/css/normalize.css">
    <link rel="stylesheet" href="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/css/main.css">-->
    <link rel="stylesheet" href="https://www.paintyourlife.com/cache/all-css/0ff722d5eebbb0f278b63a04e727b3ba.css" />
    <link rel="stylesheet" href="https://www.paintyourlife.com/cache/all-css/36fd885b2cb368e67c601ee03d48827b.css" />

            <!--<link rel="stylesheet" href="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/css/bootstrap5.min.css" />-->
        <!--<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" />-->
        <link rel="preload" href="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/css/bootstrap5.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
        <noscript><link rel="stylesheet" href="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/css/bootstrap5.min.css" /></noscript>

        <link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
        <noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" /></noscript>
    
    <link rel="preload" href="/themes/newPainting/css/style.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link rel="stylesheet" href="https://www.paintyourlife.com/cache/all-css/e87eb172d11aa169e0985d7ff345db5a.css" /></noscript>
            
            <!--<link rel="stylesheet" href="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/css/global-custom.css">-->
    

    <link rel="stylesheet" href="https://www.paintyourlife.com/cache/all-css/04d277d6c96f432b1ab0962561feb35c.css" />

    <style>
        /* New verions for mobile order process */
            </style>

    <script>
        var checkingCouponText = 'Checking ...';
        var applyCouponText = 'Apply';
        var isDev = false;
        var isLiveServer = true;
        var isPYL = true;
        var useGTM = false;
        var fbAPI = '164916960259333';
        var fbApiVer = 'v23.0';
        var tmpPriceStr = '${tmp_price}';
        var currencyCode = '1';
        var linkSendInviteOrder = 'https://www.paintyourlife.com/inviteOrder.php';
        var linkCheckEmailInKlaviyo = 'https://www.paintyourlife.com/site/checkEmailInKlaviyo';
        var linkAddAttentivePopupLog = 'https://www.paintyourlife.com/logsSite/addAttentivePopupLog';
        var setCloseSessionUrl = 'https://www.paintyourlife.com/site/setCloseSession';
        var processDynamicPromotionsGoogle = 'https://www.paintyourlife.com/site/processDynamicPromotionsGoogle';
        var currentJwtOffer = '';
        var cur_sym = '$';
        var loginUrl = 'https://www.paintyourlife.com/login.php';
        var forgotPassUrl = 'https://www.paintyourlife.com/forgot_password.php';
        var dashboardUrl = 'https://www.paintyourlife.com/account-dashboard.php';
        var checkoutUrl = 'https://www.paintyourlife.com/checkout-v2.php';
        var subscribeMailChimpUrl = 'https://www.paintyourlife.com/subscribeMailChimp.php';
        var imageUrl = 'http://www.paintyourlife.com/common/uploads/';
        var imageThumbnailUrl = 'http://www.paintyourlife.com/common/uploads/thumbnails/';
        var imageUploadActionUrl = 'https://www.paintyourlife.com/upload.php';
        var remove_cart_url = "https://www.paintyourlife.com/removeCart.php";
        var remove_frame_url = "https://www.paintyourlife.com/site/removeFrameCart";
        var calcTmpPricesUrl = "https://www.paintyourlife.com/calcTmpPrices.php?rID=&iID=";
        var fromUSA = '1';
        var fromUK = '0';
        var fromCAD = '0';
        var depositPercent = '20';
        var depositDecimal = '0.2';
        var expressPercent = '0.15';
        var expressDecimal = '15';
        var customer_email_order = '';
        var SesID = '1p5rp1gtqugreof681ftn7jgkp';
        var showPopupPassword = '0';
        var curLangCode = 'en';
        var allowSessionStorage = true;
        var enableNoScriptComponents = true;
        var resView = true;
        var show_new_first = '0';
        var isOptimizedMode = '1';
        var testTracking = '0';
        var webpSupport = '';
        var pylToken = 'c7ec703c250e31a1d4b011ab2c932012bd8790a7';
        var enableZeroBounce = 1;
        var enableOrderEmailPopupOnStep4 = 0;
        var enableDisableValidateZeroBounceEmail = 0;//DEV-2145
        var enableExpressServiceUnificationOnTheCartPage = 0;//DEV-2444
        var enableUpdateLogoForGreetingCard = 1;//DEV-2467
        var enableAddCheckMarkUnderUploadButton = 0;//DEV-2561
        // DEV-2661
        var hasPaymentFullSession = 0;//DEV-2661
        var enablePaymentFullOnCart = 1;//DEV-2661
        // DEV-2698
        var enableRework100UpfrontPayment = 1;//DEV-2698
        // DEV-2698 Paypal 20%
        var enableRework100UpfrontPaymentAndPaypal20 = 1;//DEV-2698 Paypal 20%
        //DEV-2633
        var enableTestArtworkSection = 1;//DEV-2633
        //DEV-2796
        var enableInitialDepositRework100Upfront = 1;//DEV-2796
        //DEV-2796
        var enableInitialDepositUpfrontPaypal20 = 0;//DEV-2796
        //DEV-2796
        var enableInitialDeposit10Percentage = 1;//DEV-2796

        // DEV-2833
        var enableOneUploadOrderStep3 = 1;

        // DEV-2991
        var enableOrderNewProcessSwap34Step = 1;
        // DEV-2991 - variant 2
        var enableOrderNewProcessSwap34StepShowContactDetailStep4 = 1;

        // DEV-3028
        var enableUpdateUIShoppingCart = 1;
        var enableShoppingCart3147 = 1;

        // DEV-3008
        var enableOrderStep5NewVersion = 0;

        // DEV-3038
        var enableAffirmDirectly = 1;

        // DEV-3256
        var enableNewSubcribe = 1;
        // DEV-3435 + DEV-3537
        var enableOrderOnePage = 0;
        var enableOrderOnePageV2 = 0;
        var enableOrderOnePageV3 = 0        //DEV-3531
        var enableSplitOrder = 0;
        var enableSplitOrderV2 = 0;
        var enableSplitOrderV2Medium = 0;
        var enableSplitOrderV3 = 0;
        var enableSplitOrderNonUS = 0;
        //DEV-3538
        var enableSplitCart = 0;
        //DEV-3665
        var enableTestStepSize = 1;

        // https://paintyourlife.atlassian.net/browse/DEV-2602?focusedCommentId=30907
        var trackingAddVideoFromEmail = 0;

        
        var excludingJS = 1;

        /** --- order page --- */
var m_order_confirmChangeSendType = 'Are you sure you would like to remove the image you have uploaded / imported and send us your photo by email / mail instead?';

/* upload */
var m_order_uploadDirect = 'Direct Upload';
var m_order_uploadPreviewImage = 'Your image looks great!!!';
var m_order_uploadPreviewOtherFile = 'Preview not available for this file type';
var m_order_uploadAcceptFileTypes = '(.gif, .jpeg, .png, .bmp, .pdf, .doc, .docx)';
var m_order_uploadOnlyAcceptText = 'only accept' ;
var m_order_uploadInvalidFileTypes = 'Invalid file type';
var m_order_uploadError = 'Something went wrong.. Please try again.';
var m_order_uploadBrowse = 'Browse';

var m_order_uploadText = "Your photo looks";
var m_order_uploadTexts = 'Your photos look';
var m_order_greatText = 'great!';
var m_order_greatTexts = 'Great!';

var m_order_uploadedText = 'Your chosen photo';
var m_order_uploadedTexts = 'Your uploaded photos';

/** limit */
var m_order_commentLimit = 'You have &lt;strong&gt;{characterCount}&lt;/strong&gt; characters remaining';

/** --- order page.end here --- */
var m_cart_couponInvalid = 'Invalid coupon code';
var m_cart_couponcode1 = 'Total price for all item in cart';
var m_cart_couponcode2 = '(not include shipping cost) must be larger';
var m_cart_couponcode3 = 'Total price for all items in cart must be larger than {minamt}';
var m_highslight_move = 'Move';
var m_highslight_close = 'Close';
var m_highslight_clossTip = 'Close (esc)';
var m_contact_us_alert = 'None of the above. Let me fill in a contact form.';
var m_enable_cookies1 = 'You must have cookies enabled in your browser in order to place an order at PaintYourLife.com';
var m_enable_cookies2 = 'After you enable cookies, please refresh the page.';
var m_note_enable_cookies = 'Note:';
var m_cart_confirm_delete = 'Photo uploaded for this item will be deleted?';
var zopim_chat = 'Chat with us';
var zopim_leave = 'Leave us a message';
var select_please = 'Please Select';
var out_us = 'Outside the U.S';
var state_text = 'State';
var limit_upload = "Please upload up to 50 photos.";
var from_text = "From ";
var discount_percentage_text = '<span class="price-name">Discounted</span><span class="sel-price"></span><span class="price-actual">{discount}%</span>';
var discount_percentage_text = '<span class="price-name">Discounted</span><span class="sel-price"></span><span class="price-actual">{discount}%</span>';

var m_zero_bounce_email_invalid = 'Your email is invalid or not available';
        /** -- order page -- **/
var m_order_confirmTerm = 'You must own the copyright of the photo(s) uploaded!';

/* order summary section */
var m_order_summaryType = 'Painting subject: ';
var m_order_summaryMedium = 'Medium: ';
var m_order_sizeOptN2 = 'Let the artist choose';
var m_order_sizeOptN1 = 'Choose later';
var m_order_sizeOpt1 = 'Rolled (unframed)';
var m_order_sizeOpt2 = '1.5&quot; Gallery-Wrap';
var m_order_sizeOpt3 = 'Thick gallery Wrap 1.5&quot;';
var m_order_sizeOpt4 = 'Framing: ';
var m_order_sizeOptN3 = '1.25&quot; Gallery Wrap';
var m_order_framesOpt1 = 'Gold and black';
var m_order_summaryBackground = 'Background: ';
var m_order_summaryQuantity = 'Quantity: ';
var m_order_summaryQuantityItem = 'item';
var m_order_summarySize = 'Size: ';
var m_order_summarySignYes = 'Artist signature: &lt;b&gt;Yes&lt;/b&gt;';
var m_order_summarySignNo = 'Artist signature: &lt;b&gt;No&lt;/b&gt;';
var m_order_summaryYes = 'Yes';
var m_order_summaryNo = 'No';

/** -- end order page -- **/

/** -- prices page -- **/
var m_prices_titlePriceFor = 'Prices for';
var m_prices_titlePortrait = 'portraits';
var m_tax_en               = 'No Sales Tax!';
var m_deposit              = 'Deposit due now:';
var m_note_deposit         = 'Remaining balance after painting approval';
var m_tax_german              = 'zzgl. 7% Umsatzsteuer';
/** -- end prices page -- **/
var zopim_chat = 'Chat with us';
var zopim_leave = 'Leave us a message';
var discount_percentage_text = '<span class="price-name">Discounted</span><span class="sel-price"></span><span class="price-actual">{discount}%</span>';
var discount_percentage_text = '<span class="price-name">Discounted</span><span class="sel-price"></span><span class="price-actual">{discount}%</span>';    </script>

    <script>
        var excludingJS = 1;

        function checkAllowSessionStorage() {
            var test = 'test';
            try {
                sessionStorage.setItem(test, test);
                sessionStorage.removeItem(test);
                return true;
            } catch(e) {
                return false;
            }
        }

        if (checkAllowSessionStorage() === true) {
            allowSessionStorage = true;
        } else {
            console.log('checkAllowSessionStorage | denied');
            allowSessionStorage = false;
        }
    </script>

    <!-- Cookie Functions -->
    <script type="application/javascript">
        var excludedOptimizeJS = excludedOptimizeJS || [];
        excludedOptimizeJS.push('cookieFuncs');

        if ('undefined' === typeof readCookie) {
            window.readCookie = function(name) {
                var nameEQ = name + "=";
                var ca = document.cookie.split(';');
                for (var i = 0; i < ca.length; i++) {
                    var c = ca[i];
                    while (c.charAt(0) == ' ') c = c.substring(1, c.length);
                    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
                }
                return null;
            }
        }

        if ('undefined' === typeof createCookie) {
            window.createCookie = function(name, value, days) {
                if (days) {
                    var date = new Date();
                    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
                    var expires = "; expires=" + date.toGMTString();
                } else {
                    var expires = "";
                }

                document.cookie = name + "=" + value + expires + "; path=/";
            }
        }

        createCookie("ss_cookie_check", 1);

        if ('undefined' === typeof pencilClick) {
            window.pencilClick = function () {};
        }
    </script>
    <!-- Cookie Functions -->

    <style>iframe#launcher {bottom: -100px !important;}</style>

    <!-- JS Pixels Header -->
        <!-- Google Analytics -->
    <script defer>
        var userId = 0;
        //var userIdVwo = '';

        //google analytics split domain
        
        //Re: VWO Re: (#309274) Re: A call (email)
        /*function getUserId() {
            return userIdVwo;
        }*/
    </script><!-- Google Analytics -->
    <!-- start Omniconvert.com code -->
<link rel="dns-prefetch" href="//app.omniconvert.com" />
<script>window._mktz=window._mktz||[];</script>
<script src="//cdn.omniconvert.com/js/l2ac3ab.js" async="" ></script>
<!-- end Omniconvert.com code -->
<script>
    window.gtmLog = false;
    window.gtmData = {
        user: {"event":"userStatus","userStatus":"Guest","device":"Desktop","pageType":"Home"}    };
</script>

            <!-- Google Tag Manager -->
        <script>
            (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
                    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
                j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
            })(window,document,'script','dataLayer','GTM-57HFH9');
        </script>
        <!-- End Google Tag Manager -->
    
    <script>
        // Fix issue with GTM overwriting replaceState, causing url changes in IE and Edge browsers.
        function fixHistoryMethod(name) {
            var oldMethod = window.history[name];
            window.history[name] = function(state, title, url) {
                if (url === undefined) {
                    oldMethod.apply(window.history, [state, title]);
                } else {
                    oldMethod.apply(window.history, [state, title, url]);
                }
            }
        }

        fixHistoryMethod("replaceState");
        fixHistoryMethod("pushState");
    </script>

<style>
    </style>

            <!-- OneTrust Cookies Consent Notice start for paintyourlife.com -->
        <script defer="defer" data-document-language="true" type="lazyload_int" charset="UTF-8" data-domain-script="6fc3df57-6726-404d-83c9-0441470f3dab" data-src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" ></script>
        <script>
            function OptanonWrapper() { }
        </script>
        <!-- OneTrust Cookies Consent Notice end for paintyourlife.com -->
    
    
    <!-- Tiktok Tracking Pixel Code -->
<script>
    !function (w, d, t) {
        w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=i+"?sdkid="+e+"&lib="+t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)};

        ttq.load('C3R5A9S5HQ61EDM1HGL0');
        ttq.page();
    }(window, document, 'ttq');
</script>
<!-- Tiktok End Tracking Pixel Code --><script>
    function tiktokTrackClickButton()
    {
        //console.log("tiktokTrackClickButton");
        if ('object' === typeof ttq) {
            try {
                //ttq.track('ClickButton');
                return false;
            } catch (e) {
                console.log('tiktokTrackClickButton had some errors');
            }
            //console.log("tiktokTrackClickButton.tracked");
        }

        if (typeof pylToken != 'undefined') {
            $.ajax({
                type: 'POST',
                url: '/api/trackTiktokClickButton',
                data: {
                    PYL_TOKEN: pylToken,
                    url: window.location.href,
                    referrer: document.referrer
                }
            });
        }
    }
</script>
<script>
    if ('object' === typeof ttq && isLiveServer) {
        //ttq.instance('C0052JD2UGFR4ILSLULG');
        //"PYL Pixel Changes" email
        ttq.instance('C3R5A9S5HQ61EDM1HGL0');

        
        
        
            }
</script>

    <!-- JS Facebook Tracking -->
    <script>
        if ('object' !== typeof window.fbDeferEvents) {
            window.fbDeferEvents = {
                callTimes: 10,
                loopTime: 1000,
                intervals: {},
                setIntvl: function (id, func) {
                    if ('function' !== typeof func) {
                        return false;
                    }

                    if ('undefined' !== typeof this.intervals[id]) {
                        return false;
                    }

                    this.intervals[id] = {
                        remainingTimes: this.callTimes,
                        intvl: setInterval(function () {
                            if ('function' === typeof fbq) {//facebook pixel code loaded
                                func();
                                window.fbDeferEvents.clearIntvl(id);
                            } else if (window.fbDeferEvents.intervals[id]['remainingTimes'] <= 0) {
                                window.fbDeferEvents.clearIntvl(id);
                            }

                            //count down remaining times
                            window.fbDeferEvents.intervals[id]['remainingTimes']--;
                        }, this.loopTime)
                    }

                    return 'object' === typeof this.intervals[id];
                },
                clearIntvl: function (id) {
                    if ('undefined' === typeof this.intervals[id]) {
                        return false;
                    }

                    clearInterval(this.intervals[id]['intvl']);
                    return true;
                },
                triggerEvent: function (id, func) {
                    if ('string' !== typeof id || '' === id) {
                        return false;
                    }
                    if ('function' !== typeof func) {
                        return false;
                    }

                    if ('function' === typeof fbq) {//facebook pixel code loaded
                        func();
                    } else {//set interval in order to trigger event when fbq function is loaded
                        this.setIntvl(id, func);
                    }

                    return true;
                }
            };
        }

        !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
            n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
            n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
            t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
            document,'script','https://connect.facebook.net/en_US/fbevents.js');

        var fbqInitParams = {};
        var fbUserParams = {};

                    fbqInitParams = {"fb_login_id":119051943767,"country":"US","external_id":"1p5rp1gtqugreof681ftn7jgkp"};
        
                    fbUserParams = {"fb_login_id":119051943767,"external_id":"a2dca09915ca88855c90ddfe9989d202ed0ba16edae05e1578783057eb9c8aef"};
        
        fbq('init', '979042192152847', fbqInitParams);

        // Generate or ensure _fbp cookie
        function generateFbpCookie() {
            const domain = window.location.hostname;
            const timestamp = Date.now();
            const random = Math.floor(Math.random() * 1000000000);
            return `fb.1.${timestamp}.${random}`;
        }

        function ensureFbpCookie() {
            const cookies = document.cookie.split(';').map(cookie => cookie.trim());
            const fbpCookie = cookies.find(c => c.startsWith('_fbp='));
            if (!fbpCookie) {
                return '';

                /*const newFbpValue = generateFbpCookie();
                var date = new Date();
                date.setTime(date.getTime() + (90 * 24 * 60 * 60 * 1000));
                var expires = "; expires=" + date.toGMTString();

                document.cookie = `_fbp=${newFbpValue}; path=/; domain=${window.location.hostname};${expires}; secure=true; samesite=Lax`;
                return newFbpValue;*/
            }
            return fbpCookie.split('=')[1];
        }

        // Ensure _fbp and manually send PageView
        const fbpValue = ensureFbpCookie();
        //console.log('_fbp cookie value:', fbpValue);
        fbqInitParams.autoConfig = false;
        //fbqInitParams.debug = false;
        if (fbpValue) {
            fbqInitParams.fbp = fbpValue;
        }

        if ('object' === typeof window.fbDeferEvents) {
            window.fbDeferEvents.triggerEvent('evPageview', function () {
                fbq('track', 'PageView', {}, {eventID: '327568d20444f0c95'});
            });
        } else {
            fbq('track', 'PageView', {}, {eventID: '327568d20444f0c95'});
        }
            </script>

    <noscript><img height="1" width="1" style="display:none" data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://www.facebook.com/tr?id=979042192152847&ev=PageView&noscript=1"/></noscript>
    <!-- JS Facebook Tracking -->


<!-- [End] JS Facebook -->

<!-- Global site tag (gtag.js) - AdWords: AW-803194904 -->
<script async="" type="lazyload_int" data-src="https://www.googletagmanager.com/gtag/js?id=AW-803194904" ></script>
<script>
    window.gaAdwordJoelId = 'AW-803194904';

    window.dataLayer = window.dataLayer || [];

    function gtag() {
        dataLayer.push(arguments);
    }

    gtag('js', new Date());
    gtag('config', window.gaAdwordJoelId);
    gtag('event', 'page_view', {"send_to":"AW-803194904","dynx_pagetype":"home","ecomm_pagetype":"home"});
</script>
<!-- Adwords Joel -->



<!-- Global site tag (gtag.js) - Google Ads: 452645398 -->
<script async="" type="lazyload_int" data-src="https://www.googletagmanager.com/gtag/js?id=AW-452645398" ></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'AW-452645398', {'allow_enhanced_conversions':true});

    var googleAdsMCCPurchaseData = []; //for debugging
</script>
<!-- Event snippet for Lead conversion page
In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
<script>
    function gtag_report_conversion(url) {
        console.log('gtag_report_conversion');

        var callback = function () {
            if (typeof(url) != 'undefined') {
                window.location = url;
            }
        };
        gtag('event', 'conversion', {
            'send_to': 'AW-452645398/iHUTCKHJ2_IBEJak69cB',
            'event_callback': callback
        });
        return false;
    }
</script>


<!-- Impact Init code -->
<script>
    var excludingJS = 1;
    (function (a, b, c, d, e, f, g) {
        e['ire_o'] = c;
        e[c] = e[c] || function () {
            (e[c].a = e[c].a || []).push(arguments)
        };
        f = d.createElement(b);
        g = d.getElementsByTagName(b)[0];
        f.async = 1;
        f.src = a;
        g.parentNode.insertBefore(f, g);
    })('https://d.impactradius-event.com/A2779430-4d75-4d6c-b0e0-002c869f4bc31.js', 'script', 'ire', document, window);
</script>

<script>
    (function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "p9ll6ktn6i");
</script>

<script>
    if ('function' == typeof window.clarity) { //isLiveServer
        clarityCustomIdentifiers = function (customUserEmail = '', customSessionId, customPageId = '') {
            if (customUserEmail) {
                window.clarity("identify", customUserEmail, customSessionId, customPageId);
                clarityCustomTags('Email', customUserEmail);
            } else {
                window.clarity("identify", customSessionId, customSessionId, customPageId);
            }
            clarityCustomTags('Session', customSessionId);
            //console.log('[Clarity identify]', customUserEmail, customSessionId);
        };

        clarityCustomTags = function (key, value) {
            window.clarity("set", key, value);
            //console.log('[Clarity tag]', key, value);
        }

        if ('function' == typeof clarityCustomIdentifiers) {
            if (typeof customer_email_order !== "undefined") {
                clarityCustomIdentifiers(customer_email_order, SesID, "index");
            }
        }

            }
</script><!-- https://paintyourlife.atlassian.net/browse/DEV-2929 -->
<script async="" type="text/javascript" src="https://umzpj.paintyourlife.com/providers/atLabel/load" onerror="var fallbackScript = document.createElement('script'); fallbackScript.src='https://cdn.attn.tv/paintyourlife/dtag.js'; document.head.appendChild(fallbackScript);" ></script>
<!-- [End] JS Pixels Header -->
    <script defer="defer" type="lazyload_int" data-src="//widget.trustpilot.com/bootstrap/v5/tp.widget.sync.bootstrap.min.js" ></script>
            <meta name="p:domain_verify" content="db8e91eb49f2f57202e7cfb6cd26fea0"/>
    
            <!-- Schema Data -->
        <script type="application/ld+json">{"@context":"http://schema.org","@type":"Organization","name":"Paint Your Life","url":"http://www.paintyourlife.com","logo":"https://s3-eu-west-1.amazonaws.com/tpd/logos/5135efb900006400052361f5/0x0.png","sameAs":"https://www.trustpilot.com/review/www.paintyourlife.com","aggregateRating":{"@type":"AggregateRating","ratingValue":4.6,"reviewCount":16056,"bestRating":5,"worstRating":1}}</script>
        <!-- Schema Data -->
    
    
    <!--<script src="https://cdn.userway.org/widget.js" data-account="Nuk9771z4r"></script>-->
<style id="w3_bg_load">div:not(.w3_bg), section:not(.w3_bg), iframelazy:not(.w3_bg){background-image:none !important;}</style><style id="w3speedster-custom-css">.trustmark-ft {   justify-content: left;   padding-left: 10px;   padding-top: 3px;   align-items: center;   text-align: center; } .trustedsite-trustmark{   width: 74px;   height: 30px;   display: inline-block;   background-image: url(https://cdn.ywxi.net/meter/paintyourlife.com/202.svg?ts=1661566661115&l=en-US);   background-size: contain;   background-position: center top;   background-repeat: no-repeat;   cursor: pointer; } @media screen and (min-width: 1200px){ #content.how-it-works .steps.hiw-infos {   padding: 0 40px; } .info-item {   margin: -35px 0; } .info-item:first-child {   margin: 0; } } @media (min-width: 768px) {   .res-view .item-sc-v3 .showcase_item .bg_title--full_name.has-reveal-video, .res-view .item-sc-v3 .showcase_item:hover .bg_title--full_name.has-reveal-video {  margin-right: 30px;   }   .sc-v3-header .font-baselight {  font-size: 48px;  padding-top: 15px;  color: #000;  font-weight: unset;  font-family: BebasNeue;   }   .sc-v3-header .font-source {  font-size: 25px;  line-height: 1.2;   }   #showcase_content .item-sc-v3 .showcase_item:hover .bg_title_hover {  padding-top: 0;   }   .item-sc-v3 .block_button {  margin-top: 0;   }   .sc-v3-full .product-info-sc-v3 {  margin-left: 2.5%;  float: unset;  width: 95%;   }   .item-sc-v3 .bg_title.has-msg {  padding: 2% 4% 1%;   } .sc-v3-full .showcase_header {   float: unset;   width: 95%;   border-bottom: unset; } .content-step {   width: 100%; } .language_en .hiw-infos .info-content .info-title {   font-family: 'Bebas Neue';   letter-spacing: 1px;   font-size: 40px; } .hiw-infos .info-content .info-title {   text-transform: uppercase;   font-weight: 600;   font-size: 30px;   color: #4f4f4f; } .info-item.step-left .image-info img {   margin-right: 35px; } .info-item.step-right .image-info img {   margin-left: 35px; } } .wrapper-full.sc-v3-full {   max-width: 100%; } .block-sc-v3 {   display: flex;   width: 100%;   height: 95px; } .block-sc-v3 .summary-item {   width: 20%;   display: flex;   align-self: center;   place-content: center; } .block-sc-v3 .note-price-showcase {   width: 48%;   display: flex;   flex-direction: column;   justify-content: center;   align-items: center;   border-left: 1px solid #ccc;   text-align: center; } .order_info .block-sc-v3 .right .btn-photo.pink-background {   margin: 20px 0;   padding: 10px 15px;   max-width: 300px; } .showcase_hidden .order_info .showcase-custom .medium-showcase {   margin-bottom: 25px;   margin-top: 25px; } .order-info-v3 .order-table {   margin: 5px 0; } .order-info-v3 .order-table table {   background-color: #f2f2f2;   height: 95px; } .order_info table {   width: 100%; } .order-info-v3 .order-table table {   background-color: #f2f2f2;   height: 95px; } .order_info .framing_text, .order_info .medium_text, .order_info .subject_text, .size_text {   float: left;   padding: 2% 5%;   width: 100%; } .order_info.order-info-v3 .block1.block1-v2 td {   border-bottom: 1px solid #ccc; } .order_info td .subject_text {   padding: 4px 11px; } .order_info.order-info-v3 .block1 td, .order_info.order-info-v3 .block2 td {   border-right: 1px solid #ccc; } .order_info.order-info-v3 {   border: unset;   border-top: 1px solid;   border-bottom: 1px solid; } .sc-v3-full .sort-group.has-artist-list.new-showcase-header-dtv1 .sort_theme, .sc-v3-full .sort-group.has-artist-list.new-showcase-header-dtv1 .sort_style, .sc-v3-full .sort-group.has-artist-list.new-showcase-header-dtv1 .sort_artist {   margin-top: 2%; } @media (min-width: 801px) and (max-width: 979px) { .desktop-only #top-video{height:310px!important;} .wrapper-full {   max-width: 790px!important; }} .showcase_header .select_right.new-showcase-header-dtv1 {   padding: 0 20%; } #content .sc-v3-full .head_title {   font-size: 60px; } .sc-v3-full .sort_mediums, .sc-v3-full .empty-showcase-message {   margin: 0 2.5%; } .block-sc-v3 .deposit_text.font18px {   font-size: 22px;   line-height: 1.1; } .block-sc-v3 .note-price-showcase .small {   font-size: 16px;   line-height: 1; } .block-sc-v3 .right {   width: 25%; } .sc-v3-full .sort-group.has-artist-list .sort_theme, .sc-v3-full .sort-group.has-artist-list .sort_style, .sc-v3-full .sort-group.has-artist-list .sort_artist {   margin-top: 3%; } .sc-v3-full .order_info .framing_text, .sc-v3-full .order_info .medium_text, .sc-v3-full .order_info .subject_text, .sc-v3-full .size_text {   padding-left: 60px; } .info-item .image-info img {   max-width: 265px; } .dijitTooltip {   z-index: 1 !important; } .occasion-video-banner .images-artist-new-pets, .occasion-video-banner .title-block-v5 .h1-style {   display: none; } .index-page.index-landing-v2-slider .images-artist-new-pets, .index-page.index-landing-v2-slider #top-static-banner .title-block-v5 .h1-style {   display: none; } #test-hss{display:none;} .carousel-controls {   background: none;   border: none; } .slider.slider-temp {  max-width: 100%; } .slick-track{min-width: width: 8448px;} @media (min-width: 450px) { #hpau-fb-items .card-body {min-width:100%; } } .hpau-item {   min-width: 295px; } .btn-order-small {   font-size: 16px;   line-height: 20px;   border-radius: 4px;   letter-spacing: -0.4px; } .btn-orange {   background-color: #ff9c00;   border-radius: 5px;   padding: 8px 15px; } #showcase_content .panorama .front {   height: 400px;   overflow-x: scroll;   overflow-y: hidden; } #showcase_content .panorama .front img {   width: unset;   height: 100%; } @media (max-width:575px) { .photo-canvas .showcase_item.flip-images.popart_style.panorama .front {   height: auto; } .btn-order-header, .btn-resume-order {   margin: 15px 0 0 15px; } .orange_button {   border-radius: 5px;   padding: 8px 15px;   display: block; }} @media only screen and (max-width: 767px){ #price_content .left_content {  width: 100% !important; } .top-header.mobile-only {   display: block;   color: #fff;   text-align: center; } .res-view .order-content-v2 .font16px {   font-size: 18px; } .step-header.step1 {   background-color: #bca583; } .step-header {   text-align: center;   color: white;   margin-top: 12px;   padding: 10px;   line-height: 1; } .top-banner-new.slides-banner video.mobile-only { height: 100% !important; min-height: 124.3vw !important; display:block!important; } } @media screen and (min-width: 1200px) and (max-width: 1919px) {   .pricing-v5 .payment-pay-img img {  height: 34px;   } } .footer .countries span:nth-child(2){ width:100%; display: inline-flex; } .footer .currency span:nth-child(1){ display:inline-block; left:0px; } .footer .currency span:nth-child(2){ width:100%; display: inline; padding-left: 3px; } .dropdownselect{   display: inline-flex;   margin-top: 0px!important;   padding-top: 2px!important; } #main_header .btn-resume-order {   margin: 15px 0 0 15px;   display: block; } #main_header .orange_button {   padding: 8px 15px; } .btn-showcase.btn-turnaround-v2 {   color: white;   padding: 8px 64px !important;   top: 21px; } .index-2021 .btn-showcase.btn-turnaround, .index-2021 .btn-showcase.btn-turnaround-v2 {   position: unset;   margin-left: 20px; } .btn-viole-new {   background-color: var(--primary-color-v2)!important; } .btn-showcase.btn-viole-new {   background-color: var(--primary-color-v2)!important; } #footer.footer-new-v2 .subscribe-box-new {   background-color: #e8e6e3;   padding: 38px 10px; } #footer.footer-v21 .subscribe-box, #footer.footer-v21 .subscribe-box-new {   color: #000000;   margin-bottom: 20px; } #footer.footer-new .subscribe-form .button_font16 {   height: 38px;   width: 222px !important; } #footer.footer-new .subscribe-form .form-control, #footer.footer-new .subscribe-form .btn {   margin-bottom: 15px; } #footer.footer.footer-new .button_font16 {   font-size: 16px !important; } .subscribe-title-v3 {   font-size: 22px; } #footer.footer-new-v2 #before-subscribe .subscribe-box-new-subtitle {   color: black;   font-size: 18px; } #footer.footer-new-v2 .custom-input-group {   border-radius: 8px;   border: 1px solid rgb(118, 118, 118);   padding: 0px 24px;   background-color: white;   margin-bottom: 12px; } #footer.footer-new-v2 .custom-input-group .custom-input-title {   margin-bottom: -7px !important;   text-align: left;   color: rgb(166, 166, 166); } #footer.footer-new-v2 .custom-input-group .form-control {   border: none !important;   outline: none !important;   box-shadow: none !important;   padding: 0 !important;   margin-bottom: 0 !important; } .occasion_gallery_3668 .hpau-item {   min-width: 295px; }</style></head>
<body class="photo-canvas new-painting   language_en  currency_usd currency_symbol  "  data-cur-code="usd">
<div class="bm-overlay"></div>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe title="Painting Google Tag Manager" src="about:blank" height="0" width="0" style="display:none;visibility:hidden" html="" data-src="https://www.googletagmanager.com/ns.html?id=GTM-57HFH9" data-class="LazyLoad" /></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="chat-widget" style="display: none;">
            <style>
            .chat-widget {
                position: fixed;
                z-index: 9998;
                right: 7px !important;
                bottom: 7px;
            }

            @media (max-width: 750px) {
                .chat-widget {
                    left: inherit !important;
                    right: 7px !important;
                    bottom: 85px;
                    position: fixed;
                    z-index: 1984;
                }
            }
        </style>
    
    <div class="message-zp-btn zp-btn" tooltip="Chat with us"
         tooltip-position="left">

                    <span class="contain-chat-icon">
                <img data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/painting/commitment/chat_violet.png" alt="Chat with a customer support agent.">
            </span>
            </div>
</div>

<script>
    var currentCustomer = {email: null, name: null};

    
    window.wgChat = {
        isMobileDevice: '0',
        wgcDelayLoading: '1',
        buttons: {},
        initied: false,
        setCustomerInfo: function () {
            if (typeof zE === 'function' && currentCustomer.email) {
                zE(function () {
                    zE.identify({name: currentCustomer.name, email: currentCustomer.email});
                });
            }
        },
        setLocale: function () {
            if (typeof zE === 'function') {
                zE('webWidget', 'setLocale', 'en');
            }
        },
        zopimShow: function () {
            if ('function' === typeof $zopim && 'object' === typeof $zopim.livechat && 'object' === typeof $zopim.livechat.window) {
                wgChat.setCustomerInfo();
                wgChat.setLocale();
                $zopim.livechat.window.show();
            } else {
                console.log('[ZOPIM] is not loaded properly, trying to load it again');
                var node = document.createElement('script');
                node.src = 'https://static.zdassets.com/ekr/snippet.js?key=e4f56e11-447e-4c2a-ab28-590fb8d32127';
                node.id = 'ze-snippet';
                document.getElementsByTagName('head')[0].appendChild(node);

                setTimeout(function () {
                    console.log('[ZOPIM] try to open again', typeof $zopim);
                    if ('function' === typeof $zopim && 'object' === typeof $zopim.livechat && 'object' === typeof $zopim.livechat.window) {
                        wgChat.setCustomerInfo();
                        wgChat.setLocale();
                        $zopim.livechat.window.show();
                    }
                }, 1000);
            }
        },
        initEvents: function () {
            // remove the department dropdown on prechat widget
            window.zESettings = {
                webWidget: {
                    chat: {
                        departments: {
                            enabled: []
                        }
                    }
                }
            };

            if ('function' === typeof $) {
                if (this.isMobileDevice) {
                    $('.chat-widget:hidden').show();
                }
                $(document).on('click', '.message-btn', function () {
                    var widget = $('.chat-contain');
                    if (widget.is(":visible")) {
                        widget.hide();
                    } else {
                        widget.show(200);
                    }
                });

                $(document).on('click', '.zp-btn', function () {
                    window.wgChat.zopimShow();
                });
            } else {
                console.log('[wgc] set timeout calling wgc.initevents again');
                var that = this;
                setTimeout(function () {
                    that.initEvents();
                }, 1000);
            }
        },
        init: function () {
            if (this.initied) {
                return false;
            }

            //console.log('wgc begin loading');
            this.initEvents();
            this.initied = true;
        }
    }

    // DEV-1850
    var waitForZopim = setInterval(function () {
        if (window.$zopim === undefined || window.$zopim.livechat === undefined) {
            return;
        }

        $zopim(function () {
            $zopim.livechat.window.onShow(function () {
                $('.contain-chat-icon').hide();
                $('.chat-bubble-pink').hide();
            });
            $zopim.livechat.window.onHide(function () {
                $('.contain-chat-icon').show();
                $('.chat-bubble-pink').show();
            });
        });

        clearInterval(waitForZopim);
    }, 100);

    /*if (1 == window.wgChat.wgcDelayLoading) {
        window.wgChat.init();
        initDidyouknowBubble();
    } else {
        window.addEventListener('load', function () {
            window.wgChat.init();
            initDidyouknowBubble();
        });
    }*/
    window.addEventListener('load', function () {
        window.wgChat.init();
        initDidyouknowBubble();
    });

    /**
     * init event for did you know block (bubble icon, popup text)
     */
    function initDidyouknowBubble() {
        if ('function' === typeof $) {
            //console.log('init did you know bubble');
            var $body = $('body');
            var $didYouKnowPopup = $('#did-you-know-popup');
            var $divFadeIn = $('<div class="modal-backdrop fade in did-you-know-fade"></div>');

            $('#did-you-know-bubble').show();

            $body.on('click', '#did-you-know-bubble', function () {
                $didYouKnowPopup.fadeIn();
                $body.append($divFadeIn);
            });

            $body.on('click', '#did-you-know-popup .close', function () {
                $didYouKnowPopup.fadeOut();
                $body.find('.did-you-know-fade').remove();
            });

            $body.on('click', '.did-you-know-fade', function () {
                $didYouKnowPopup.fadeOut();
                $(this).remove();
            });
        } else {
            console.log('no jquery init');
        }
    }
</script>
<div id="fb-root"></div>

<div >
    <!-- Start: The header -->
    <!--2020-02-25 apply new de header for German(de), French(fr), Italian(it), Spanish(es) and Dutch(nl)-->
    


<div id="main_header" class="header-v2      ">
    <header id="header" class="435-2887587271-172.29.21.199 home2021">
        <div class="wrapper-full clearfix top-header          enable-countdownhead        ">
                            
                <div class="top-header top-header-table color-violet-new  align-text font-sanspro clr not_login">
                                            <div class="top-header-banner-part top-header-banner-left" style="width: 15%;">
                                                    </div>
                    
                    <!-- Phone and coupon on header -->
                    
                                            <div class="text-primary--v2 font-sanspro-bold ptp top-header-text top-header-banner-part top-header-banner-part-v2  top-header-banner-center has-coupon text-center" dir="auto">
                            <!-- DEV-2860 - Enable slide for all languages. I don't change the code in enableFatherDayPromotionUpdate because it's using on other files and I am not sure for the change that they will match all case of them. 22 -->
                                                            <div class="owl-carousel owl-theme carousel-header-auto">
                                                                            <div class="non-uppercase">Free US Shipping | 100% Money Back Guarantee</div>                                                                                                                                                            <!--
                                                <div class="slide-carousel-not-first-item"></div>
                                            -->                                                                        <!-- DEV-2860 - Header slider animation for foreign domains 222-->
                                                                                                        </div>
                                                    </div>
                                        <!-- End Phone and coupon on header -->

                                        <!-- DEV-3103 - new style for coupon countdown (DON'T change anything from previous tawsk DEV-2656) -->
                                        <!-- Get help phone number on header -->
                                            <div class="login_link top-header-banner-part top-header-banner-right top-header-banner-right-v3 text-uppercase ">
                                                        <div class="text-primary--v2 float-end ">
                                                            </div>
                        </div>
                                    </div>
                    </div>

            </header>

    <a href="#content" id="skip-to-content" class="visually-hidden">Skip to main Content</a>

                
            <div class="nav-bar clr">
        <div class="wrapper-full  clearfix">
            <div class="logo left col-md-2 col-sm-2 col-4">
                <div class="row">
                    <a href="https://www.paintyourlife.com/" title="PaintYourLife" aria-label="Paint Your Life Homepage">
                        <img src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/pyl_logo_2023.svg" alt="PaintYourLife" class="no-lazy xmas-logo-2022"  fetchpriority="high"
                        />
                    </a>
                </div>
            </div>

            <nav class="nav-header nav-4-items has-gc-item col-md-7 col-sm-7 col-7 nav-header-no-login nav-header-new-bg">
    <ul class="font16px font-sanspro "
        role="menubar"
        aria-label="Main navigation menu">

                    <li class="showcase_menu_link has_submenu  showcase-menu" style="position: relative">
                <a class="gallery_url_new  main_link gallery_url "
                   href="https://www.paintyourlife.com/showcase.php"
                   aria-label="Gallery menu item"
                    role="menuitem"
                    aria-haspopup="true"
                    aria-expanded="false"
                    aria-controls="gallery-submenu-content"
                >
                    Gallery                    <span class="active_line"></span>
                </a>
                <div id="gallery-submenu-content" class="list_submenu showcase_menu hide-gallery-numbers"
                     role="menu"
                    aria-hidden="true">
                    
                    <ul class="sub_menu" id="list_styles">
                                                    <li class="header-column header-uppercase none-list-style" role="presentation">Specials</li>
                            <li class="hasNewGallery">
                                <a href="/photo-montage-people.php" role="menuitem">Compilation Portraits</a>
                            </li>
                            <li class="hasNewGallery">
                                <a href="https://www.paintyourlife.com/painting-from-bad-photos.php" role="menuitem">From Bad Photos to Masterpieces</a>
                            </li>
                            <li>
                                <a href="https://www.paintyourlife.com/video-testimonials.php" role="menuitem">Unboxing Videos</a>
                            </li>
                            <li>
                                <a href="https://www.paintyourlife.com/photo-testimonials.php" role="menuitem">Photo Testimonials</a>
                            </li>
                                                            <li class="hasNewGallery">
                                    <a href="/our-artists-at-work.php" role="menuitem">Our Artists At Work</a>
                                </li>
                                                    
                                                    <li class="header-column header-uppercase none-list-style" role="presentation">By medium</li>
                        
                                                    <li>
                                                                <a href="https://www.paintyourlife.com/oil-portraits.php" role="menuitem">
                                    Oil                                                                    </a>
                            </li>
                        
                                                    <li>
                                                                <a href="https://www.paintyourlife.com/charcoal-portraits.php" role="menuitem">
                                    Charcoal                                                                    </a>
                            </li>
                        
                                                    <li>
                                                                <a href="https://www.paintyourlife.com/watercolor-portraits.php" role="menuitem">
                                    Watercolor                                                                    </a>
                            </li>
                        
                                                    <li>
                                                                <a href="https://www.paintyourlife.com/pencil-portraits.php" role="menuitem">
                                    Black Pencil                                                                    </a>
                            </li>

                            <li>
                                                                <a href="https://www.paintyourlife.com/color-pencil-portraits.php" role="menuitem">
                                    Color Pencil                                </a>
                            </li>
                        
                                                    <li>
                                                                <a href="https://www.paintyourlife.com/pastel-portraits.php" role="menuitem">
                                    Pastel                                                                    </a>
                            </li>
                        
                                                    <li>
                                                                <a href="https://www.paintyourlife.com/acrylic-portraits.php" role="menuitem">
                                    Acrylic                                                                    </a>
                            </li>
                                            </ul>
                    <ul class="sub_menu" id="list_themes">
                                                                                    <li class="header-column header-uppercase none-list-style" role="presentation">By subject</li>
                                                    
                        
                                                    <li>
                                <a href="https://www.paintyourlife.com/parent-child-gallery.php" role="menuitem">
                                    Parents & Children                                                                    </a>
                            </li>

                            <li>
                                <a href="https://www.paintyourlife.com/subject-grandparents-portraits.php" role="menuitem">
                                    Grandparents & Grandchildren                                </a>
                            </li>
                        
                                                    <li>
                                                                <a href="https://www.paintyourlife.com/subject-family-portraits.php" role="menuitem">
                                    Other Family / Group                                                                    </a>
                            </li>
                        
                        <li>
                            <a href="https://www.paintyourlife.com/subject-couples-portraits.php" role="menuitem">
                                Couples                                                            </a>
                        </li>

                        <li>
                            <a href="https://www.paintyourlife.com/subject-individual-portraits.php" role="menuitem">
                                Individuals                                                            </a>
                        </li>

                        <li>
                                                        <a href="https://www.paintyourlife.com/subject-child-portraits.php" role="menuitem">
                                Children                                                            </a>
                        </li>

                        <li>
                                                                                        <a href="https://www.paintyourlife.com/subject-pets-portraits.php" role="menuitem">
                                Pets                                                                </a>,                                                                    <span class="italic" role="presentation">
                                                                                <a href="https://www.paintyourlife.com/subject-dogs-portraits.php" role="menuitem">Dogs</a>,
                                                                                <a href="https://www.paintyourlife.com/subject-cats-portraits.php" role="menuitem">Cats</a>
                                    </span>
                                                                                    </li>

                        <li>
                                                        <a href="https://www.paintyourlife.com/subject-wedding-portraits.php" role="menuitem">
                                Weddings                                                            </a>
                        </li>

                        
                                                    <li>
                                                                <a href="https://www.paintyourlife.com/subject-houses-portraits.php" role="menuitem">
                                    Houses                                </a>
                            </li>
                                                                            <li>
                                                                <a href="https://www.paintyourlife.com/gifts-for-loss-of-loved-one.php" role="menuitem">
                                    Memorial                                </a>
                            </li>
                                            </ul>

                                        <ul class="sub_menu" id="list_styles-2">
                        <li class="header-column header-uppercase none-list-style" role="presentation">By occasion</li>

                                                    <li>
                                <a href="https://www.paintyourlife.com/birthday-gifts.php" role="menuitem">
                                    Birthday                                </a>
                            </li>
                            <li>
                                <a href="https://www.paintyourlife.com/christmas-gifts.php" role="menuitem">
                                    Christmas                                </a>
                            </li>
                            <li>
                                <a href="https://www.paintyourlife.com/father-day-gifts.php" role="menuitem">
                                    Father's Day                                </a>
                            </li>
                                                            <li>
                                    <a href="https://www.paintyourlife.com/graduation-gifts.php" role="menuitem">
                                        Graduation                                    </a>
                                </li>
                                                    
                        <li>
                            <a href="https://www.paintyourlife.com/mother-day-gifts.php" role="menuitem">
                                Mother's Day                            </a>
                        </li>

                                                    <li>
                                                                <a href="https://www.paintyourlife.com/gifts-for-loss-of-loved-one.php" role="menuitem">
                                    Loss Of Loved One                                </a>
                            </li>
                        
                        <li>
                            <a href="https://www.paintyourlife.com/pet-loss-memorial-gifts.php" role="menuitem">
                                Pet Loss                            </a>
                        </li>

                        <li>
                                                        <a href="https://www.paintyourlife.com/valentine-day-gifts.php" role="menuitem">
                                Valentine's Day                            </a>
                        </li>

                                                    <li>
                                <a href="https://www.paintyourlife.com/wedding-anniversary-gifts.php" role="menuitem">
                                    Wedding Anniversary                                </a>
                            </li>
                            <li>
                                <a href="https://www.paintyourlife.com/wedding-gifts.php" role="menuitem">
                                    Weddings                                </a>
                            </li>
                                            </ul>
                                    </div>
            </li>
        
                    <li class="">
                <a class="gallery_url_new main_link"
                   href="https://www.paintyourlife.com/how-it-works.php" role="menuitem">
                    How it works                    <span class="active_line"></span>
                </a>
            </li>
        
                                    <li class="showcase_menu_link has_submenu  inspiration-menu" style="position: relative">
                    <a class="gallery_url_new main_link gallery_url "
                       href="https://www.paintyourlife.com/inspiration"
                       aria-label="Inspiration & Ideas menu item"
                        role="menuitem"
                        aria-haspopup="true"
                        aria-expanded="false"
                        aria-controls="inspiration-ideas">
                        Inspiration & Ideas                        <span class="active_line"></span>
                    </a>
                    <div id="inspiration-ideas" class="list_submenu showcase_menu hide-gallery-numbers"
                         role="menu"
                        aria-hidden="true"
                    >
                        <div class="header-column header-uppercase" style="margin-left: 10px;" role="presentation">Inspiration & Ideas</div>
                        <ul class="sub_menu" id="list_1">
                            <li>
                                <a href="/connectgenerations-paintings.php" role="menuitem">
                                    Connect Generations</a>
                            </li>
                            <li>
                                <a href="/bringthefamilytogether-paintings.php" role="menuitem">
                                    Bring The Family Together</a>
                            </li>
                            <li>
                                <a href="/beunique-paintings.php" role="menuitem">
                                    Be Unique</a>
                            </li>
                            <li>
                                <a href="/addawrittenmessage-paintings.php" role="menuitem">
                                    Add A Written Message</a>
                            </li>
                            <li>
                                <a href="/jesus-paintings.php" role="menuitem">
                                    In The Arms Of Jesus In Heaven</a>
                            </li>
                        </ul>
                        <ul class="sub_menu" id="list_2">
                            <li>
                                <a href="/cherishspecialmoments-paintings.php" role="menuitem">Cherish Special Moments</a>
                            </li>
                            <li>
                                <a href="/allyourlovedonestogether-paintings.php" role="menuitem">Put All Your Loved Ones Together</a>
                            </li>
                            <li>
                                <a href="/completeweddingcelebration-paintings.php" role="menuitem">Complete Your Wedding Celebration</a>
                            </li>
                            <li>
                                <a href="/makegraduationdaycomplete-paintings.php" role="menuitem">Make Graduation Day Complete</a>
                            </li>
                            <li>
                                <a href="/Enhancewithembellishments-paintings.php" role="menuitem">Enhance With Embellishments</a>
                            </li>
                        </ul>
                    </div>
                </li>
                    
            </ul>
</nav>
            <div class="cart cart-wrapper-v2 right col-md-3 col-sm-3 col-2 float-end cart-auto-width  ">
                                                <a id="link_order_header" data-cy="cta-create-order-top-header-desktop"
                                       class="resume-btn uppercase fontsize-14  btn-order-v2 color-primary--v2 uppercase fontsize-14 color-primary--v2 uppercase klaviyo-track-btn-order btn-pink btn-order-header btn-order-small font-sanspro-bold font16px"
                                       href="https://www.paintyourlife.com/order.php"
                                       aria-label="Start a Portrait">
                                        Create Now                                    </a>
                                                </div>
        </div>

            </div>
    </div>

<div class="clr"></div>


<script>
    // DEV-2889
    var webhookGenerateUpsellPreviewImageEvent = 'https://www.paintyourlife.com/webhook/generateUpsellPreviewImageEvent';
    var ajaxAddUpsellProduct = 'https://www.paintyourlife.com/upsell/ajaxAddUpsellToOrder';
    var ajaxAddNewUpsellProduct = 'https://www.paintyourlife.com/upsell/ajaxAddNewUpsellToOrder';
    var ajaxRemoveUpsellCartItem =  'https://www.paintyourlife.com/upsell/ajaxRemoveCartItem';
    var transUpsell = {no_item: "You don't have any gift on your Cart", noted: "Noted", rm_cart_error: 'Your cart got the errors in pictures! Please refresh page for loading new section.', add_item_success: "Added to cart successfully"};
</script>
    <!-- End: The header -->

    
    <!-- Start: The content -->
    <div class="clearfix"></div>

        <style>
        .btn-showcase {top: 17px;}
        #popup-turnaround-table .turnaround-table-block {padding: 0; box-shadow: none;}
        #popup-gift-cert-example {z-index: 1052;}
        #how-people-are-using #hpau-items .hpau-item .caption {width: inherit;}
        .showcase_item.showcase_video.reduced-height {height: 465px;}
        .showcase_item.showcase_video.vertical-video.reduced-height .img_showcase_testimonial {padding-bottom: 76%;}
        .showcase_item.showcase_video.reduced-height:not(.vertical-video) .img_showcase_testimonial {padding-bottom: 58%;}
        #top-static-banner .title-block-new-page.title-block-v5 span {color: #ffffff;}
        @media (max-width: 767px) {
            .btn-order-3rd {
                margin-top: 30px;
            }
        }
    </style>

    
    <div id="content" class="index-page index-v5c index-2021 " xmlns="http://www.w3.org/1999/html">
        
<div class="clr clearfix wrapper-full discount-banner-july" id="discount_banner" aria-label="Discount Banner">
    <div class="clr font-sanspro banner-middle-portrait ">
                    <div class="discount-texts">
                <div class="font20px font-sanspro left-title">Fall Sale!</div>
            </div>
            <div class="portrait-container xmas-portrait-container">
                <span class="icon-your-portrait">
                    <img alt="" data-class="LazyLoad" src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/homepage-1984/xstar.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/homepage-1984/xstar.png" data-done="Loaded">
                </span>
            </div>
            <div class="discount-texts">
                <div class="font24px font-sanspro middle-title">20% OFF all portraits</div>
                <span class="font18px font-sanspro">with code: <strong>FALL20</strong></span>
            </div>
            <div class="portrait-container xmas-portrait-container">
                <span class="icon-your-portrait">
                    <img alt="" data-class="LazyLoad" src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/homepage-1984/xstar.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/homepage-1984/xstar.png" data-done="Loaded">
                </span>
            </div>
            <div class="discount-texts">
                <div class="font20px font-sanspro right-title">
                    <!--
                    <span class="code-dot"> . </span>-->
                    Ends soon!                </div>
            </div>
            </div>
</div>                    <div class="top-banner-new slides-banner "
                 onclick="location.href='https://www.paintyourlife.com/order.php'">
                                    <a href="https://www.paintyourlife.com/order.php">
                                <video autoplay="" style=" width: 100%; height: auto;" loop="" muted="" playsinline="" oncontextmenu="return false;"
               class="desktop-only images-artist-new no-lazy" aria-hidden="true">
            <source src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/videos/2025/hero_video_DT_US_EN.mp4"
                    type='video/mp4'/>
        </video>
        <div aria-hidden="false" class="sr-only hidden">

        </div>
                        </a>
                
                <div id="top-static-banner" class=" carousel-max-v95">
                                                <div class="title-block-new-page title-block-speed-video desktop-only  title-block-v5  "
                            onclick="location.href='https://www.paintyourlife.com/order.php'" >
                        <div class="h1-style font">
                                                            <div class="font48px m-font40px m-padding-2em hero-text-main">Personalized gifts that last a lifetime</div>
                                                                                    <span class="font24px font-sanspro ">
                                                            </span>
                                                    </div>
                        <div class="btn-block btn-block-v2 custom-margin">
                                                            <a title="Get Started" href="https://www.paintyourlife.com/order.php" class="resume-btn btn-viole-new color-primary--v2 uppercase btn-pink color btn-pink-v2 font24px font-sanspro w100-mobile font-w600" aria-label="Start a Portrait">
                                    Get Started                                </a>
                                                    </div>
                                            </div>
                
                <div class="clearfix"></div>
            </div>        </div>

        
            <div class="clearfix"></div>
            <!-- // DEV-2473-->
                                                <div class="trustpilot-top-homepage tp-designV2 wrapper-full trustpilot-top-homepage-2518">
                            <div class="trustpilot-local ">
        <iframe title="Trust Pilot Reviews"
                src="https://www.paintyourlife.com/trustpilotWidgetReviewsV2.php?theme=light&position=top-homepage&enableNewFooter="
                width="100%" height="140px" frameborder="0" loading="lazy"></iframe>
    </div>

                    </div>
                            
        <style>
    .create-your-portrait .banner-middle-portrait {
        display: flex;
        justify-content: center;
        background-color: #DDC2EE !important;
        align-items: center;
        padding: 15px 35px;
    }

    .create-your-portrait .banner-middle-portrait .btn-turnaround {
        background-color: #ffffff !important;
        color: var(--primary-color-v2) !important;
        border-radius: 8px;
    }

    .create-your-portrait .banner-middle-portrait .price-timing {
        color: var(--primary-color-v2) !important;
        margin: 0;
        font-weight: bold;
        text-transform: capitalize;
    }

    .create-your-portrait .banner-middle-portrait .price-timing.color-white {
        color: white !important;
    }

    .create-your-portrait .banner-middle-portrait:hover {
        background-color: #DDC2EE !important;
    }

    .create-your-portrait .banner-middle-portrait .icon-your-portrait {
        margin: auto 10px;
    }

    .create-your-portrait .banner-middle-portrait a {
        padding: 8px 55px !important;
        font-weight: bold;
        letter-spacing: 0.56px;
        border: 1px solid var(--primary-color-v2) !important;
    }

    .create-your-portrait .banner-middle-portrait a:hover {
        text-decoration: none;
    }

    .index-2021 .btn-showcase.btn-turnaround {
        text-transform: uppercase;
    }

    @media screen and (max-width: 767px) {
        .create-your-portrait {
            margin-top: 30px;
            display: block;
        }

        .create-your-portrait.create-your-portrait-mobile {
            margin-top: 0;
        }

        .create-your-portrait .banner-middle-portrait {
            padding: 12px;
        }

        .create-your-portrait .banner-middle-portrait .portrait-container {
            position: relative;
            display: flex;
            /*-js-display: flex;
            display: flex;
            flex-flow: row wrap;*/
            align-items: center;
/*            justify-content: space-between;*/
            width: 100%;
        }

        .create-your-portrait .banner-middle-portrait .portrait-container .price-timing {
            color: #ffffff;
        }

        .create-your-portrait .banner-middle-portrait .portrait-container:hover {
            background-color: #DDC2EE !important;
        }

        .create-your-portrait .banner-middle-portrait .portrait-container p {
            font-weight: bold;
            text-align: center;
            width: unset;
            max-width: 280px;
            font-size: 20px;
            color: var(--primary-color-v2) !important;
        }

        .create-your-portrait .banner-middle-portrait .portrait-container p.color-white {
            color: white !important;
        }

        .create-your-portrait .banner-middle-portrait .portrait-container .icon-your-portrait {
            display: block;
            flex: 1;
            margin: auto 0;
        }

        .create-your-portrait .banner-middle-portrait .btn-turnaround-mobile {
            background-color: #ffffff !important;
            color: var(--primary-color-v2) !important;
            border-radius: 5px;
            text-align: center;
            width: 230px;
            margin: 5px auto !important;
            padding: 5px !important;
            font-size: 16px !important;
            border: 1px solid var(--primary-color-v2) !important;
            text-transform: uppercase;
        }

        .create-your-portrait .banner-middle-portrait .btn-turnaround-mobile:hover {
            text-decoration: none;
        }


        .create-your-portrait .banner-middle {
            padding: 20px 0 !important;
        }

        .create-your-portrait .banner-middle-portrait .portrait-container p {
            margin: 0 auto;
        }
    }

    @media (min-width: 1024px) {
        .create-your-portrait{
            margin-top: 25px;
        }
    }

    @media (max-width: 767px) {
        .speed-video-btn-block a{
            font-size: 22px;
            letter-spacing: 0.56px;
            border-radius: 8px;
            width: 250px;
            padding: 5px 15px !important;
            text-transform: uppercase;

            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
        }

        .speed-video-btn-block a p{
            font-weight: normal;
            margin-bottom: 0;
        }
    }
                        @media (max-width: 767px) {
                .xmas-portrait-container .create-your-title {
                    font-size: 20px !important;
                }
            }
            </style>

<div class="clr clearfix mobile-no-padding create-your-portrait create-your-portrait-hp-2518 wrapper-full " id="create-your-portrait-hp-2518" aria-label="Create Yours, Get started with your order">
            <!-- Browser showcase button -->
        <div class="desktop-only banner-middle clr font-sanspro banner-middle-portrait ">
                            <span class="icon-your-portrait">
                    <img data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/homepage-1984/xstar.png" alt="">
                </span>
                                        <p class="desktop-only font28px font-w600 bolder font-sanspro-bold price-timing create-your-title ">Say I love you with a portrait</p>
            
                            <a href="https://www.paintyourlife.com/order.php" class="btn-turnaround btn-showcase font20px bolder klaviyo-track-btn-create-your " aria-label="Start a Portrait">
                    Create your Portrait                </a>
                                </div>
        <!-- End Browser showcase button -->
    </div>

        <!-- HP DEV-2518 -->
        
            <div class="clearfix cst-wrapper-full carousel-max-v95 occasion-gallery-hp-2518">
        <div class="">
                        <div id="occasion_gallery" hg="2" class="text-center carousel-v20  ">
                <h2 id="occasion_gallery-carousel-label" class="list_title list_title_v2 font40px ">A Portrait For Any Occasion</h2>

                <div id="hpau-items-occasion" class="carousel-items carousel-items-v2 slick-slider ">
                    <div class="slider slider-temp response" role="region" aria-roledescription="carousel" aria-labelledby="occasion_gallery-carousel-label">
                                                    <div class="hpau-item carousel-item" role="group" aria-roledescription="slide" aria-label="Birthday Gifts">
                                <a class="newHPInteractive" href="https://www.paintyourlife.com/birthday-gifts-gallery.php" title="Birthday Gifts">
                                    <img src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/painting/hpau/occasion/Birthday-gift-en-it-1.jpg" alt="" class="primary-image  occasion-img no-lazy" >

                                                                            <img src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/painting/hpau/occasion/Birthday-gift-en-it-2.jpg" alt="" class="secondary-image  occasion-img no-lazy " >
                                    
                                    <div class="caption-occ">
                                        <div class="cap-title cap-title-v3">
                                            Birthday <br>Gifts                                        </div>
                                                                            </div>
                                </a>
                            </div>
                                                    <div class="hpau-item carousel-item" role="group" aria-roledescription="slide" aria-label="Remember Lost Loved Ones">
                                <a class="newHPInteractive" href="https://www.paintyourlife.com/memorial-gifts-gallery" title="Remember Lost Loved Ones">
                                    <img src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/painting/hpau/occasion/RLLO-en-1.jpg" alt="" class="primary-image  occasion-img no-lazy" >

                                                                            <img src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/painting/hpau/occasion/RLLO-en-2.jpg" alt="" class="secondary-image  occasion-img no-lazy " >
                                    
                                    <div class="caption-occ">
                                        <div class="cap-title cap-title-v3">
                                            Remember <br>Lost Loved Ones                                        </div>
                                                                            </div>
                                </a>
                            </div>
                                                    <div class="hpau-item carousel-item" role="group" aria-roledescription="slide" aria-label="Christmas Gifts">
                                <a class="newHPInteractive" href="https://www.paintyourlife.com/christmas-gifts-gallery.php" title="Christmas Gifts">
                                    <img src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/painting/hpau/occasion/Christmas-gift-1.jpg" alt="" class="primary-image  occasion-img no-lazy" >

                                                                            <img src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/painting/hpau/occasion/Christmas-gift-2.jpg" alt="" class="secondary-image  occasion-img no-lazy " >
                                    
                                    <div class="caption-occ">
                                        <div class="cap-title cap-title-v3">
                                            Christmas<br> Gifts                                        </div>
                                                                            </div>
                                </a>
                            </div>
                                                    <div class="hpau-item carousel-item" role="group" aria-roledescription="slide" aria-label="Just Because">
                                <a class="newHPInteractive" href="https://www.paintyourlife.com/showcase.php" title="Just Because">
                                    <img src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/painting/hpau/occasion/just_because_1.jfif" alt="" class="primary-image  occasion-img no-lazy" >

                                                                            <img src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/painting/hpau/occasion/just_because_2.jfif" alt="" class="secondary-image  occasion-img no-lazy " >
                                    
                                    <div class="caption-occ">
                                        <div class="cap-title cap-title-v3">
                                            Just <br>Because                                        </div>
                                                                            </div>
                                </a>
                            </div>
                                                    <div class="hpau-item carousel-item" role="group" aria-roledescription="slide" aria-label="Wedding Anniversary Gifts">
                                <a class="newHPInteractive" href="https://www.paintyourlife.com/wedding-anniversary-gifts-gallery.php" title="Wedding Anniversary Gifts">
                                    <img src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/painting/hpau/occasion/Wedding_ann-1.jpg" alt="" class="primary-image  occasion-img no-lazy" >

                                                                            <img src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/painting/hpau/occasion/Wedding-ann-2.jpg" alt="" class="secondary-image  occasion-img no-lazy " >
                                    
                                    <div class="caption-occ">
                                        <div class="cap-title cap-title-v3">
                                            Wedding <br>Anniversary Gifts                                        </div>
                                                                            </div>
                                </a>
                            </div>
                                                    <div class="hpau-item carousel-item" role="group" aria-roledescription="slide" aria-label="Cherish a Beloved Pet">
                                <a class="newHPInteractive" href="https://www.paintyourlife.com/pet-loss-memorial-gifts.php" title="Cherish a Beloved Pet">
                                    <img src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/painting/hpau/occasion/Cherish-a-beloved-pet-2.png" alt="" class="primary-image  occasion-img no-lazy" >

                                                                            <img src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/painting/hpau/occasion/Cherish-a-beloved-pet-1.png" alt="" class="secondary-image  occasion-img no-lazy " >
                                    
                                    <div class="caption-occ">
                                        <div class="cap-title cap-title-v3">
                                            Cherish <br>a Beloved Pet                                        </div>
                                                                            </div>
                                </a>
                            </div>
                                                    <div class="hpau-item carousel-item" role="group" aria-roledescription="slide" aria-label="Graduation Gifts">
                                <a class="newHPInteractive" href="https://www.paintyourlife.com/graduation-gifts-gallery.php" title="Graduation Gifts">
                                    <img src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/painting/hpau/occasion/Graduation-en-1.jpg" alt="" class="primary-image  occasion-img no-lazy" >

                                                                            <img src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/painting/hpau/occasion/Graduation-en-2.jpg" alt="" class="secondary-image  occasion-img no-lazy " >
                                    
                                    <div class="caption-occ">
                                        <div class="cap-title cap-title-v3">
                                            Graduation <br>Gifts                                        </div>
                                                                            </div>
                                </a>
                            </div>
                                            </div>

                                            <div class="prev slick-v20">
                            <button type="button" aria-label="Previous Gift Occasions" title="Prev"
                                    class="icon-slick-v20 fa fa-angle-left carousel-controls"></button>
                        </div>
                        <div class="next slick-v20">
                            <button type="button" aria-label="Next Gift Occasions" title="Next"
                                    class="icon-slick-v20 fa fa-angle-right carousel-controls"></button>
                        </div>
                                    </div>
            </div>

                            <div class="create-your-hp-2518-btn-group">
                    <div class="button_order clearfix text-center button-centerss">
                                                        <a href="https://www.paintyourlife.com/order.php" class="btn-viole-new color-primary--v2 uppercase  order-now btn-pink font-sanspro text-uppercase font20px bold klaviyo-track-btn-create-your">
                                    Create your Portrait                                </a>
                                                </div>
                </div>
                
        </div>
    </div>

    
        
                <!--DEV-3730-->
        
            <div class="clearfix cst-wrapper-full carousel-max-v95 inspiration-gallery-hp-2518">
        <div class="">
            <div id="inspiration_gallery" class="text-center carousel-v20 hp-interactive">
                <h2 id="inspiration_gallery-label" class="list_title list_title_v2 font40px" style="font-weight: 600">Inspiration & Ideas</h2>

                <div id="hpau-items-inspiration" class="carousel-items inspiration-items slick-slider">
                    <div class="slider slider-temp response" role="region" aria-roledescription="carousel" aria-labelledby="inspiration_gallery-label">
                                                    <div class="hpau-item carousel-item carousel-item--inspiration" role="group" aria-roledescription="slide" aria-label="Connect Generations">
                                                                                                            <a class="image-zoom" href="https://www.paintyourlife.com/inspiration#connect_generations" title="Connect Generations">
                                                                                                        <img src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/inspiration/father-days-2025.png" alt="" class=" inspiration-img no-lazy " loading="lazy">
                                                                            <div class="caption-occ">
                                            <div class="cap-title font-family">Connect Generations</div>
                                        </div>
                                    
                                                                            <p class="sub-title">Children with grandparents they never met</p>
                                                                                                    </a>
                                                            </div>
                                                    <div class="hpau-item carousel-item carousel-item--inspiration" role="group" aria-roledescription="slide" aria-label="Bring the family together">
                                                                                                            <a class="image-zoom" href="https://www.paintyourlife.com/inspiration#bring_the_family_together" title="Bring the family together">
                                                                                                        <img src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/inspiration/2023/11/bring_family-togheter-min.jpg" alt="" class=" inspiration-img no-lazy " loading="lazy">
                                                                            <div class="caption-occ">
                                            <div class="cap-title font-family">Bring the family together</div>
                                        </div>
                                    
                                                                            <p class="sub-title">Those that are alive and those that are gone</p>
                                                                                                    </a>
                                                            </div>
                                                    <div class="hpau-item carousel-item carousel-item--inspiration" role="group" aria-roledescription="slide" aria-label="Complete a Wedding Celebration">
                                                                                                            <a class="image-zoom" href="https://www.paintyourlife.com/inspiration#complete_wedding" title="Complete a Wedding Celebration">
                                                                                                        <img src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/inspiration/2023/11/complete-wedding-celebration09122022132856_2857239-min.jpg" alt="" class=" inspiration-img no-lazy " loading="lazy">
                                                                            <div class="caption-occ">
                                            <div class="cap-title font-family">Complete a Wedding Celebration</div>
                                        </div>
                                    
                                                                            <p class="sub-title">Add those who couldn't be there to your special day</p>
                                                                                                    </a>
                                                            </div>
                                                    <div class="hpau-item carousel-item carousel-item--inspiration" role="group" aria-roledescription="slide" aria-label="Cherish special moments">
                                                                                                            <a class="image-zoom" href="https://www.paintyourlife.com/inspiration#special_moments" title="Cherish special moments">
                                                                                                        <img src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/inspiration/2025/special_moments.jpg" alt="" class=" inspiration-img no-lazy " loading="lazy">
                                                                            <div class="caption-occ">
                                            <div class="cap-title font-family">Cherish special moments</div>
                                        </div>
                                    
                                                                            <p class="sub-title">Capture your favorite memory in a portrait forever</p>
                                                                                                    </a>
                                                            </div>
                                                    <div class="hpau-item carousel-item carousel-item--inspiration" role="group" aria-roledescription="slide" aria-label="Put Your Loved Ones Together">
                                                                                                            <a class="image-zoom" href="https://www.paintyourlife.com/inspiration#all_your_loved_together" title="Put Your Loved Ones Together">
                                                                                                        <img src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/inspiration/2023/11/put-your-loved-once-togheter-14122022141400_2862216-min.jpg" alt="" class=" inspiration-img no-lazy " loading="lazy">
                                                                            <div class="caption-occ">
                                            <div class="cap-title font-family">Put Your Loved Ones Together</div>
                                        </div>
                                    
                                                                            <p class="sub-title">Even if they weren't able to take a photo together</p>
                                                                                                    </a>
                                                            </div>
                                                    <div class="hpau-item carousel-item carousel-item--inspiration" role="group" aria-roledescription="slide" aria-label="Make Graduation Day complete">
                                                                                                            <a class="image-zoom" href="https://www.paintyourlife.com/inspiration#complete_graduation" title="Make Graduation Day complete">
                                                                                                        <img src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/inspiration/2023/11/make-graduation-day-complete-min.jpg" alt="" class=" inspiration-img no-lazy " loading="lazy">
                                                                            <div class="caption-occ">
                                            <div class="cap-title font-family">Make Graduation Day complete</div>
                                        </div>
                                    
                                                                            <p class="sub-title">Share your graduation with lost loved ones</p>
                                                                                                    </a>
                                                            </div>
                                                    <div class="hpau-item carousel-item carousel-item--inspiration" role="group" aria-roledescription="slide" aria-label="Enhance with embellishments">
                                                                                                            <a class="image-zoom" href="https://www.paintyourlife.com/inspiration#enhance_with_embellishments" title="Enhance with embellishments">
                                                                                                        <img src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/inspiration/2023/11/enhance-with-embelishments-min.jpg" alt="" class=" inspiration-img no-lazy " loading="lazy">
                                                                            <div class="caption-occ">
                                            <div class="cap-title font-family">Enhance with embellishments</div>
                                        </div>
                                    
                                                                            <p class="sub-title">Design a portrait with details to tell your story</p>
                                                                                                    </a>
                                                            </div>
                                                    <div class="hpau-item carousel-item carousel-item--inspiration" role="group" aria-roledescription="slide" aria-label="Be Unique">
                                                                                                            <a class="image-zoom" href="https://www.paintyourlife.com/inspiration#celebrity" title="Be Unique">
                                                                                                        <img src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/inspiration/2023/11/be_unique-min.jpg" alt="" class=" inspiration-img no-lazy " loading="lazy">
                                                                            <div class="caption-occ">
                                            <div class="cap-title font-family">Be Unique</div>
                                        </div>
                                    
                                                                            <p class="sub-title">Show your fantastical side in a portrait</p>
                                                                                                    </a>
                                                            </div>
                                                    <div class="hpau-item carousel-item carousel-item--inspiration" role="group" aria-roledescription="slide" aria-label="Add a written message">
                                                                                                            <a class="image-zoom" href="https://www.paintyourlife.com/inspiration#send_written_message" title="Add a written message">
                                                                                                        <img src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/inspiration/2025/send_written_message.jpg" alt="" class=" inspiration-img no-lazy " loading="lazy">
                                                                            <div class="caption-occ">
                                            <div class="cap-title font-family">Add a written message</div>
                                        </div>
                                    
                                                                            <p class="sub-title">Send a special message for a special someone</p>
                                                                                                    </a>
                                                            </div>
                                                    <div class="hpau-item carousel-item carousel-item--inspiration" role="group" aria-roledescription="slide" aria-label="Style them with love">
                                                                                                            <a class="image-zoom" href="https://www.paintyourlife.com/inspiration#style_them_with_love" title="Style them with love">
                                                                                                        <img src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/inspiration/2023/11/style-them-with-love16032021012522_1068326-min.jpg" alt="" class=" inspiration-img no-lazy " loading="lazy">
                                                                            <div class="caption-occ">
                                            <div class="cap-title font-family">Style them with love</div>
                                        </div>
                                    
                                                                            <p class="sub-title">Fashion the picture-perfect moment of your dreams</p>
                                                                                                    </a>
                                                            </div>
                                                    <div class="hpau-item carousel-item carousel-item--inspiration" role="group" aria-roledescription="slide" aria-label="In the arms of Jesus in heaven">
                                                                                                            <a class="image-zoom" href="https://www.paintyourlife.com/inspiration#in_the_arms_Jesus" title="In the arms of Jesus in heaven">
                                                                                                        <img src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/inspiration/2023/11/in-the-erms-of-Jesus12012022143853_1471565-jesus-min.jpg" alt="" class=" inspiration-img no-lazy " loading="lazy">
                                                                            <div class="caption-occ">
                                            <div class="cap-title font-family">In the arms of Jesus in heaven</div>
                                        </div>
                                    
                                                                            <p class="sub-title">Bring peace to those who have lost a loved one</p>
                                                                                                    </a>
                                                            </div>
                                            </div>

                                            <div class="prev slick-v20">
                            <button type="button" title="Prev" class="icon-slick-v20 fa fa-angle-left carousel-controls"
                                    aria-label="Previous Inspiration & Ideas"></button>
                        </div>
                        <div class="next slick-v20">
                            <button type="button" title="Next" class="icon-slick-v20 fa fa-angle-right carousel-controls"
                                    aria-label="Next Inspiration & Ideas"></button>
                        </div>
                                    </div>
            </div>
        </div>
    </div>


        
        
        <!-- Slider -->
                <!-- End Slider -->

        <div class="clearfix"></div>

        
        
<div id="hiw-landing-page-container" class="hiw-no-margin-bottom">
<div class="hiw-turnaround-items-container">
  <h3 class="hiw-turnaround-head-title" dir="auto">How it works</h3>
  <div class="hiw-turnaround-items">
    <div class="hiw-turnaround-item">
      <span class="img-hiw-turnaround-instead">
        <img data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/landing-page-icons/hiw-icons/click-v2.png" class="img-hiw-main-img" alt="">
      </span>
      <p class="hiw-turnaround-big-title">PLACE YOUR ORDER</p>
      <p class="hiw-turnaround-item-title ">
          Choose a medium,</br> customize your portrait,</br> and upload photos.      </p>
    </div>
    <img class="arrow-icon" data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/landing-page-icons/hiw-icons/group1.png" alt="">

    <div class="hiw-turnaround-item">
      <span class="img-hiw-turnaround-instead">
        <img data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/landing-page-icons/hiw-icons/aprove.png" class="aprove-icon img-hiw-main-img" alt="">
      </span>
      <p class="hiw-turnaround-big-title">APPROVE MOCK-UP</p>
      <p class="hiw-turnaround-item-title ">
          Review a draft of</br> your portrait</br> via your dashboard.      </p>
    </div>
    <img class="arrow-icon" data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/landing-page-icons/hiw-icons/group1.png" alt="">

    <div class="hiw-turnaround-item">
      <span class="img-hiw-turnaround-instead">
        <img class="begin-icon img-hiw-main-img" data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/landing-page-icons/hiw-icons/begin.png" alt="">
      </span>
      <p class="hiw-turnaround-big-title">PAINTING BEGINS</p>
      <p class="hiw-turnaround-item-title ">
          Your artist</br> hand-paints your</br> beautiful creation.      </p>
    </div>
    <img class="arrow-icon" data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/landing-page-icons/hiw-icons/group1.png" alt="">

    <div class="hiw-turnaround-item">
      <span class="img-hiw-turnaround-instead">
        <img data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/landing-page-icons/hiw-icons/chose.png" class="img-hiw-main-img" alt="">
      </span>
      <p class="hiw-turnaround-big-title">APPROVE PAINTING</p>
      <p class="hiw-turnaround-item-title ">
          Once approved, use our</br> interactive framing guide</br> to choose a frame.      </p>
    </div>
    <img class="arrow-icon" data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/landing-page-icons/hiw-icons/group1.png" alt="">

    <div class="hiw-turnaround-item hiw-turnaround-item-ship">
      <span class="img-hiw-turnaround-instead">
        <img data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/landing-page-icons/hiw-icons/ship.png" class="ship-icon img-hiw-main-img" alt="">
      </span>
      <p class="hiw-turnaround-big-title">GET YOUR PORTRAIT</p>
      <p class="hiw-turnaround-item-title ">
          Finalize your payment</br> and choose your</br> shipping method.      </p>
    </div>
  </div>
</div><div id="showcase-button-hp-2518" class="clr clearfix wrapper-full-hiw showcase-button-hp-2518 wrapper-full mobile-no-padding ">
            <!-- Browser showcase button -->
        <a data-bs-toggle="modal" data-bs-target="#popup-turnaround-table" data-toggle="modal" data-target="#popup-turnaround-table" href="#" aria-label="See Turnaround Times. Receive Your Portrait In As Little As 14 Days! (Opens a dialog)">
            <div class="banner-middle clr font-sanspro banner-middle-new">
                                    <strong class="desktop-only font34px font-inherit price-timing-v2 bolder font-sanspro-bold price-timing" dir="auto">Receive Your Custom Portrait In As Little As 14 Days!</strong>
                                <strong class="mobile-only bolder font18px font-sanspro-bold price-timing-v2 ">Receive Your Custom Portrait In As Little As 14 Days!</strong>
                                    <span class="btn-viole-new color-primary--v2 uppercase btn-turnaround-v2 btn-showcase font20px bolder " tabindex="0">See Turnaround Times</span>
                                            </div>
        </a>
        <!-- End Browser showcase button -->
            <!-- Popup Turnaround Table -->
    <div id="popup-turnaround-table" class="modal fade" role="dialog" tabindex="-1" aria-labelledby="title-turnaround-popup" >
        <div class="modal-dialog modal-lg modal-xl enable3SizeTurnaroundSettings" role="document">
            <div class="modal-content">
                <div class="modal-body">
                    <button type="button" class="close btn-close" data-bs-dismiss="modal" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                                            <div class="desktop-only">
                            
<style>
    .desktop-only .cell_second_first:nth-child(2), .desktop-only .cell_second_first:nth-child(3) {
        padding: 15px 0;
    }
    html[lang=de] .desktop-only .cell_second_first:nth-child(2), html[lang=de] .desktop-only .cell_second_first:nth-child(3) {
        padding: 27px 0;
    }
    .col-turnaround {
        width: 38%;
        text-align: center;
    }
    .enable3SizeTurnaroundSettings .col-turnaround {
        width: unset;
    }
    .col-turnaround.col-first, .table-bordered>tbody>tr>th.row-first {
        border: 0;
    }
    .col-turnaround:first-child {
        width: 22%;
    }
    .enable3SizeTurnaroundSettings .col-turnaround:first-child {
        width: unset;
    }
    .col-turnaround.col-item {
        border-top: 1px solid #ddd !important;
    }
    .mobile-only .cell_second_first {
        padding: 10px 4px;
    }
    .left.cell_second_first.last {
        height: auto;
    }
    html[lang=en] .left.cell_second_first.last {
        height: auto;
    }
    .color-yellow {color: #ff9d02;}
    .turnaround-table-block .exp-ship .cell_first_second {line-height: 20px;}
    .banner-gift-certificate {padding: 25px 100px;}
    #banner-gift-cert-block {
        position: relative;
        margin-top: 15px;
    }
    .turnaround-table-v2 .table-bordered {
        border: 0;
    }
    .turnaround-table-v2 {
        margin-top: 20px;
    }
    #banner-gift-certificate {
        border: 3px solid #ff135e;
        border-radius: 8px;
        margin-left: 10%;
        margin-right: 10%;
        margin-bottom: 15px;
        padding: 25px 8%;
        box-shadow: 1px 1px 7px -1px #979393;
        -moz-box-shadow: 1px 1px 7px -1px #979393;
        -webkit-box-shadow: 1px 1px 7px -1px #979393;
        color: #333;
        display: block;
    }
    .turnaround-center {
        text-align: center;
        vertical-align: middle !important;
        width: 19%;
    }
    .enable3SizeTurnaroundSettings .turnaround-center {
        width: unset;
    }

    #cert-gift-icon {
        position: absolute;
        width: 75.766px;
        height: 105px;
        left: 11%;
        bottom: 20%;
    }
    #cert-gift-icon .click-to-zoom {
        white-space: nowrap;
    }
    #cert-gift-icon:hover {
        cursor: pointer;
    }
    .title_col {
        color: var(--blue-secondary-color);
    }
    #cert-gift-icon img {
        width: 100%;
    }
    .color-yellow .turnaround-center {
        font-weight: bold;
    }
    #banner-gift-cert-link {
        color: #333;
    }
    #popup-gift-cert-example .modal-content {
        max-width: 400px;
        margin: auto;
    }
    #popup-gift-cert-example .modal-body {
        padding: 0;
    }
    #popup-gift-cert-example .modal-body img {
        width: 100%;
    }
    #popup-gift-cert-example .close {
        position: absolute;
        right: -12px;
        top: -12px;
        background: #fff;
        border: 2px solid #ccc;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        text-shadow: none;
        opacity: 1;
    }
    #banner-gift-card a {
        text-decoration: underline;
        color: var(--primary-color-v2) !important;
    }

    .size-info-header th {
        border-bottom-width: 0px !important;
        font-weight: normal;
    }
    @media (min-width: 768px) {
        body.language_en .cell_second_first, body.language_nl    .cell_second_first {
            padding: 10px 5px 28px;
        }
        body.language_fr .cell_second_first, body.language_de .cell_second_first {
            padding: 10px 5px 32px;
        }
        body.language_it .cell_second_first {
            padding: 10px 5px 60px;
        }
    }

        #banner-gift-certificate, #banner-gift-card {margin-left: 0; margin-right: 0;}
    #cert-gift-icon {left: 3%;}
    #banner-gift-certificate {padding: 25px 13%;}
    
    .position-relative{
        position: relative !important;
    }

    .position-absolute-center{
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }
    @media (min-width: 992px) {
        #popup-turnaround-table .enable3SizeTurnaroundSettings.modal-lg {
            width: 1250px !important;
        }
    }
</style>

<div class="turnaround-table-block clearfix">
    <div id="title-turnaround-popup" class="font18px bold">The following turnaround is from the day you place your order to the day you receive it at your door.</div>

    <div class="turnaround-table-v2">
        <table class="table  enable3SizeTurnaroundSettings">
            <thead>
            <tr>
                <th scope="col" class="col-turnaround col-first"></th>
                <th scope="col" colspan="3" class="col-turnaround col-item position-relative">
                    <span class="font18px display_block align_center bold title_col position-absolute-center">Oil, Acrylic</span>
                </th>
                <th scope="col" colspan="3" class="col-turnaround col-item">
                    <span class="font18px display_block align_center bold title_col">
                    Watercolor, Pastel, Charcoal and Pencil                        </span>
                </th>
            </tr>

            <tr class="size-info-header">
                <th scope="col" class="col-turnaround col-first"></th>
                                    <th scope="col" class="turnaround-center">
                        <span class="bold">Small Size Portraits</span>
                        <br>
                        (8"x10" - 12"x16")
                    </th>
                                <th scope="col" class="turnaround-center">
                    <span class="bold">Medium Size Portraits</span>
                    <br>
                    (16"x20" - 24"x30")
                </th>
                <th scope="col" class="turnaround-center">
                    <span class="bold">Big Size Portraits</span>
                    <br>
                    (24"x36" - 48"x72")
                </th>
                                    <th scope="col" class="turnaround-center">
                        <span class="bold">Small Size Portraits</span>
                        <br>
                        (8"x10" - 12"x16")
                    </th>
                                <th scope="col" class="turnaround-center">
                    <span class="bold">Medium Size Portraits</span>
                    <br>
                    (16"x20" - 24"x30")
                </th>
                <th scope="col" class="turnaround-center">
                    <span class="bold">Big Size Portraits</span>
                    <br>
                    (24"x36" - 48"x72")
                </th>
            </tr>

            </thead>
            <tbody>

                            <tr>
                    <th scope="row">Regular service</th>
                                            <td class="turnaround-center">22 days</td>
                                        <td class="turnaround-center">24 days</td>
                    <td class="turnaround-center">26 days</td>
                                            <td class="turnaround-center">24 days</td>
                                        <td class="turnaround-center">26 days</td>
                    <td class="turnaround-center">28 days</td>
                </tr>
                                        <tr>
                    <th scope="row">Express service*</th>
                                            <td class="turnaround-center">13 days</td>
                                        <td class="turnaround-center">14 days</td>
                    <td class="turnaround-center">15 days</td>
                                            <td class="turnaround-center">13 days</td>
                                        <td class="turnaround-center">14 days</td>
                    <td class="turnaround-center">15 days</td>
                </tr>
            
                        </tbody>
        </table>
    </div>

    <div class="clearfix"></div>

    
    
    <p class="margin-top">
        <span>
            * Express service means that we start working on your order immediately. You can choose it when you are at the shopping cart page. This service costs an additional 15%        </span>
        <br/>
                            <span>
            * Please note that selecting video service will add 2 more days to painting turnaround time        </span>
            </p>
</div>
                        </div>
                                    </div>
            </div>
        </div>
    </div>
    <!-- /Popup Turnaround Table -->
</div>

    </div>


<div class="instagram-video instagram-video-v2">
    <div class="container">
        <div class="iv-header">
            <h3 id="instagram-label" class="title">Watch the #BigReveal</h3>
        </div>
        <div class="video-slider ">
            <div class="prev slick-v20">
                <button type="button" class="icon-slick-v20 fa fa-angle-left fa-2x" title="Prev" aria-label="Previous Instagram post"></button>
            </div>
            <ul class="list-video" role="region" aria-roledescription="carousel" aria-labelledby="instagram-label">
                <li class="video-item col-md-4" role="group" aria-roledescription="slide">
                    <iframe src="about:blank" frameborder="0" scrolling="no" allowtransparency="true" allowfullscreen="true" html="" data-src="https://www.instagram.com/reel/CvVDLNxAUYO/embed" data-class="LazyLoad" />
                    </iframe>
                </li>
                <li class="video-item col-md-4">
                    <iframe src="about:blank" frameborder="0" scrolling="no" allowtransparency="true" allowfullscreen="true" html="" data-src="https://www.instagram.com/reel/C-QZb2JPFrN/embed" data-class="LazyLoad" />
                    </iframe>
                </li>
                <li class="video-item col-md-4">
                    <iframe src="about:blank" frameborder="0" scrolling="no" allowtransparency="true" allowfullscreen="true" html="" data-src="https://www.instagram.com/reel/DB-DR3XtPk-/embed" data-class="LazyLoad" />
                    </iframe>
                </li>
                <li class="video-item col-md-4">
                    <iframe src="about:blank" frameborder="0" scrolling="no" allowtransparency="true" allowfullscreen="true" html="" data-src="https://www.instagram.com/reel/C-VsQWRxSd4/embed" data-class="LazyLoad" />
                    </iframe>
                </li>
                <li class="video-item col-md-4">
                    <iframe src="about:blank" frameborder="0" scrolling="no" allowtransparency="true" allowfullscreen="true" html="" data-src="https://www.instagram.com/reel/C-y5CnNpXif/embed" data-class="LazyLoad" />
                    </iframe>
                </li>
                <li class="video-item col-md-4">
                    <iframe src="about:blank" frameborder="0" scrolling="no" allowtransparency="true" allowfullscreen="true" html="" data-src="https://www.instagram.com/reel/C9dCHgVPX1S/embed" data-class="LazyLoad" />
                    </iframe>
                </li>
            </ul>
            <div class="next slick-v20">
                <button type="button" class="icon-slick-v20 fa fa-angle-right fa-2x" title="Prev" aria-label="Next Instagram post"></button>
            </div>
        </div>
        <div class="resume-button margin-top-20px">
    <div class="button_order clearfix text-center button-centerss">
                        <a href="https://www.paintyourlife.com/order.php" class="btn-viole-new color-primary--v2 uppercase  order-now btn-pink font-sanspro text-uppercase font20px bold klaviyo-track-btn-create-your" aria-label="Start a Portrait">
                    Create your Portrait                </a>
                </div>
</div>    </div>
</div>


<script>
// Wait for jQuery and DOM to be fully loaded
function waitForJQuery(callback) {
    if (window.jQuery) {
        callback(window.jQuery);
    } else {
        setTimeout(function() {
            waitForJQuery(callback);
        }, 100);
    }
}

// Initialize when jQuery is ready and DOM is fully loaded
waitForJQuery(function($) {
    $(document).ready(function() {
        // Check if slider element exists
        var $slider = $('.instagram-video .video-slider .list-video');
        if (!$slider.length) {
            console.log('Slider element not found');
            return;
        }

        // Initialize slick slider if needed
        if ($.fn.slick && !$slider.hasClass('slick-initialized')) {
            try {
                $slider.slick({
                    infinite: true,
                    prevArrow: $('.instagram-video .video-slider .prev'),
                    nextArrow: $('.instagram-video .video-slider .next'),
                    slidesToShow: 3,
                    slidesToScroll: 1,
                    accessibility: true,
                    focusOnSelect: true,
                    focusOnChange: true,
                    pauseOnFocus: true,
                    pauseOnHover: true,
                    lazyLoad: 'ondemand',
                    responsive: [
                        {
                          breakpoint: 1500,
                          settings: {
                              slidesToShow: 3,
                              centerPadding: '50px',
                          }
                        },
                        {
                          breakpoint: 1370,
                          settings: {
                              slidesToShow: 3,
                          }
                        },
                        {
                          breakpoint: 992,
                          settings: {
                              slidesToShow: 2,
                              centerPadding: '100px',
                          }
                        },
                        {
                          breakpoint: 768,
                          settings: {
                              slidesToShow: 2,
                              centerPadding: '100px',
                              swipeToSlide: true,
                          }
                        },
                        {
                          breakpoint: 575,
                          settings: {
                            arrows: true,
                            slidesToShow: 1,
                            swipe: true,
                            swipeToSlide: true,
                            focusOnSelect: false,
                            focusOnChange: false,
                            autoplaySpeed: 2000,
                            autoplay: false,
                            touchMove: true,
                          }
                        }
                    ]
                });
            } catch (error) {
                console.log('Error initializing slick slider:', error);
            }
        }
    });
});
</script>
        
        
        <!--    All other content-->
        <!-- Show facebook video -->
                            
    
    
    <!-- Video Testimonial popup -->

        
        
        <div class="wrapper-full clr" id="containt-meet_our_artists">
            
            <div class="why-our-clients-love-us-hp-2518">
                            </div>

            <div class="clearfix"></div>
            <div class="margin-top20"></div>

            
            <div class="clearfix"></div>

            
                    </div>

        <div class="clearfix" style="display: flex; margin-bottom: 30px; width: 100%;">
            <!-- Why customer love us -->
<div class="thumb-list clr love-us love-us-v21 wrapper-full" id="love-us-2518">
    <div class="list_title margin-top-50 align_center font-sanspro font48px-none-bold">Our Commitment to You</div>

            <div dir="auto" class="font23px padding-center align_center font-sanspro bot-10 love-us-content">
            A custom hand-painted portrait from photo is a work of heart.<br> Paint Your Life is committed to bringing your vision to life together with professional artists.<br> Unlimited modifications and the ability to combine multiple photos.<br>into one custom painting from photo ensures your absolute satisfaction.        </div>
    
    <div class="commitment-items">
                    <div class="attached-item" dir="auto">
                <span class="img-attached-instead">
                    <img data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/new-home-icons/your_comment_icon_1.png" alt="" ></span>
                <p class="attached-item-title font20px">100% <br>Hand-painted</p>
            </div>
                            <div class="attached-item">
                        <span class="img-attached-instead">
                            <img data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/new-home-icons/your_comment_icon_2.png" alt="" ></span>
                    <p class="attached-item-title font20px">Free <br>Shipping</p>
                </div>
                        <div class="attached-item">
                    <span class="img-attached-instead">
                        <img data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/new-home-icons/your_comment_icon_3.png" alt="" ></span>
                <p class="attached-item-title font20px">Unlimited <br>Modifications</p>
            </div>
            <div class="attached-item">
                    <span class="img-attached-instead">
                        <img data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/new-home-icons/your_comment_icon_4.png" alt=""></span>
                <p class="attached-item-title font20px">5-star rating <br>Trustpilot.com</p>
            </div>
            <div class="attached-item">
                    <span class="img-attached-instead">
                        <img data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/new-home-icons/your_comment_icon_5.png" alt=""></span>
                <p class="attached-item-title font20px">Exceptional Support</p>
            </div>
            <div class="attached-item">
                    <span class="img-attached-instead">
                        <img data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/new-home-icons/your_comment_icon_6.png" alt=""></span>
                <p class="attached-item-title font20px">Satisfaction <br>Guaranteed</p>
            </div>
                </div>
</div>
        </div>

            </div>
    <div class="clearfix wrapper-full partial-group" style="margin-bottom: 30px; width: 100%; margin-top: -20px;">
        <div id="love-us-2518" class="love-us">
        <div class="hand-panting-items ">

                            <div class="hand-panting-item">
                    <img data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/new-home-icons/hanle-panting-new-img1.jpg" alt="">
                </div>
                <div class="hand-panting-item hand-panting-item-text-02 hand-panting-item-text">
                    <div dir="auto">
                        <div class="hand-panting-title align_center">Moments Of Your Dreams</div>
                        <p class="hand-panting-sub-title  font23px">Masterfully painted by our professional portrait artists.</p>
                    </div>
                </div>
                <div class="hand-panting-item"> <img data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/new-home-icons/hanle-panting-new-img2.jpg" alt=""></div>

                <div class="hand-panting-item hand-panting-item-text-04 hand-panting-item-text">
                    <div dir="auto">
                        <div class="hand-panting-title align_center">Care & Attention</div>
                        <p class="hand-panting-sub-title font23px">Supporting you on your portrait journey with unlimited modifications and open communication.</p>
                    </div>
                </div>
                <div class="hand-panting-item"><img data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/new-home-icons/hanle-panting-new-img3.jpg" alt=""></div>
                <div class="hand-panting-item hand-panting-item-text-06 hand-panting-item-text">
                    <div dir="auto">
                        <div class="hand-panting-title align_center">Hand Painted Memories</div>
                        <p class="hand-panting-sub-title  font23px">Beautiful framing options complete a masterpiece to enhance your home and heart.</p>
                    </div>
                </div>
                        </div>
    </div>
                    <div class="clearfix seo-section" style="display: flex; margin-bottom: 30px; margin-top:30px; width: 100%;">
                <h1 class="span-style">Custom Hand-Painted Portraits from Photos</h1>                <p class="description">
                    Hand-painted portraits of your cherished memories. Whether honoring a loved one or surprising someone special, find the gift that speaks from the heart.                </p>
                <div class="button_order clearfix text-center button-center" style="margin: auto;">
                                            <a class="btn-viole-new color-primary--v2 uppercase  order-now btn-pink font-sanspro text-uppercase font20px bold" title="Get Started" href="https://www.paintyourlife.com/order.php" style="width: 195px" aria-label="Start a Portrait">Get Started</a>
                                    </div>
            </div>
           </div>

    <!-- End: The content -->
    <div class="clearfix"></div>
    <!-- Start: The footer -->

    
    <!--DEV-3552-->
    
    <!-- DEV-2783 -->
    
    <style>
      .footer-text-empty {
        height: 37px !important;
      }
    </style>
    <div id="footer"
         class="footer footer-new clearfix footer-v21 footer-new-v2  ">
                    <div class="wrapper-full subscribe-box-new w3_bg ">
                
                    <div id="before-subscribe">
                                                <div class="subscribe-title-v3">Subscribe and Get 20% Off</div>

                        <div class="hide subscribe_box_new subscribe-box-new-subtitle">Our hand-painted portraits are a work of heart</div>

                        <div class="clearfix"></div>
                                                    <div class="desc font16px" style="margin-bottom: 20px"></div>
                        
                        <div class="subscribe-form new-subscribe">
                            <form method="post" name="newsletter" novalidate="novalidate" class="row">
                                <input type="hidden" name="url" value="http://www.paintyourlife.com">
                                <input type="hidden" name="PYL_TOKEN" value="c7ec703c250e31a1d4b011ab2c932012bd8790a7">
                                <input type="hidden" name="from" value="footer">
                                                                <div class="col-md-3 clearfix">
                                    <div class="custom-input-group">
                                        <label for="name-subscribe" id="custom-input-title-newsfname" class="custom-input-title hidden">Your First Name</label>
                                        <input id="name-subscribe" type="text" name="newsfname" onkeyup="funcFooterFirstNameOnchange(this)"
                                               class="footer-text-empty custom-input_font18 form-control font-sanspro font18px"
                                               autocomplete="on"                                                placeholder="Your first name *"
                                               aria-label="Your First Name">
                                    </div>
                                </div>

                                <div class="col-md-3 clearfix">
                                    <div class="custom-input-group">
                                        <label for="newsemail" id="custom-input-title-newsemail" class="custom-input-title hidden">Your Email</label>
                                        <input id="newsemail" type="email" name="newsemail" onkeyup="funcFooterEmailOnchange(this)"
                                               class="footer-text-empty custom-input_font18 form-control font-sanspro font18px"
                                               autocomplete="on"                                                placeholder="Your email*"
                                               aria-label="Your Email">
                                    </div>
                                </div>

                                                                    <div class="col-md-3 clearfix">
                                        <div class="custom-input-group custom-input-group2">
                                            <label for="newsphone" id="custom-input-title-newsphone" class="custom-input-title hidden">Your phone</label>
                                            <input id="newsphone" type="text" name="newsphone" data-current-country-code="us"
                                                   class="footer-text-empty custom-input_font18 form-control font-sanspro font18px"
                                                   autocomplete="on" placeholder="Your mobile number (optional)"
                                                   aria-label="Your phone">
                                        </div>
                                    </div>
                                                                                                    <div class="col-md-3">
                                        <button type="button" class="button_font16 color-primary--v2 btn btn-blue font-sanspro font18px"
                                                onclick="$('form[name=newsletter]').submit()"
                                                aria-label="Click to subscribe">Click to subscribe</button>
                                    </div>
                                                            </form>

                                                            <div class="mailing-condition-container" style="line-height: 1.6;">
                                    <p>
                                        By entering your phone number, you agree to receive marketing messages at the number provided.
                                        Consent is not a condition of purchase. Message and data rates may apply. Message frequency varies.
                                        Reply HELP for help or STOP to cancel. View our <a href="https://www.paintyourlife.com/terms.php">Terms of Use</a> and
                                        <a href="https://www.paintyourlife.com/privacy-policy.php">Privacy Policy</a>.
                                    </p>
                                </div>
                                                    </div>
                        <div class="clearfix"></div>
                        <div class="newsletter" id="newsletter_tks" style="display: none;">
                            <form method="post" name="newsletter1" class="text-center">
                                <div class="font20px">Thank you for subscribing to our newsletter!</div>
                                <div class="clear"></div>
                            </form>
                        </div>
                    </div>
                    <!-- 2019-11-21 custom post_mailchimp to show please wai +  thank-you -->
                    <div id="complete-subscribe">
                        <div class="title">Thank you!</div>
                        <i class="fa fa-check-circle-o fa-5x"></i>
                                                    <br><br>
                            <div class="desc font16px">You've been successfully subscribed to Paint Your Life's newsletter</div>
                                            </div>
                                </div>
                <!-- // DEV-2473-->

                    <div class="wrapper-full footer-row clearfix satisfaction-trustpilot ">
                                    <div class="trustpilot-footer ">
                        <div class="title-trustpilot">
                            15,000+ 5-Star Customer Reviews                        </div>
                    </div>

                        <div class="trustpilot-local ">
        <iframe title="Trust Pilot Reviews"
                src="https://www.paintyourlife.com/trustpilotWidgetReviewsV2.php?theme=light&position=top-homepage&enableNewFooter="
                width="100%" height="140px" frameborder="0" loading="lazy"></iframe>
    </div>


                                            <div class="btn-review-section">
                            <a href="https://www.paintyourlife.com/reviews.php" aria-label="See all Paint Your Life Reviews">See all Paint Your Life Reviews</a>
                        </div>
                                                </div>
                        <div class="footer-row menus font-sanspro clearfix">
                <div class="wrapper-full footer-row-new">
                    <div class="sub-menu col-sm-2 menu-help collapsed">
                        <div class="title font18px">Help</div>
                        <div class="title title-collapse font18px title-collapse-new">
                            Help                            <span class="fa fa-chevron-down"></span>
                            <span class="fa fa-chevron-up"></span>
                        </div>
                        <div class="menu-items font16px clearfix text-capitalize" style="display: none;">
                                                            <a href="https://paintyourlife.zendesk.com/hc/en-us" title="Help center" target="_blank">Help center</a>
                                                        <a href="https://www.paintyourlife.com/privacy-policy.php" title="Privacy Policy">Privacy Policy</a>
                                                            <a href="https://www.paintyourlife.com/ccpa-privacy-notice.php" title="CCPA Privacy Notice">CCPA Privacy Notice</a>
                                                        <!-- DEV-3012 SHow CCPA in US visitor for the spainish -->
                                                        <a href="https://www.paintyourlife.com/cookie-policy.php"
                               title="Cookies Policy">Cookies Policy</a>
                            <a href="https://www.paintyourlife.com/terms.php" title="Terms & Conditions">Terms & Conditions</a>
                            <a href="https://www.paintyourlife.com/guarantee.php" title="Guarantee">Guarantee</a>
                                                            <a href="https://www.paintyourlife.com/about.php" title="About us">About us</a>
                                                                                        <a href="https://www.paintyourlife.com/user-login.php" title="Login">Login</a>
                                                    </div>
                    </div>

                    <div class="sub-menu col-sm-2 menu-gallery collapsed">
                        <div class="title font18px">Browse</div>
                        <div class="title title-collapse font18px title-collapse-new">
                            Browse                            <span class="fa fa-chevron-down"></span>
                            <span class="fa fa-chevron-up"></span>
                        </div>
                        <div class="menu-items font16px clearfix" style="display: none;">
                            <a href="https://www.paintyourlife.com/showcase.php">Portraits</a>
                                                            <a href="https://www.paintyourlife.com/video-testimonials.php">Unboxing Videos</a>
                                                            <a href="https://www.paintyourlife.com/photo-testimonials.php">Photo Testimonials</a>
                                                            <a href="/our-artists-at-work.php">Our Artists At Work</a>
                                                                                        <a href="https://www.paintyourlife.com/inspiration">Inspiration & Ideas</a>
                                                                                        <a href="https://www.paintyourlife.com/reviews.php">Reviews</a>
                                                        <a href="https://www.paintyourlife.com/sitemap.php">Sitemap</a>
                        </div>
                    </div>

                                            <div class="sub-menu collapsed mobile-only">
                            <div class="title font18px">Inspiration & Ideas</div>
                            <div class="title title-collapse font18px title-collapse-new">
                                Inspiration & Ideas                                <span class="fa fa-chevron-down"></span>
                                <span class="fa fa-chevron-up"></span>
                            </div>
                            <div class="menu-items font16px clearfix" style="display: none;">
                                <a href="/connectgenerations-paintings.php">Connect Generations</a>
                                <a href="/bringthefamilytogether-paintings.php">Bring the family together</a>
                                <a href="/beunique-paintings.php">Be Unique</a>
                                <a href="/addawrittenmessage-paintings.php">Add a written message</a>
                                <a href="/jesus-paintings.php">In the arms of Jesus in heaven</a>
                                <a href="/cherishspecialmoments-paintings.php">Cherish special moments</a>
                                <a href="/allyourlovedonestogether-paintings.php">Put All Your Loved Ones Together</a>
                                <a href="/completeweddingcelebration-paintings.php">Complete your Wedding Celebration</a>
                                <a href="/makegraduationdaycomplete-paintings.php">Make Graduation Day complete</a>
                                <a href="/Enhancewithembellishments-paintings.php">Enhance with embellishments</a>

                            </div>
                        </div>
                    
                     <!-- END Hide menus on Mobile Ar, Ko, Ja. -->

                    <div class="sub-menu col-sm-3 menu-recent-blog-posts collapsed">
                         <!-- Show the prices menu in ar, ko, ja follow by Assaf's email: we need to have Price page to Arab, Korean and Japanese-->
                            <div class="title font18px">More</div>

                            <div class="menu-items font16px clearfix" style="display: none;">
                                 <!-- Don't show the gift_cards menu in ar, ko, ja follow by Assaf's email: we need to have Price page to Arab, Korean and Japanese -->
                                                                                                                                        <!--<a href="https://www.paintyourlife.com/blog/" title="" target="_blank"></a>-->
                                
                                                                <!-- Show Painting & Timing link on footer Desktop version -->
                                                                    <a class="gallery_url_new main_link" href="https://www.paintyourlife.com/prices.php"
                                       aria-label="Pricing & Timing">Pricing & Timing                                        <span class="active_line"></span>
                                    </a>
                                
                            </div>
                                            </div>

                    <div class="sub-menu col-sm-5 menu-social-contact collapsed">
                        <div class="social-footer-wrapper">
                            <div class="sub-menu menu-social-links desktop-only collapsed">
                                <div class="title font18px">Follow Us On</div>
                                <div class="title title-collapse font18px">
                                    Follow Us On                                    <span class="fa fa-chevron-down"></span>
                                    <span class="fa fa-chevron-up"></span>
                                </div>
                                <div class="menu-items font16px clearfix social-items" style="display: none;">
                                    <meta content="PaintYourLife"/>
                                    <link href="https://www.paintyourlife.com">

                                                                            <a href="https://www.facebook.com/Paintyourlife/" aria-label="Facebook" target="_blank">
                                            <img width="32"
                                                 data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/icon-footer/fb.png"
                                                 alt="">
                                        </a>
                                                                                <a href="https://www.instagram.com/paintyourlife/" aria-label="Instagram" target="_blank">
                                            <img width="32"
                                                 data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/icon-footer/ins.png"
                                                 alt="">
                                        </a>
                                                                                <a href="https://www.youtube.com/user/PaintYourLifeArt" aria-label="Youtube" target="_blank">
                                            <img width="32"
                                                 data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/icon-footer/youtube.png"
                                                 alt="">
                                        </a>
                                                                                <a href="https://www.tiktok.com/@paintyourlife/" aria-label="Tiktok" class="tiktok-link" target="_blank">
                                            <img width="32" data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/icon-footer/tittox.png" alt="">
                                        </a>
                                                                        </div>
                            </div>

                                                            <div class="sub-menu menu-localization-settings collapsed">
                                    <div class="title font18px">Localization</div>
                                    <div class="title title-collapse font18px title-collapse-new">
                                        Localization                                        <span class="fa fa-chevron-down"></span>
                                        <span class="fa fa-chevron-up"></span>
                                    </div>

                                    <div class="menu-items font16px clearfix" style="display: none;">
                                        <div class="countries header-dropdown header-dropdown-localization-new"
                                             role="combobox"
                                             title="Select Country"
                                             aria-label="Select Country"
                                             aria-expanded="false"
                                             aria-controls="country-listbox"
                                             tabindex="0">
                                            <span class="icon-country">
                                                                                                <img width="20px" data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://hatscripts.github.io/circle-flags/flags/us.svg" alt="">
                                            </span>
                                            <span class="selected-value">
                                                United States                                            </span>

                                            <span class="arrow-down fa fa-chevron-down"></span>
                                            <ul id="country-listbox" class="countries_dropdown"
                                                role="listbox"
                                                aria-hidden="true"
                                                style="display: none;">
                                                                                                        <li id="country-option-435"
                                                            role="option"
                                                            aria-selected="true"
                                                            tabindex="0"
                                                            onclick="set_country(435)"
                                                            onkeydown="if (event.keyCode === 13) set_country(435)">
                                                            United States                                                        </li>
                                                                                                            <li id="country-option-434"
                                                            role="option"
                                                            aria-selected="false"
                                                            tabindex="0"
                                                            onclick="set_country(434)"
                                                            onkeydown="if (event.keyCode === 13) set_country(434)">
                                                            United Kingdom                                                        </li>
                                                                                                            <li id="country-option-265"
                                                            role="option"
                                                            aria-selected="false"
                                                            tabindex="0"
                                                            onclick="set_country(265)"
                                                            onkeydown="if (event.keyCode === 13) set_country(265)">
                                                            Canada                                                        </li>
                                                                                                            <li id="country-option-240"
                                                            role="option"
                                                            aria-selected="false"
                                                            tabindex="0"
                                                            onclick="set_country(240)"
                                                            onkeydown="if (event.keyCode === 13) set_country(240)">
                                                            Australia                                                        </li>
                                                                                                            <li id="country-option-328"
                                                            role="option"
                                                            aria-selected="false"
                                                            tabindex="0"
                                                            onclick="set_country(328)"
                                                            onkeydown="if (event.keyCode === 13) set_country(328)">
                                                            Japan                                                        </li>
                                                                                                            <li id="country-option-333"
                                                            role="option"
                                                            aria-selected="false"
                                                            tabindex="0"
                                                            onclick="set_country(333)"
                                                            onkeydown="if (event.keyCode === 13) set_country(333)">
                                                            Korea, South                                                        </li>
                                                                                                            <li id="country-option-356"
                                                            role="option"
                                                            aria-selected="false"
                                                            tabindex="0"
                                                            onclick="set_country(356)"
                                                            onkeydown="if (event.keyCode === 13) set_country(356)">
                                                            Mexico                                                        </li>
                                                                                                            <li id="country-option-370"
                                                            role="option"
                                                            aria-selected="false"
                                                            tabindex="0"
                                                            onclick="set_country(370)"
                                                            onkeydown="if (event.keyCode === 13) set_country(370)">
                                                            New Zealand                                                        </li>
                                                                                                            <li id="country-option-386"
                                                            role="option"
                                                            aria-selected="false"
                                                            tabindex="0"
                                                            onclick="set_country(386)"
                                                            onkeydown="if (event.keyCode === 13) set_country(386)">
                                                            Puerto Rico                                                        </li>
                                                                                                            <li id="country-option-402"
                                                            role="option"
                                                            aria-selected="false"
                                                            tabindex="0"
                                                            onclick="set_country(402)"
                                                            onkeydown="if (event.keyCode === 13) set_country(402)">
                                                            Singapore                                                        </li>
                                                                                                            <li id="country-option-442"
                                                            role="option"
                                                            aria-selected="false"
                                                            tabindex="0"
                                                            onclick="set_country(442)"
                                                            onkeydown="if (event.keyCode === 13) set_country(442)">
                                                            Virgin Islands (U.S.)                                                        </li>
                                                                                                    </ul>
                                            </div>

                                        
                                                                                <div class="currency header-dropdown header-dropdown-localization-new"
                                             role="combobox"
                                             title="Select Currency"
                                             aria-label="Select Currency"
                                             aria-expanded="false"
                                             aria-controls="currency-listbox"
                                             tabindex="0">
                                            <span>$</span>
                                            <span>USD</span>
                                            <span class="arrow-down fa fa-chevron-down"></span>
                                            <ul id="currency-listbox" style="max-height: 116px; overflow-y: scroll; display: none;"
                                                role="listbox"
                                                aria-hidden="true">
                                                                                                <li id="currency-option-3"
                                                        role="option"
                                                        aria-selected="false"
                                                        tabindex="0"
                                                        onclick="set_currency(3)"
                                                        onkeydown="if (event.keyCode === 13) set_currency(3)">
                                                            <span>$</span>
                                                        AUD                                                    </li>
                                                                                                    <li id="currency-option-4"
                                                        role="option"
                                                        aria-selected="false"
                                                        tabindex="0"
                                                        onclick="set_currency(4)"
                                                        onkeydown="if (event.keyCode === 13) set_currency(4)">
                                                            <span>$</span>
                                                        CAD                                                    </li>
                                                                                                    <li id="currency-option-5"
                                                        role="option"
                                                        aria-selected="false"
                                                        tabindex="0"
                                                        onclick="set_currency(5)"
                                                        onkeydown="if (event.keyCode === 13) set_currency(5)">
                                                            <span>£</span>
                                                        GBP                                                    </li>
                                                                                            </ul>
                                        </div>
                                                                            </div>
                                </div>
                                                    </div>

                                                    <div class="divider-contact-footer desktop-only"></div>
                        
                                                    <div class="sub-menu menu-contacts collapsed">
                                <div class="title font18px">Contacts</div>
                                <div class="title title-collapse font18px title-collapse-new">
                                    Contacts                                    <span class="fa fa-chevron-down"></span>
                                    <span class="fa fa-chevron-up"></span>
                                </div>
                                <div class="menu-items font16px clearfix" style="display: none;">
                                    <div class="contact-footer-wrapper">
                                        <div>
                                            <a class="message-zp-btn zp-btn" href="javascript:void(0)">
                                                <img class="icon-contact" data-org="png" loading="lazy"
                                                     data-class="LazyLoad" src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/painting/commitment/24_7_footer_new.png"
                                                     data-src="https://dqhvdmwzk0rbb.cloudfront.net/pylweb/painting/commitment/24_7_footer_new.png" alt=""
                                                     style="margin-right: 5px;">Start Live Chat</a>
                                            <p class="message_text_time">Monday-Friday 09:00AM - 06:00PM (CT)</p>
                                        </div>
                                                                                    <div>
                                                                                                    <a href="tel:+1 888-600-3799">
                                                        <img class="icon-contact" data-org="png"
                                                             data-class="LazyLoad" src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/phone_icon.png"
                                                             data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/phone_icon.png" alt=""
                                                             style="margin-right: 10px;">+1 888-600-3799</a>
                                                    <p class="message_text_24h">Monday-Friday 09:00AM - 06:00PM (CT)</p>
                                                                                            </div>
                                                                            </div>

                                                                    </div>
                            </div>
                                            </div>
                </div>
            </div>
        
        <div class="wrapper-full mobile-only">
    <div class="sub-menu menu-social-links collapsed">
        <div class="title title-collapse font18px">
            Follow Us        </div>
        <div class="menu-items font16px clearfix social-items">
            <meta content="PaintYourLife"/>
            <link href="https://www.paintyourlife.com">
                                <a href="https://www.facebook.com/Paintyourlife/" target="_blank"><img width="32" data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/icon-footer/fb.png" alt=""></a>
                                        <a href="https://www.instagram.com/paintyourlife/" target="_blank"><img width="32" data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/icon-footer/ins.png" alt=""></a>
                                        <a href="https://www.youtube.com/user/PaintYourLifeArt" target="_blank"><img width="32" data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/icon-footer/youtube.png" alt=""></a>
                                        <a href="https://www.tiktok.com/@paintyourlife/" class="tiktok-link" target="_blank"><img width="32" data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/icon-footer/tittox.png" alt=""></a>
                            </div>
    </div>
</div>
        <div class="footer-row_new footer-row clearfix copyright font-sanspro font16px  ">
            <div class="wrapper-full">
                                    <div class="right payment-row">
                                                    <div class="payment-icons">
                            <img data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/payments/visa-icon.png" class="pay-icon" width="45" height="28" alt="visa payment method logo"/>
                <img data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/payments/master-icon.png" class="pay-icon" width="45" height="28" alt="master card logo"/>
                <img data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/payments/amex-icon-2.jpg" class="pay-icon" width="45" height="28" alt="amex payment method logo"/>
                <img data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/payments/jcb-icon.png" class="pay-icon" width="45" height="28" alt="jcb payment method logo"/>
                <img data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/payments/paypal-icon.png" class="pay-icon" width="45" height="28" alt="paypal payment method logo"/>
                <img data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/payments/applepay-icon-2.jpg" class="pay-icon" width="45" height="28" alt="apple pay logo"/>
                <img data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/payments/klama-icon-2.jpg" class="pay-icon" width="45" height="28" alt="klarna payment method logo"/>
                <img data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/payments/gpay-icon-2.jpg" class="pay-icon" width="45" height="28" alt="google pay logo"/>
                <img data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/payments/affirm-icon.png" class="pay-icon" width="45" height="28" alt="affirm payment method logo"/>
                    
        
        
            </div>

<style>
    .icon-discover {
        width: 45px;
        height: 28px;
        background-color: white; 
    }
</style>
                                                <script async="" type="lazyload_int" data-src="https://cdn.ywxi.net/js/1.js" ></script>
                    </div>
                                                    <div class="left" dir="auto">
                        Copyright 2006-2025 ©PaintYourLife.com                        <div class="acsb-trigger-custom">
    <span class="acsb-trigger-icon" data-acsb-custom-trigger="true">
                            <a href="https://www.paintyourlife.com/accessibility-statement.php">
                <img role="button" alt="" data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/icon-accessibility.svg" width="46" height="23" aria-label="Accessible">
            </a>
            </span>
</div>                    </div>
                            </div>
                            <div class="trustmark-ft">
                                            <span class="secure-text">Secured by:</span>
                                        <!--https://paintyourlife.atlassian.net/browse/DEV-65-->
                    <div class="trustedsite-trustmark" data-type="202" data-width="74" dataheight="30" aria-label="TrustedSite Certified" role="button" tabindex="0"></div>
                </div>
                    </div>
    </div>

<script>
    // DEV-3256
    var enableNewSubcribe = 1;
</script>    <!-- End: The footer -->
</div>


<style>
    .popup_email.has-name-field .custom_input {
        width: 100%;
    }
</style>
    <input type="hidden" name="empty_field" value="0">
    <input type="hidden" name="empty_field_no_popup" value="0">
    <input type="hidden" name="custom_email_popup" value="0">
    <input type="hidden" name="show_popup_step4_mobile" value="0">
    <input type="hidden" name="required_contact_information" value="0">
<!-- Modal Check Cookie Enabled -->
<div id="checkCookieEnabled" class="modal fade" role="dialog">
    <div class="modal-dialog" style="width: 630px;">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <span class="modal-header-content">Header</span>
                <button type="button" class="close" data-bs-dismiss="modal" data-dismiss="modal"></button>
            </div>
            <div class="modal-body"></div>
        </div>
    </div>
</div>
    <div id="wrapper_popup"></div>
    <div id="popup_loading" style="">
        <div class="popup_content">
            <img data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/icon_loading.gif" alt="Loading"/>
        </div>
    </div>
    <button type="button" class="close" data-dismiss="modal" id="showBigImageButton">&times;</button>
    <button type="button" class="close d-none hide" data-dismiss="modal" id="closeBigImageButton">&times;</button>
    <div id="showBigImage" class="modal fade" role="dialog">
        <div class="modal-dialog" id="showBigImageDialog">
            <!-- Modal content-->
            <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="modal-body">
                    <img style="width: 100%" data-class="LazyLoad" alt="" src="https://www.paintyourlife.com/cache/blank.png" data-src="" alt="Big Image"/>
                </div>
            </div>
        </div>
    </div>

    <div id="popupShowcaseVideo" class="modal fade" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-body">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="video-iframe-block"></div>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

<!-- Modal -->
<div id="forgotPasswordModal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">
        <!-- Modal content-->
        <div class="modal-content">
            <button type="button" class="close" data-bs-dismiss="modal" data-dismiss="modal">&times;</button>
            <div id="forgotPass">
                
<!--Content Start-->
<div id="forgotPasswordBox">
    <div class="forgot-text font24px">
        Please enter your email to restore your password    </div>
    <form name="frmforgotPass1" method="post" id="frmforgotPass" onsubmit="return false;">
        <label>
            <div style="float:left;">Email</div>
        </label>
        <div class="form_field">
            <span class="i_mail"></span>
            <input type="email" autocomplete="off" value="" name="forgotemail1" id="forgotemail"/>
        </div>

        <div class="signInWrapper">
            <input onClick="validate_fpwd()" value="Submit" type="submit"/>
        </div>
        <span id="msg_error">This email address is not registered with us. Please re-try.</span>
        <div class="note-pass1"><span class="msg_success">We have emailed your password. Please check your Inbox. </span></div>
    </form>
</div>
            </div>
        </div>
    </div>
</div>
<div id="popup_showcase_thankyou" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <button type="button" class="close btn_close_popup" data-bs-dismiss="modal" data-dismiss="modal">&times;</button>
            <div style="margin: 20px;">
                <div>
                    <div class="forgot-text font20px">
                        <div class="display_block font-sanspro-bold font28px align_center">Thank You For Your Testimonial</div>
                        <p class="display_block align_center">We will review it and will contact you once we add it to our testimonial pages. Thanks again!</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
    <div id="popup-reveal-video-thankyou" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <button type="button" class="close btn_close_popup" data-bs-dismiss="modal" data-dismiss="modal">&times;</button>
                <div style="margin: 20px;">
                    <div>
                        <div class="forgot-text font20px">
                            <div class="display_block align_center font28px">Thank You For Submitting Your Reveal Video!</div>
                            <p class="display_block align_center">
                                If our marketing team decides to use your video, you will receive $80 store credit on your PaintYourLife account.                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    
<div id="popup_updated_profile" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <button type="button" class="close btn_close_popup" data-bs-dismiss="modal" data-dismiss="modal">&times;</button>
            <div style="margin: 20px;">
                <div>
                    <div class="forgot-text font20px">
                        <p dir="auto">Your profile has been updated!</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



<div id="popup_artist_success" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <button type="button" class="close btn_close_popup" data-dismiss="modal">&times;</button>
            <div style="margin: 20px;">
                <div>
                    <div class="forgot-text font20px">
                        <div class="display_block font-sanspro-bold font28px align_center">Thank you for contacting us</div>
                        <p class="display_block align_center">We've received your request and will be in touch soon.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
    <div id="popup_customer_thinking_ok" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <button type="button" class="close btn_close_popup" data-dismiss="modal">&times;</button>
                <div style="margin: 20px;">
                    <p class="thank-you-text">Thank you</p>
                    <div class="forgot-text font20px align_center">
                        <p>We greatly value your feedback and are thankful for the time you took to share it with us.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="popup_customer_thinking_not_happy" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <button type="button" class="close btn_close_popup" data-dismiss="modal">&times;</button>
                <div style="margin: 20px;">
                    <div>
                        <div class="forgot-text font20px align_center">
                            <p>Please let us know what's wrong</p>
                            <span class="error_send font-sanspro font14px">Have a error when sending email, please try it again.</span>
                            <span class="font14px success_text align_center">Thank you for letting us know!</span>
                            <textarea name="message" id="customer_thinking_ms" class="font16px"></textarea>
                            <input id="customer_thinking_order" name="customer_thinking_order" value="" type="hidden"/>
                            <input name="submit" class="custom_button" type="button"
                                   value="Submit"
                                   onclick="return sendCSEmail(); "/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="popup_customer_thinking_not_received" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <button type="button" class="close btn_close_popup" data-dismiss="modal">&times;</button>
                <div style="margin: 20px;">
                    <div>
                        <div class="forgot-text font20px align_center">
                            <p>We're sorry to hear that you haven't received your painting. We'll check what happened and will contact you ASAP</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="popup_updated_password" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <button type="button" class="close btn_close_popup" data-dismiss="modal">&times;</button>
                <div style="margin: 20px;">
                    <div>
                        <div class="forgot-text font20px align_center">
                            <span class="display_block align_center font30px">
                                Your password was changed successfully                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="popup_customer_thinking_ok_not_happy" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <button type="button" class="close btn_close_popup" data-bs-dismiss="modal" data-dismiss="modal">&times;</button>
                <div style="margin: 20px;text-align: center;">
                    <p class="thank-you-text">Thank you for your feedback!</p>
                    <div class="forgot-text font20px align_center">
                        <p>We'd love to hear how we can improve your experience. Please share any suggestions or comments below.</p>
                    </div>
                    <input id="customer_thinking_order2" name="customer_thinking_order2" value="" type="hidden" />
                    <input id="customer_thinking_type" name="customer_thinking_type" value="" type="hidden" />
                    <textarea id="customer_thinking_comment" name="customer_thinking_comment" placeholder="Enter comment"></textarea>
                    <span class="error_send font-sanspro font14px">Have a error when sending email, please try it again.</span>
                    <span class="font14px success_text align_center">Thank you for letting us know!</span>
                </div>
                <div class="buttons align_center">
                    <input class="red_submit_button font18px customer_thinking_submit" type="button" value="Submit" onclick="return updateCustomerThinking(); " />
                </div>
            </div>
        </div>
    </div>

<style>
    /*#modal-wire-transfer table > tbody > tr:first-child > td {border: none;}*/
    #modal-wire-transfer table > tbody > tr > td:first-child {font-weight: 500;}
</style>


<!-- Modal dynamic content -->
<div id="modal-dynamic-content" class="modal fade" role="dialog">
    <div class="modal-dialog font-sanspro font16px" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close btn-close" data-bs-dismiss="modal" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title"></h4>
            </div>
            <div class="modal-body"></div>
            <div class="modal-footer">
                <button type="button" class="btn-modal-close btn btn-ptp-default font-sanspro font16px bold btn-secondary" data-bs-dismiss="modal" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div><!-- Modal dynamic content -->

<!-- section to show popup frame preview -->

<!-- Add your site or application content here -->

    <script src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/js/lib/jquery-base/jquery-3.5.1.min.js" ></script>
    <script src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/js/lib/jquery-base/jquery-ui.min.js" ></script>
    <script src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/js/lib/jquery-base/jquery-migrate-3.3.0.min.js" ></script>

<!--
    <script src="/js/grid.js"></script>
--><script type="lazyload_int" data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/js/vendor/bioep.full.js" ></script>
    <script src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/js/lib/jquery.bxSlider.min.js" ></script>

    <script src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/js/popper.min.js" ></script>
    <script src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/js/bootstrap5.min.js" ></script>

<script type="lazyload_int" data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/js/vendor/modernizr-2.8.3.min.js" ></script>
<script type="lazyload_int" data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/js/plugins.min.js" ></script>
<script type="lazyload_int" data-src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/js/lib/purify.min.js" ></script>
<script type="lazyload_int" data-src="https://www.paintyourlife.com/cache/all-js/e45f54f8ab6eb6259c417511a6935d6f.js"></script>
<script src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/js/jquery.validate.min.js" type="text/javascript" ></script>
<script src="https://www.paintyourlife.com/cache/js/64dadf66eddb7ff2bd54f87ecc4644df.js" type="text/javascript" ></script>
<script src="https://www.paintyourlife.com/cache/js/d21201fe32cb141ec4cb53b18935224f.js" ></script>


<script>// When the DOM is ready, run this function
    var subscribeErrMsg = {"required":"Error: This field is required!","email":"Error: Please enter a valid email address!"};
    var customMessageErrorPhoneNumber = "Please enter a valid phone number (numbers only)";
    // DEV-3795
    var useBootstrap5 = true
    jQuery(window).load(function () {
        var elQouteCarousel = jQuery('#quote-carousel');
        //Set the carousel options
        if (elQouteCarousel.length > 0 && 'function' === typeof elQouteCarousel.carousel) {
            elQouteCarousel.carousel({
                pauseOnHover: true,
                interval: 5000
            });
        }
    });

    jQuery(document).ready(function() {
        // DEV-3256
        if ($("input[name=newsphone]").length > 0 && $("input[name=newsphone]").is(":visible")) {
            if (typeof window.intlTelInput != 'undefined') {
                var phoneInput7 = document.querySelector("[name=newsphone]");
                window.phoneErrorMap = ["Invalid number", "Invalid country code", "Too short", "Too long"];
                window.iti7 = window.intlTelInput(phoneInput7, {
                    autoPlaceholder: "off",
                    hiddenInput: "newsphone",
                    nationalMode: true,
                    separateDialCode: false,
                    utilsScript: "/js/lib/intl-tel-input/utils.js",
                });

                var countryData2 = window.iti7.getSelectedCountryData();

                if ("object" !== typeof countryData2 || "string" !== typeof countryData2.iso2) {
                    //set country based on localization settings
                    var curCtryShort2 = phoneInput7.getAttribute("data-current-country-code");

                    if ("string" === typeof curCtryShort2 && "" != curCtryShort2) {
                        window.iti7.setCountry(curCtryShort2);
                    }
                }
            }
        }

        $(".buy-cart").click(function (e) {
            // link to shopping cart
            if (!$(e.target).closest('.show-cart').length) {
                location.href = 'https://www.paintyourlife.com/shopping-cart.php';
            }
        });
        if( !(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) ) {
            $(".buy-cart").hover(function () {
                $(this).addClass('actived');
            }, function() {
                $(this).removeClass('actived');
            });
        }
        jQuery(function () {
            var formRules = {
                newsfname: {
                    required: true,
                },
                newsemail: {
                    required: true,
                    email: true,
                },
                newsphone: {
                    validatePhoneNumber: true,
                }
            };

            var formErrorMessages = {
                newsfname: {
                    required: subscribeErrMsg.required,
                },
                newsemail: {
                    required: subscribeErrMsg.required,
                    email: subscribeErrMsg.email,
                }
            };

            if (typeof enableZeroBounce != 'undefined' && enableZeroBounce) {
                formRules['newsemail']['remote'] = {
                    url: "/api/validateZeroBounce",
                    data: {
                        email: function() {
                            return jQuery("input[name=newsemail]").val();
                        }
                    }
                };
                var errorMessage = "Your email is invalid or not available";
                if (typeof m_zero_bounce_email_invalid != 'undefined' && m_zero_bounce_email_invalid) {
                    errorMessage = m_zero_bounce_email_invalid;
                }
                formErrorMessages['newsemail']['remote'] = errorMessage;
            }

            jQuery("form[name='newsletter']").validate({
                rules: formRules,
                messages: formErrorMessages,
                errorPlacement: function (error, element) {
                    if (!error.html()) return;
                    if (!element.attr('id')) element.attr('id', (new Date()).getTime());
                    customMessage = "";
                    if(element.attr('id') === "newsphone") {
                        customMessage = customMessageErrorPhoneNumber;
                    }
                    createToolTip({
                        owner: element,
                        position: 'below',
                        message: error,
                        customClass: "error",
                        customMessage: customMessage
                    });
                },
                success: function (obj) {
                    jQuery("DIV.dijitTooltip.error[src='" + obj.attr('for') + "']").remove();
                },
                submitHandler: function () {
                    // DEV-3256
                    if (enableNewSubcribe == 1) {
                        var phoneNumber = typeof window.iti7 == 'object' && window.iti7.getNumber() ? window.iti7.getNumber() : '';
                        post_mailchimp2(jQuery("input[name=newsemail]").val(), jQuery("input[name=url]").val(), jQuery("input[name=newsfname]").val(), phoneNumber);
                    } else {
                        post_mailchimp(jQuery("input[name=newsemail]").val(), jQuery("input[name=url]").val(), jQuery("input[name=newsfname]").val());
                    }
                }
            });
        });
        // DEV-3256
        jQuery.validator.addMethod('validatePhoneNumber', function(value, element) {
            if (value.length > 0) {
                if (typeof window.iti7 == 'object' && !window.iti7.isValidNumber()) {
                    var errorCode = window.iti7.getValidationError();
                    jQuery.validator.messages["validatePhoneNumber"] = phoneErrorMap[errorCode];
                    return false;
                } else {
                    return true;
                }
            } else {
                return true;
            }
        }, '');
    });</script>
<script>
    var is_new_layout = 1;
    var logged_in = 0;
    var isSubmit = 0;
    var show_popup_exit = 0;
    var forceStopExitIntent = 1;
    var submit_exit_partner = 0;
    var close_exit = 2;
    var shareUser = 0;
    var hasExitIntentPopup = '0';
    var rDomain   = 'paintyourlife.com';
    var rController = 'painting';
    var rAction = 'index';
    var gaPageName = 'Desktop | Home';
    var pageName = 'Home';
    var excludingJS = 1;
    // DEV-3335
    var enablePL2Figures = 0;
    var enablePL3Figures = 0;
    var enableNewPaintingLayoutOrderStep4 = 0;
    // DEV-3398
    var enableConfirmSectionOrderStep4 = 0;
    // DEV-3429
    var enableUploadPreviousPhotos = 0;
</script>

<!--<script async src="/js/fbjdk.full.js?v=1.0.5"></script>-->


<script>
    //Apply enter keypress for submit email in popup email
    $(document).keypress(function (e) {
        if (e.which == 13 && document.getElementById("popup_block_order") && document.getElementById("popup_block_order").style.display == 'block') {
            var emailField = $('.popup_email #order_email1');
            var functionName = emailField.attr('data-function-name');
            if (emailField.is(':focus')) {
                if (functionName == 'validate') {
                    return validate_email_form();
                } else if (functionName == 'update') {
                    return update_email();
                }
            }
        } else if (e.which == 13 && document.getElementById("popup_block") && document.getElementById("popup_block").style.display == 'block') {
            var emailField = $('.popup_email #order_email');
            var functionName = emailField.attr('data-function-name');
            if (emailField.is(':focus')) {
                if (functionName == 'validate') {
                    return validate_email_form();
                } else if (functionName == 'validate1') {
                    return validate_email_form1();
                } else if (functionName == 'update') {
                    return update_email();
                }
            }
        }
    });
    //END Apply enter keypress for submit email in popup email

            $(document).ready(function () {
            $('.add').click(function () {
                $(this).parent('.more_info').find('.img_upload').toggle();
                $(this).parent('.remm').find('.img_remm').toggle();
            });

            $(".order_blue_small")
                .hover(function () {
                    var childs = $(this).children();
                    $(childs[2]).show();
                }, function () {
                    var childs = $(this).children();
                    $(childs[2]).hide();
                })
                .click(function () {
                    var childs = $(this).children();
                    $(childs[2]).show();
                }, function () {
                    var childs = $(this).children();
                    $(childs[2]).hide();
                });

            $(".remm")
                .hover(function () {
                    //Get the children
                    var childs = $(this).children();
                    $(childs[1]).show();
                }, function () {
                    var childs = $(this).children();
                    $(childs[1]).hide();
                })
                .click(function () {
                    //Get the childs
                    var childs = $(this).children();
                    $(childs[1]).show();
                }, function () {
                    var childs = $(this).children();
                    $(childs[1]).hide();
                });

            $('.add_white')
                .hover(function () {
                    $(this).parent('.more_info').find('.img_upload').show();
                }, function () {
                    $(this).parent('.more_info').find('.img_upload').hide();
                })
                .click(function () {
                    $(this).parent('.more_info').find('.img_upload').show();
                }, function () {
                    $(this).parent('.more_info').find('.img_upload').hide();
                });
            $('.h-info')
                .hover(function () {
                    $(this).find('.img_upload').show();
                }, function () {
                    $(this).find('.img_upload').hide();
                })
                .click(function () {
                    $(this).find('.img_upload').show();
                }, function () {
                    $(this).find('.img_upload').hide();
                });
            $('.checkout_toggle')
                .hover(function () {
                    $(this).parent('label').find('.checkout_toggle_show').show();
                }, function () {
                    $(this).parent('label').find('.checkout_toggle_show').hide();
                });
        });
    </script>

<!-- JS Pixels Footer -->
<script>
    function pushPaymentInfoToDataLayer(paymentType) {
        var paymentInfoNotEmpty = window.gtmNewData.paymentInfo || Object.keys(window.gtmNewData.paymentInfo).length > 0;

        if (window.gtmNewData && paymentInfoNotEmpty && 'add_payment_info' === window.gtmNewData.paymentInfo['event'] && 'string' === typeof window.gtmNewData.paymentInfo['event']) {
            window.gtmNewData.paymentInfo.ecommerce.payment_type = paymentType;
            dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
            dataLayer.push(window.gtmNewData.paymentInfo);
        }
    }

    /**
     * DEV-3048 - Add events click buy button in shopping cart. Push to TikTok and Facebook
     * @param btnName
     */
    function pushEventFBAndTiktok(btnName) {
        if ('add_payment_info' === window.gtmNewData.buttonPaymentInfo['event'] && 'string' === typeof window.gtmNewData.buttonPaymentInfo['event']) {
            var contents = {contents: [{content_name: btnName}]};
            var fbEventId = '699768d20445255ab';
            var ttEventId = '607368d20445255ae';
            console.log('AddPaymentInfo');

            //TikTok browser
            if ('object' === typeof ttq) {
                ttq.track('AddPaymentInfo', contents, {event_id: ttEventId});
            }

            //Facebook browser
            if ('function' === typeof fbq && fbEventId) {
                //https://paintyourlife.atlassian.net/browse/DEV-3048?focusedCommentId=34773
                //fbq('track', 'AddPaymentInfo', {}, {eventID: fbEventId});

                fbq('trackCustom', 'InitiatedPayment', {}, {eventID: fbEventId});
            }

            //TikTok/Facebook S2S
            if (typeof pylToken != 'undefined') {
                $.ajax({
                    type: 'POST',
                    url: '/api/trackAddPaymentInfo',
                    data: {
                        PYL_TOKEN: pylToken,
                        contents : contents,
                        fbEventId : fbEventId,
                        ttEventId : ttEventId
                    }
                });
            }

            // VWO - Add the following snippet to trigger this event
            /*window.VWO = window.VWO || [];
            VWO.event = VWO.event || function () {VWO.push(["event"].concat([].slice.call(arguments)))};

            VWO.event("addPaymentInfo");*/

            window.gtmNewData.buttonPaymentInfo = {};
        }
    }

    $(document).ready(function() { // GA4 Tracking Issue & Insight Session
        window.gtmNewData = {
            user: {"event":"GTM page to GA","userID":null,"isLoggedIn":"no","ip_address":"66.249.93.98","sessionID":"1p5rp1gtqugreof681ftn7jgkp"},
            purchase: [],
            registration: [],
            addCart: [],
            checkout: [],
            step1: [],
            step2: [],
            step3: [],
            step4: [],
            step5: [],
            resume: [],
            paymentInfo: [],
            buttonPaymentInfo: [],
            paymentInfoPushed: 0,
        };

        window.dataLayer = window.dataLayer || [];
        dataLayer.push(window.gtmNewData.user);

        if ('purchase' === window.gtmNewData.purchase['event'] && 'string' === typeof window.gtmNewData.purchase['event']) {
            dataLayer.push({ecommerce: null});  // Clear the previous ecommerce object.
            dataLayer.push(window.gtmNewData.purchase);

            $.ajax({
                type: 'POST',
                url: '/api/trackPixel',
                data: {
                    order_id: '',
                    pixel: 'gtm_datalayer',
                }
            });
        }

        if ('registration' === window.gtmNewData.registration['GA_event_category'] && 'string' === typeof window.gtmNewData.registration['GA_event_category']) {
            dataLayer.push(window.gtmNewData.registration);
        }

        if ('subject_submit' === window.gtmNewData.step1['event'] && 'string' === typeof window.gtmNewData.step1['event']) {
            dataLayer.push(window.gtmNewData.step1);
        }

        if ('medium_submit' === window.gtmNewData.step2['event'] && 'string' === typeof window.gtmNewData.step2['event']) {
            dataLayer.push(window.gtmNewData.step2);
        }

        if ('artist_submit' === window.gtmNewData.step3['event'] && 'string' === typeof window.gtmNewData.step3['event']) {
            dataLayer.push(window.gtmNewData.step3);
        }

        if ('upload_submit' === window.gtmNewData.step4['event'] && 'string' === typeof window.gtmNewData.step4['event']) {
            dataLayer.push(window.gtmNewData.step4);
        }

        if ('size_submit' === window.gtmNewData.step5['event'] && 'string' === typeof window.gtmNewData.step5['event']) {
            dataLayer.push(window.gtmNewData.step5);
        }

        if ('resume_order' === window.gtmNewData.resume['event'] && 'string' === typeof window.gtmNewData.resume['event']) {
            dataLayer.push(window.gtmNewData.resume);
        }

        if ('add_to_cart' === window.gtmNewData.addCart['event'] && 'string' === typeof window.gtmNewData.addCart['event']) {
            dataLayer.push(window.gtmNewData.addCart);

            $.ajax({
                type: 'POST',
                url: '/api/trackAddToCart',
                data: {
                    type: 'js_gtm_added_cart_item_id',
                }
            });
        }

        if ('begin_checkout' === window.gtmNewData.checkout['event'] && 'string' === typeof window.gtmNewData.checkout['event']) {
            setTimeout(function() {
                dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
                dataLayer.push(window.gtmNewData.checkout);

                $.ajax({
                    type: 'POST',
                    url: '/api/trackAddToCart',
                    data: {
                        type: 'js_gtm_sent_checkout',
                    }
                });
            }, 2000);
        }

        $("#quadpay").click(function() {
            pushPaymentInfoToDataLayer('quadpay');
        });

        // Paypal UK
        $('#paypalForm1').click(function() {
            pushPaymentInfoToDataLayer('paypal-uk');
        });
    });

</script>
<!-- Impact Tracking code -->
<script>
    var impactUserData = {"customerId":"","customerEmail":""};
    var impactPurchaseData = [];
    var impactLeadData = [];
    var cstEmail = '';

    if (typeof ire != 'undefined') {

        if ('object' === typeof impactUserData && 'string' === typeof impactUserData['customerEmail']) {
            //console.log('ire identify');
            ire('identify', impactUserData);
        }

        if ('object' === typeof impactPurchaseData && 'string' === typeof impactPurchaseData['orderId']) {
            ire('trackConversion', 25146, impactPurchaseData,
                {
                    verifySiteDefinitionMatch: true
                }
            );

            $.ajax({
                type: 'POST',
                url: '/api/trackPixel',
                data: {
                    order_id: impactPurchaseData['orderId'],
                    pixel: 'impact_purchase'
                }
            });
        }

        //https://paintyourlife.atlassian.net/browse/DEV-1208
        if ('object' === typeof impactLeadData && impactLeadData && 'string' === typeof impactLeadData['orderId']) {
            ire('trackConversion', 28083, impactLeadData,
                {
                    verifySiteDefinitionMatch:true
                }
            );

            $.ajax({
                type: 'POST',
                url: '/api/trackImpactLead',
                data: {
                    customerEmail: cstEmail,
                }
            });
        }
    } else {
        console.log('ire is not loaded');
    }
</script>

    <!-- Zaius Update Coupons -->
    <script>
        var zaiusUpdateCouponsUrl = 'https://www.paintyourlife.com/api/zaiusUpdateCoupons';
        var trackStartCheckoutUrl = 'https://www.paintyourlife.com/api/trackStartCheckout';
        var enableTrackStartCheckout = '';
        var enableUpdateCoupons = '';
        var subscribedStep1 = '0';
        var subscribedStep2 = '0';
        var subscribedStep3 = '0';
        var subscribedStep4 = '0';
        var popupCstEl = '0';
        if (enableTrackStartCheckout) {
            window.addEventListener('load', function () {
                $.ajax({
                    url: trackStartCheckoutUrl,
                    type: 'POST',
                    timeout: 5000,
                    data: {
                        customer_email: '',
                        customer_phone: '',
                        customer_name: ``,
                        customer_phone_validate: '',
                        stepId: '',
                        popup_cst_el: popupCstEl,
                    }
                }).done(function (res) {
                    // Add the following snippet to trigger this event
                    /*window.VWO = window.VWO || [];
                    VWO.event = VWO.event || function () {VWO.push(["event"].concat([].slice.call(arguments)))};
                    VWO.event("leadCapturedOrder");

                    console.log('VWO - leadCapturedOrder');*/

                    //add a Lead goal to OmniConvert
                    if ('object' === typeof _mktz) {
                        _mktz.push(['_Goal', 'lead-captured-order', 0]);
                        console.log('_mktz - leadCapturedOrder');
                    }

                    //DEV-3441
                    /*if ('1' == subscribedStep1) {
                        VWO.event("subscribedStep1");
                    }

                    if ('1' == subscribedStep2) {
                        VWO.event("subscribedStep2");
                    }

                    if ('1' == subscribedStep3) {
                        VWO.event("subscribedStep3");
                    }

                    if ('1' == subscribedStep4) {
                        VWO.event("subscribedStep4");
                    }*/

                    if (enableUpdateCoupons) {
                        $.ajax({
                            url: zaiusUpdateCouponsUrl,
                            type: 'POST',
                            data: {email: '', name: ``}
                        });

                        /*$.ajax({
                            url: '/api/addShoppersUpdateToList',
                            type: 'POST',
                            data: {email: ''}
                        });*/
                    }
                });
            });
        }
    </script>
    <!-- [End] Zaius Update Coupons -->

<!-- [START] Send tracking blue scripts -->

<script async="true" type="lazyload_int" data-src="//event.getblue.io/js/blue-tag.min.js" ></script>

<!-- ALL pages except: product, shopping cart and conversion (thankyou) -->
<!-- All Pages (Excepteto for Product, Basket and Conversion)
This tag must be fired on All Pages, excluding the ones we will have other tags working.
There is no need to change parameters on it.
-->
<script>
    //console.log('BLUE push visit page');
    window.blue_q = window.blue_q || [];
    window.blue_q.push(
        {event: "setCampaignId", value: "8131F768-F8D0-0858-D7C0272CE552A264"}
        ,{event: "setPageType", value: "visit"}
    );
</script>
<!-- [End] Send tracking blue scripts -->

<!-- [End] JS Pixels Footer -->
<script>
    var hasUserInfo = 0;
    var userEmail = '';
    var userPhone = '';
    var attentiveCookie = getCookie('__attentive_id');

    window.addEventListener('load', function () {
        if (hasUserInfo && 'object' === typeof window.attentive && 'function' === typeof window.attentive.analytics.identify && isLiveServer) {
            //console.log('attentiveCookie', attentiveCookie);
            if (userPhone) {
                window.attentive.analytics.identify(
                    {
                        phone: userPhone,
                        email: userEmail,
                        externalIdentifiers: [
                            {
                                name: 'visitor_id',
                                value: attentiveCookie
                            }
                        ]
                    }
                )
            } else {
                window.attentive.analytics.identify(
                    {
                        email: userEmail,
                        externalIdentifiers: [
                            {
                                name: 'visitor_id',
                                value: attentiveCookie
                            }
                        ]
                    }
                )
            }
        }
    });
</script>

        <!-- Start of paintyourlife Zendesk Widget script -->
        <script defer>
            window.addEventListener('load', function () {
                var node = document.createElement('script');
                node.src = 'https://static.zdassets.com/ekr/snippet.js?key=e4f56e11-447e-4c2a-ab28-590fb8d32127';
                node.id = 'ze-snippet';
                node.async = true;
                document.getElementsByTagName('head')[0].appendChild(node);
            });
        </script>
        <!-- End of paintyourlife Zendesk Widget script -->
    
<script>
    window.addEventListener('load', function () {
        if ('function' === typeof $ && 'function' === typeof $.fn.slick && $('#hpau-items .slick-initialized').length < 1) {
            var hpauItemsNum = 4;
            var docWidth     = $(document).width();

            if (window.outerWidth <= 768) {
                hpauItemsNum = 3;
            } else if ($('#hpau-items').closest('.cst-wrapper-full').length > 0) {
                if (docWidth >= 1700) {
                    hpauItemsNum = 6;
                } else if (docWidth >= 1500) {
                    hpauItemsNum = 5;
                }
            }

            if ('function' === typeof $.fn.slick) {
                $('#hpau-items .slider').slick({
                    infinite: true,
                    prevArrow: $('#hpau-items .prev'),
                    nextArrow: $('#hpau-items .next'),
                    slidesToShow: hpauItemsNum,
                    slidesToScroll: 1,
                });
            }
        }
    });
</script>
<!-- Dev-2241 -->
<script src="https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/js/slick.min.js" ></script>
<script type="lazyload_int" data-src="https://www.paintyourlife.com/cache/all-js/70839a8b6ef054abbd6a55629d9ba21f.js"></script>
<script type="lazyload_int" data-src="https://www.paintyourlife.com/cache/all-js/4c66b66c55b085f9c22e9f0b7325efd5.js"></script>
<script src="https://www.paintyourlife.com/cache/js/8849b7185015ec6944868e11df79c0e2.js" ></script>
<script type="lazyload_int" data-src="https://www.paintyourlife.com/cache/all-js/48d0c7fb00365c323306602e3479768f.js"></script>
<script type="lazyload_int" data-src="https://www.paintyourlife.com/cache/all-js/d1d1850dea889dcde274e741c5062999.js"></script>
<script>
/*<![CDATA[*/

        if ('function' === typeof $) {
            $(function () { 
                slickOccasionGallery();
            });
    
            window.addEventListener('load', function () {
                slickOccasionGallery();
            });
           
            function slickOccasionGallery() {
                var sliderOccasion_v2 = $('#occasion_gallery').find('.slider');
                
                if (!sliderOccasion_v2.length) {
                    return false;
                }
                
                if (sliderOccasion_v2.hasClass('slick-initialized')) {
                    return false;
                }
                
                if ('function' !== typeof $.fn.slick) {
                    return false;
                }
                
                console.log('occasion - slick running');
                
                if (false) {
                    sliderOccasion_v2.slick({
                        infinite: true,
                        prevArrow: $('#hpau-items-occasion .prev'),
                        nextArrow: $('#hpau-items-occasion .next'),
                        slidesToScroll: 1,
                        slidesToShow: 3,
                        accessibility: true,
                        focusOnSelect: true,
                        pauseOnFocus: true,
                        pauseOnHover: true,
                        autoplay: false,
                        centerMode: false,
                        variableWidth: false,
                        rtl: false,
                        edgeFriction: 0.15,
                        speed: 300,
                        swipe: true,
                    });
                } else {
                    sliderOccasion_v2.slick({
                        infinite: true,
                        prevArrow: $('#hpau-items-occasion .prev'),
                        nextArrow: $('#hpau-items-occasion .next'),
                        slidesToShow: 3,
                        slidesToScroll: 1,
                        variableWidth: false, 
                        accessibility: true,
                        focusOnSelect: true,
                        pauseOnFocus: true,
                        pauseOnHover: true,
                        autoplay: false,
                        responsive: [
                            {
                              breakpoint: 1500,
                              settings: {
                                  slidesToShow: 3,
                              }
                            },
                            {
                              breakpoint: 1370,
                              settings: {
                                  slidesToShow: 3,
                              }
                            },
                            {
                              breakpoint: 992,
                              settings: {
                                  slidesToShow: 2,
                                  centerPadding: '100px',
                              }
                            },
                            {
                              breakpoint: 768,
                              settings: {
                                  slidesToShow: 2,
                                  centerPadding: '100px',
                                  swipeToSlide: true,
                              }
                            },
                            {
                              breakpoint: 575,
                              settings: {
                                  slidesToShow: 1,
                                  autoplaySpeed: 4000,
                                  autoplay: true,
                                  infinite: true,
                                  focusOnChange: false,
                              }
                            }
                        ]
                    });
                }
                
                sliderOccasion_v2.find('.slick-slide').on('focus', function(){
                    var log = $(this).data('slick-index');
                    console.log('Current slide (sliderOccasion_v2): ' + log);
                });
                
                sliderOccasion_v2.find('.slick-slide').keypress(function(e) {
                    if ((e.keyCode || e.which) === 13) {
                        var link = $(this).find('a').attr('href');
                        window.location.href = link;
                    }
                });
            }
            /*if (false) {
                $('#occasion_gallery .slider').on('afterChange', function (event, slick, currentSlide) {
                    window.VWO = window.VWO || [];
                    VWO.event = VWO.event || function () {VWO.push(['event'].concat([].slice.call(arguments)))};
                                    
                    VWO.event('moveSliderNewCarouselHomepage');
                }); 
            }*/
        }
    

    if ('function' === typeof $) {
        $(function () {
            slickInspiration();
        });
        window.addEventListener('load', function () {
            slickInspiration();
        });
    } else {
        console.log('inspiration - no jquery');
    }
    
    function slickInspiration() {
        var sliderInspiration_v2 = $('.inspiration-items .slider');
        
        if (!sliderInspiration_v2.length) {
            return false;
        }
        
        if (sliderInspiration_v2.hasClass('slick-initialized')) {
            return false;
        }
        
        if ('function' !== typeof $.fn.slick) {
            return false;
        }
        
        console.log('inspiration - slick running');
        sliderInspiration_v2.slick({
            infinite: true,
            prevArrow: $('.inspiration-items .prev'),
            nextArrow: $('.inspiration-items .next'),
            slidesToShow: 5,
            slidesToScroll: 1,
            variableWidth: true, 
            swipeToSlide: true,
            accessibility: true,
            focusOnSelect: true,
            pauseOnFocus: true,
            pauseOnHover: true,
            autoplay: false,
            responsive: [
                {
                  settings: {
                      slidesToShow: 4,
                  }
                },
                {
                  breakpoint: 1370,
                  settings: {
                      slidesToShow: 3,
                  }
                },
                {
                  breakpoint: 992,
                  settings: {
                      slidesToShow: 2,
                      centerPadding: '100px',
                  }
                },
                {
                  breakpoint: 768,
                  settings: {
                      slidesToShow: 2,
                      centerPadding: '100px',
                      swipeToSlide: true,
                  }
                },
                {
                  breakpoint: 575,
                  settings: {
                      slidesToShow: 1,
                      autoplaySpeed: 4000,
                      autoplay: true,
                      focusOnChange: false,
                  }
                }
            ]
        });
        sliderInspiration_v2.find('.slick-slide').on('focus', function(){
            var log = $(this).data('slick-index');
            console.log('Current slide (sliderInspiration_v2): ' + log);
        });
        
        sliderInspiration_v2.find('.slick-slide').keypress(function(e) {
            if ((e.keyCode || e.which) === 13) {
                var link = $(this).find('a').attr('href');
                window.location.href = link;
            }
        });
        
    }


    if ('function' === typeof $) {
        $(function () {
            slickInspirationVideo();
        });
        window.addEventListener('load', function () {
            slickInspirationVideo();
        });
    } else {
        console.log('inspiration - no jquery');
    }
    
    function slickInspirationVideo() {
        var sliderInspiration_v2 = $('.instagram-video .video-slider .list-video');
        
        if (!sliderInspiration_v2.length) {
            return false;
        }
        
        if (sliderInspiration_v2.hasClass('slick-initialized')) {
            return false;
        }
        
        if ('function' !== typeof $.fn.slick) {
            return false;
        }
        
        console.log('instagram video - slick running');
        sliderInspiration_v2.slick({
            infinite: true,
            prevArrow: $('.instagram-video .video-slider .prev'),
            nextArrow: $('.instagram-video .video-slider .next'),
            slidesToShow: 3,
            slidesToScroll: 1,
            accessibility: true,
            focusOnSelect: true,
            focusOnChange: true,
            pauseOnFocus: true,
            pauseOnHover: true,
            lazyLoad: 'ondemand',
            responsive: [
                {
                  breakpoint: 1500,
                  settings: {
                      slidesToShow: 3,
                      centerPadding: '50px',
                  }
                },
                {
                  breakpoint: 1370,
                  settings: {
                      slidesToShow: 3,
                  }
                },
                {
                  breakpoint: 992,
                  settings: {
                      slidesToShow: 2,
                      centerPadding: '100px',
                  }
                },
                {
                  breakpoint: 768,
                  settings: {
                      slidesToShow: 2,
                      centerPadding: '100px',
                      swipeToSlide: true,
                  }
                },
                {
                  breakpoint: 575,
                  settings: {
                    arrows: true,
                    slidesToShow: 1,
                    swipe: true,
                    swipeToSlide: true,
                    focusOnSelect: false,
                    focusOnChange: false,
                    autoplaySpeed: 2000,
                    autoplay: false,
                    touchMove: true,
                  }
                }
            ]
        });
    }


    $(document).ready(function (e) {
        if ($('#cert-gift-icon').length > 0 && $('#popup-gift-cert-example').length > 0) {
            $('#cert-gift-icon').click(function (e) {
                e.preventDefault();
                $('#popup-gift-cert-example').modal('show');
                setTimeout(function() {
                    $('.modal-backdrop.fade.in:last-child').css('z-index', 1051);
                }, 200);
            });
        }
		var width = $(window).width();
		if (width > 1910){
			var srcUrl = $('.max-width-video').attr('data-src1');
			$('.max-width-video').attr('src',srcUrl);
			$('.max-width-video').removeAttr('data-src1');
			$('.watch-video-text').removeClass('hide');
		}
    });


    $(document).ready(function(){
        $("a[data-target='#popup-turnaround-table']").on("click", function() {
            console.log("turnaround title focus");
            $("#title-turnaround-popup").focus();
        });
    });


    if ("function" === typeof $) {
        $(document).ready(function () {
            $("body").on("click", "a, input[type=button], button", function() {
                if ("function" === typeof tiktokTrackClickButton) {
                    tiktokTrackClickButton();
                }
            });        
        });
    }


    window.subscribeErrMsg = {"required":"Error: This field is required!","email":"Error: Please enter a valid email address!"};

    if ('function' === typeof $) {
        $('#footer.footer-new .menus .title.title-collapse').on('click', function () {
            var parentEl = $(this).parent();
            var content = $(parentEl).find('.menu-items');

            if ($(parentEl).hasClass('collapsed')) {
                $(parentEl).removeClass('collapsed');
                $(content).show('slow');
            } else {
                $(parentEl).addClass('collapsed');
                $(content).hide('slow');
            }
        });
    }
    
    $('.message-zp-btn').on('click', function () {
        focusChatLive();
    });
    
    $('.message-zp-btn').on('keydown', function (e) {
        if (e.keyCode === 13) {
            focusChatLive();
        }
    });
    
    function focusChatLive() {
        var interval = setInterval(() => {
            var webWidget = $('#webWidget');
            if (webWidget.length > 0) {
                webWidget.focus();
                clearInterval(interval);
            }
        }, 100);
    }
    
    $('.header-dropdown-localization-new').on('keydown', function (e) {
       if (e.keyCode === 13) {
            if ($(this).hasClass('language-footer')) {
               $(this).find('ul').toggle();
            } else {
               $(this).click(); 
            }
       }
       
       var items = $(this).find('li');
       var currentIndex = items.index(document.activeElement);
        
       if (e.key === 'ArrowDown') {
            e.preventDefault();
            var nextIndex = (currentIndex + 1) % items.length;
            items.eq(nextIndex).focus();
       } else if (e.key === 'ArrowUp') {
            e.preventDefault();
            var prevIndex = (currentIndex - 1 + items.length) % items.length;
            items.eq(prevIndex).focus();
       } else if (e.key === 'Escape') { //DEV-3815
           $(this).find('ul').toggle();
            $(this).focus();
       }
    });
    
    $('.header-dropdown-localization-new li').on('keydown', function (e) {
        if (e.keyCode === 13) {
            var url = $(this).attr('data-url');
            if (url !== undefined && url != '') {
                window.location.href = url;
            }
        } else if (e.key === 'Escape') { // DEV-3815
            let parent = $(this).parent(); 
            parent.toggle();
            parent.focus();
            
            if (parent.is(':visible')) {
                parent.hide()
            } else {
                $('.header-dropdown ul:visible').hide();
                parent.show();
            }
       }
    });



    function removeSpecialCharacterForNameField(str) {
        return str.replace(/[!@#$%^&*()_+\-=\[\]{};':"\\`~|,.<>\/?1234567890]+/gi, '');
    }
    
    $('#name-subscribe').on('keyup', function() {
        $(this).val(removeSpecialCharacterForNameField($(this).val()))
    })

    function funcFooterFirstNameOnchange(item) {
      const isEmpty = $(item).val() === '';
      $('#custom-input-title-newsfname').toggleClass('hidden', isEmpty);
      $(item).toggleClass('footer-text-empty', isEmpty);
    }
    
    function funcFooterEmailOnchange(item) {
      const isEmpty = $(item).val() === '';
      $('#custom-input-title-newsemail').toggleClass('hidden', isEmpty);
      $(item).toggleClass('footer-text-empty', isEmpty);
    }

function removeSpecialCharacterForNameField(str) {
    return str.replace(/[!@#$%^&*()_+\-=\[\]{};':"\\`~|,.<>\/?1234567890]+/gi, '');
}

$('#order_name').on('keyup', function() {
    $(this).val(removeSpecialCharacterForNameField($(this).val()))
})


        var from = "home";
    
jQuery(function($) {
	   	var view_painting = 'View Painting';
		var view_original = 'Original Photo';
	
	$(".showcase_content:not(.load-more-v2) .showcase_item.flip-images").each(function() {
	        $(this).flip({
	            trigger: "manual"
	        })
	    })
	
	    $(document).on("click", ".showcase_content:not(.load-more-v2) .flip-images-button", function() {
	        var original_src = $(this).parents(".showcase_item").find(".original_image").html();
	        $(this).parents(".showcase_item").find(".back img").attr("src", original_src);
	        fitStaticImageInShowcaseDiv($(this).parents(".showcase_item").find(".back img"));
	        var flipId      = $(this).attr("data-flip-images-id");
	        var flipTrigger = $(this).attr("data-flip-trigger");
	        var flipImages  = $("#" + flipId);
	        if (flipTrigger == "true") {
	            flipImages.flip(true);
	            $(this).attr("data-flip-trigger", "false");
	            $(this).parents(".showcase_item").find(".showcase_message").hide();
	            $(this).parents(".showcase_item").find(".name-group-left").hide();
	            $(this).parents(".showcase_item").find(".bg_title").hide();
	            $(this).find("b").html(view_painting);
	        } else {
	            $(this).attr("data-flip-trigger", "true");
	            flipImages.flip(false);
	            $(this).parents(".showcase_item").find(".showcase_message").show();
	            $(this).parents(".showcase_item").find(".name-group-left").show();
	            $(this).parents(".showcase_item").find(".bg_title").show();
	            $(this).find("b").html(view_original);
	        }
	    });
	
});
/*]]>*/
</script>
<script type="lazyload_int" data-src="https://www.paintyourlife.com/cache/all-js/9c59b55d253653aa65e7acab3961f5ec.js"></script><script>function w3_to_webp(elementImg){for(var ig=0;ig<elementImg.length;ig++){if(elementImg[ig].getAttribute("data-src")!=null&&elementImg[ig].getAttribute("data-src")!=""){var datasrc=elementImg[ig].getAttribute("data-src");elementImg[ig].setAttribute("data-src",datasrc.replace("w3.webp","").replace(w3_webp_path,w3_upload_path));}
if(elementImg[ig].getAttribute("data-srcset")!=null&&elementImg[ig].getAttribute("data-srcset")!=""){var datasrcset=elementImg[ig].getAttribute("data-srcset");elementImg[ig].setAttribute("data-srcset",datasrcset.replace(/w3.webp/g,"").split(w3_webp_path).join(w3_upload_path));}
if(elementImg[ig].src!=null&&elementImg[ig].src!=""){var src=elementImg[ig].src;elementImg[ig].src=src.replace("w3.webp","").replace(w3_webp_path,w3_upload_path);}
if(elementImg[ig].srcset!=null&&elementImg[ig].srcset!=""){var srcset=elementImg[ig].srcset;elementImg[ig].srcset=srcset.replace(/w3.webp/g,"").split(w3_webp_path).join(w3_upload_path);}}}
function fixwebp(){if(!w3_hasWebP){var elementNames=["*"];w3_to_webp(document.querySelectorAll("img[data-src$='w3.webp']"));w3_to_webp(document.querySelectorAll("img[src$='w3.webp']"));elementNames.forEach(function(tagName){var tags=document.getElementsByTagName(tagName);var numTags=tags.length;for(var i=0;i<numTags;i++){var tag=tags[i];var style=tag.currentStyle||window.getComputedStyle(tag,false);var bg=style.backgroundImage;if(bg.match("w3.webp")){if(document.all){tag.style.setAttribute("cssText",";background-image: "+bg.replace("w3.webp","").replace(w3_webp_path,w3_upload_path)+" !important;");}else{tag.setAttribute("style",tag.getAttribute("style")+";background-image: "+bg.replace("w3.webp","").replace(w3_webp_path,w3_upload_path)+" !important;");}}}});}}
function w3_change_webp(){if(bg.match("w3.webp")){var style1={};if(document.all){tag.style.setAttribute("cssText","background-image: "+bg.replace("w3.webp","").replace(w3_webp_path,w3_upload_path)+" !important");style1=tag.currentStyle||window.getComputedStyle(tag,false);}else{tag.setAttribute("style","background-image: "+bg.replace("w3.webp","").replace(w3_webp_path,w3_upload_path)+" !important");style1=tag.currentStyle||window.getComputedStyle(tag,false);}}}
var w3_hasWebP=false,w3_bglazyload=1;(function(){var img=new Image();img.onload=function(){w3_hasWebP=!!(img.height>0&&img.width>0);};img.onerror=function(){w3_hasWebP=false;fixwebp();};img.src=blank_image_webp_url;})();function w3_events_on_end_js(){const lazy_bg_style=document.getElementById("w3_bg_load");if(lazy_bg_style){lazy_bg_style.remove();}
w3_bglazyload=0;lazyloadimages(0);}
function w3_start_img_load(){var top=this.scrollY;lazyloadimages(top);lazyloadiframes(top);}
function w3_events_on_start_js(){var lazyvideos=document.getElementsByTagName("videolazy");convert_to_video_tag(lazyvideos);w3_start_img_load();}
window.addEventListener("scroll",function(event){w3_start_img_load();},{passive:true});var win_width=screen.availWidth;var bodyRectMain={};bodyRectMain.top=1;setInterval(function(){lazyloadiframes(top);},8000);setInterval(function(){lazyloadimages(0);fixwebp();},3000);document.addEventListener("click",function(){lazyloadimages(0);});function getDataUrl(img1,width,height){var myCanvas=document.createElement("canvas");var ctx=myCanvas.getContext("2d");var img=new Image();myCanvas.width=parseInt(width);myCanvas.height=parseInt(height);ctx.drawImage(img,0,0);img1.src=myCanvas.toDataURL("image/png");}
function lazyload_img(imgs,bodyRect,window_height,win_width){for(var i=0;i<imgs.length;i++){if(imgs[i].getAttribute("data-class")=="LazyLoad"){var elem=imgs[i],elemRect=imgs[i].getBoundingClientRect();if(elemRect.top!=0&&(elemRect.top-(window_height-bodyRect.top))<w3_lazy_load_by_px){compStyles=window.getComputedStyle(imgs[i]);if(compStyles.getPropertyValue("opacity")==0){continue;}
if(elem.tagName=="IFRAMELAZY"){var elem=document.createElement("iframe");var index;for(index=imgs[i].attributes.length-1;index>=0;--index){elem.attributes.setNamedItem(imgs[i].attributes[index].cloneNode());}
imgs[i].parentNode.replaceChild(elem,imgs[i]);}
var src=elem.getAttribute("data-src")?elem.getAttribute("data-src"):elem.src;var srcset=elem.getAttribute("data-srcset")?elem.getAttribute("data-srcset"):"";if(!srcset){elem.onload=function(){this.setAttribute("data-done","Loaded");if(typeof(w3speedup_after_iframe_img_load)=="function"){w3speedup_after_iframe_img_load(this);}}}
elem.src=src;if(srcset!=null&srcset!=""){elem.srcset=srcset;}
delete elem.dataset.class;}}}}
function w3_load_dynamic_blank_img(imgs){for(var i=0;i<imgs.length;i++){if(imgs[i].getAttribute("data-class")=="LazyLoad"){var blanksrc=imgs[i].src;if(typeof(blanksrc)!="undefined"&&blanksrc.indexOf("data:")==-1){if(imgs[i].getAttribute("width")!=null&&imgs[i].getAttribute("height")!=null){var width=parseInt(imgs[i].getAttribute("width"));var height=parseInt(imgs[i].getAttribute("height"));getDataUrl(imgs[i],width,height);}}}}}
function convert_to_video_tag(imgs){const t=imgs.length>0?imgs[0]:"";if(t){delete imgs[0];var newelem=document.createElement("video");var index;for(index=t.attributes.length-1;index>=0;--index){newelem.attributes.setNamedItem(t.attributes[index].cloneNode());}
newelem.innerHTML=t.innerHTML;t.parentNode.replaceChild(newelem,t);if(typeof(newelem.getAttribute("data-poster"))=="string"){newelem.setAttribute("poster",newelem.getAttribute("data-poster"));}
convert_to_video_tag(imgs);}}
function lazyload_video(imgs,bodyRect,top,window_height,win_width){for(var i=0;i<imgs.length;i++){var elem=imgs[i],elemRect=imgs[i].getBoundingClientRect();if(elemRect.top!=0&&(elemRect.top-(window_height-bodyRect.top))<w3_lazy_load_by_px){if(typeof(imgs[i].getElementsByTagName("source")[0])=="undefined"){lazyload_video_source(imgs[i],top,window_height,win_width,elemRect,bodyRect);}else{var sources=imgs[i].getElementsByTagName("source");for(var j=0;j<sources.length;j++){var source=sources[j];lazyload_video_source(source,top,window_height,win_width,elemRect,bodyRect);}}}}}
function lazyload_video_source(source,top,window_height,win_width,elemRect,bodyRect){if(typeof source!="undefined"&&source.getAttribute("data-class")=="LazyLoad"){if(elemRect.top!=0&&(elemRect.top-(window_height-bodyRect.top))<w3_lazy_load_by_px){var src=source.getAttribute("data-src")?source.getAttribute("data-src"):source.src;var srcset=source.getAttribute("data-srcset")?source.getAttribute("data-srcset"):"";if(source.srcset!=null&source.srcset!=""){source.srcset=srcset;}
if(typeof(source.getElementsByTagName("source")[0])=="undefined"){if(source.tagName=="SOURCE"){source.parentNode.src=src;source.parentNode.load();if(source.parentNode.getAttribute("autoplay")!==null){source.parentNode.play();}}else{source.src=src;source.load();if(source.getAttribute("autoplay")!==null){source.play();}}}else{source.parentNode.src=src;}
delete source.dataset.class;source.setAttribute("data-done","Loaded");}}}
function lazyload_imgbgs(imgbgs,bodyRect,window_height,win_width){for(var i=0;i<imgbgs.length;i++){var elem=imgbgs[i],elemRect=imgbgs[i].getBoundingClientRect(),offset=elemRect.top-bodyRect.top;if((elemRect.top-(window_height-bodyRect.top))<w3_lazy_load_by_px){}}}
function lazyloadimages(top){var imgs=document.querySelectorAll("img[data-class=LazyLoad]");var imgbgs=document.querySelectorAll("div:not(.w3_js), section:not(.w3_js), iframe:not(.w3_js)");var sources=document.getElementsByTagName("video");var sources_audio=document.getElementsByTagName("audio");var bodyRect=document.body.getBoundingClientRect();var window_height=window.innerHeight;var win_width=screen.availWidth;if(typeof(load_dynamic_img)!="undefined"){w3_load_dynamic_blank_img(imgs);delete load_dynamic_img;}
if(w3_bglazyload&&((bodyRect.top<50&&bodyRectMain.top==1)||Math.abs(bodyRectMain.top)-Math.abs(bodyRect.top)<-50||Math.abs(bodyRectMain.top)-Math.abs(bodyRect.top)>50)){bodyRectMain=bodyRect;lazyload_imgbgs(imgbgs,bodyRect,window_height,win_width);}
lazyload_img(imgs,bodyRect,window_height,win_width);lazyload_video(sources,bodyRect,top,window_height,win_width);lazyload_video(sources_audio,bodyRect,top,window_height,win_width);}
lazyloadimages(0);function lazyloadiframes(top){var bodyRect=document.body.getBoundingClientRect();var window_height=window.innerHeight;var win_width=screen.availWidth;var iframes=document.querySelectorAll("iframe[data-class=LazyLoad]");lazyload_img(iframes,bodyRect,window_height,win_width);}</script></body>
</html>
<!--- optimized by W3 Speedup Controller - Kamalkant ver 2 --->