PageSourceSearch

https://lettering.com/checkout/

html lettering.com collected 2026-10-06 16:54:16 UTC 140,121 bytes, 3,014 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
3<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push(i)})
4(window,'G-X424LNJWNQ','google_tags_first_party');</script>
4<script async src="/metrics/"></script>
4
5			
5<script>
6				window.dataLayer = window.dataLayer || [];
7				function gtag(){dataLayer.push(arguments);}
8				gtag('js', new Date());
9				gtag('set', 'developer_id.dY2E1Nz', true);
10				
11			</script>
11
12			
13		<meta charset="UTF-8">
14	<meta name="viewport" content="width=device-width, initial-scale=1.0">
15	<title>Checkout</title>
16		<link rel="apple-touch-icon" sizes="180x180" href="/assets/dist/img/favicons/apple-touch-icon.png">
17	<link rel="icon" type="image/png" sizes="32x32" href="/assets/dist/img/favicons/favicon-32x32.png">
18	<link rel="icon" type="image/png" sizes="16x16" href="/assets/dist/img/favicons/favicon-16x16.png">
19	<link rel="manifest" href="/assets/dist/img/favicons/site.webmanifest">
20	<link rel="mask-icon" href="/assets/dist/img/favicons/safari-pinned-tab.svg" color="#5bbad5">
21	<link rel="shortcut icon" href="/assets/dist/img/favicons/favicon.ico">
22	<link rel="preconnect" href="https://ajax.cloudflare.com">
23	<link rel="preconnect" href="https://cdn.jsdelivr.net">
24	
25	
26	<style type="text/css">@font-face {font-family:'Fira Sans';font-style:normal;font-weight:300;src:url(/cf-fonts/s/fira-sans/5.2.7/latin/300/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:300;src:url(/cf-fonts/s/fira-sans/5.2.7/greek-ext/300/normal.woff2);unicode-range:U+1F00-1FFF;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:300;src:url(/cf-fonts/s/fira-sans/5.2.7/latin-ext/300/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:300;src:url(/cf-fonts/s/fira-sans/5.2.7/cyrillic-ext/300/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:300;src:url(/cf-fonts/s/fira-sans/5.2.7/greek/300/normal.woff2);unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:300;src:url(/cf-fonts/s/fira-sans/5.2.7/vietnamese/300/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:300;src:url(/cf-fonts/s/fira-sans/5.2.7/cyrillic/300/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:400;src:url(/cf-fonts/s/fira-sans/5.2.7/cyrillic-ext/400/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:400;src:url(/cf-fonts/s/fira-sans/5.2.7/cyrillic/400/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:400;src:url(/cf-fonts/s/fira-sans/5.2.7/latin/400/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:400;src:url(/cf-fonts/s/fira-sans/5.2.7/latin-ext/400/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:400;src:url(/cf-fonts/s/fira-sans/5.2.7/greek/400/normal.woff2);unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:400;src:url(/cf-fonts/s/fira-sans/5.2.7/greek-ext/400/normal.woff2);
26unicode-range:U+1F00-1FFF;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:400;src:url(/cf-fonts/s/fira-sans/5.2.7/vietnamese/400/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:600;src:url(/cf-fonts/s/fira-sans/5.2.7/cyrillic/600/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:600;src:url(/cf-fonts/s/fira-sans/5.2.7/greek/600/normal.woff2);unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:600;src:url(/cf-fonts/s/fira-sans/5.2.7/latin/600/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:600;src:url(/cf-fonts/s/fira-sans/5.2.7/vietnamese/600/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:600;src:url(/cf-fonts/s/fira-sans/5.2.7/cyrillic-ext/600/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:600;src:url(/cf-fonts/s/fira-sans/5.2.7/latin-ext/600/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:600;src:url(/cf-fonts/s/fira-sans/5.2.7/greek-ext/600/normal.woff2);unicode-range:U+1F00-1FFF;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:700;src:url(/cf-fonts/s/fira-sans/5.2.7/latin/700/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:700;src:url(/cf-fonts/s/fira-sans/5.2.7/vietnamese/700/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:700;src:url(/cf-fonts/s/fira-sans/5.2.7/cyrillic-ext/700/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:700;src:url(/cf-fonts/s/fira-sans/5.2.7/greek/700/normal.woff2);unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:700;src:url(/cf-fonts/s/fira-sans/5.2.7/greek-ext/700/normal.woff2);unicode-range:U+1F00-1FFF;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:700;src:url(/cf-fonts/s/fira-sans/5.2.7/latin-ext/700/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:normal;font-weight:700;src:url(/cf-fonts/s/fira-sans/5.2.7/cyrillic/700/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:italic;font-weight:300;src:url(/cf-fonts/s/fira-sans/5.2.7/cyrillic-ext/300/italic.woff2);
26unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:italic;font-weight:300;src:url(/cf-fonts/s/fira-sans/5.2.7/greek/300/italic.woff2);unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:italic;font-weight:300;src:url(/cf-fonts/s/fira-sans/5.2.7/latin-ext/300/italic.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:italic;font-weight:300;src:url(/cf-fonts/s/fira-sans/5.2.7/vietnamese/300/italic.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:italic;font-weight:300;src:url(/cf-fonts/s/fira-sans/5.2.7/latin/300/italic.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:italic;font-weight:300;src:url(/cf-fonts/s/fira-sans/5.2.7/cyrillic/300/italic.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:italic;font-weight:300;src:url(/cf-fonts/s/fira-sans/5.2.7/greek-ext/300/italic.woff2);unicode-range:U+1F00-1FFF;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:italic;font-weight:400;src:url(/cf-fonts/s/fira-sans/5.2.7/greek/400/italic.woff2);unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:italic;font-weight:400;src:url(/cf-fonts/s/fira-sans/5.2.7/cyrillic/400/italic.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:italic;font-weight:400;src:url(/cf-fonts/s/fira-sans/5.2.7/greek-ext/400/italic.woff2);unicode-range:U+1F00-1FFF;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:italic;font-weight:400;src:url(/cf-fonts/s/fira-sans/5.2.7/latin-ext/400/italic.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:italic;font-weight:400;src:url(/cf-fonts/s/fira-sans/5.2.7/vietnamese/400/italic.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:italic;font-weight:400;src:url(/cf-fonts/s/fira-sans/5.2.7/cyrillic-ext/400/italic.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:italic;font-weight:400;src:url(/cf-fonts/s/fira-sans/5.2.7/latin/400/italic.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:italic;font-weight:700;src:url(/cf-fonts/s/fira-sans/5.2.7/cyrillic/700/italic.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:italic;font-weight:700;src:url(/cf-fonts/s/fira-sans/5.2.7/greek/700/italic.woff2);unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:italic;font-weight:700;src:url(/cf-fonts/s/fira-sans/5.2.7/cyrillic-ext/700/italic.woff2);
26unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:italic;font-weight:700;src:url(/cf-fonts/s/fira-sans/5.2.7/greek-ext/700/italic.woff2);unicode-range:U+1F00-1FFF;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:italic;font-weight:700;src:url(/cf-fonts/s/fira-sans/5.2.7/latin/700/italic.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:italic;font-weight:700;src:url(/cf-fonts/s/fira-sans/5.2.7/vietnamese/700/italic.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:fallback;}@font-face {font-family:'Fira Sans';font-style:italic;font-weight:700;src:url(/cf-fonts/s/fira-sans/5.2.7/latin-ext/700/italic.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:fallback;}@font-face {font-family:'Fira Sans Condensed';font-style:normal;font-weight:500;src:url(/cf-fonts/s/fira-sans-condensed/5.2.7/greek-ext/500/normal.woff2);unicode-range:U+1F00-1FFF;font-display:fallback;}@font-face {font-family:'Fira Sans Condensed';font-style:normal;font-weight:500;src:url(/cf-fonts/s/fira-sans-condensed/5.2.7/greek/500/normal.woff2);unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;font-display:fallback;}@font-face {font-family:'Fira Sans Condensed';font-style:normal;font-weight:500;src:url(/cf-fonts/s/fira-sans-condensed/5.2.7/latin-ext/500/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:fallback;}@font-face {font-family:'Fira Sans Condensed';font-style:normal;font-weight:500;src:url(/cf-fonts/s/fira-sans-condensed/5.2.7/vietnamese/500/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:fallback;}@font-face {font-family:'Fira Sans Condensed';font-style:normal;font-weight:500;src:url(/cf-fonts/s/fira-sans-condensed/5.2.7/cyrillic-ext/500/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:fallback;}@font-face {font-family:'Fira Sans Condensed';font-style:normal;font-weight:500;src:url(/cf-fonts/s/fira-sans-condensed/5.2.7/latin/500/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:fallback;}@font-face {font-family:'Fira Sans Condensed';font-style:normal;font-weight:500;src:url(/cf-fonts/s/fira-sans-condensed/5.2.7/cyrillic/500/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:fallback;}@font-face {font-family:'Fira Sans Condensed';font-style:normal;font-weight:700;src:url(/cf-fonts/s/fira-sans-condensed/5.2.7/latin-ext/700/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:fallback;}@font-face {font-family:'Fira Sans Condensed';font-style:normal;font-weight:700;src:url(/cf-fonts/s/fira-sans-condensed/5.2.7/vietnamese/700/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:fallback;}@font-face {font-family:'Fira Sans Condensed';font-style:normal;font-weight:700;src:url(/cf-fonts/s/fira-sans-condensed/5.2.7/cyrillic/700/normal.woff2);
26unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:fallback;}@font-face {font-family:'Fira Sans Condensed';font-style:normal;font-weight:700;src:url(/cf-fonts/s/fira-sans-condensed/5.2.7/latin/700/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:fallback;}@font-face {font-family:'Fira Sans Condensed';font-style:normal;font-weight:700;src:url(/cf-fonts/s/fira-sans-condensed/5.2.7/cyrillic-ext/700/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:fallback;}@font-face {font-family:'Fira Sans Condensed';font-style:normal;font-weight:700;src:url(/cf-fonts/s/fira-sans-condensed/5.2.7/greek/700/normal.woff2);unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;font-display:fallback;}@font-face {font-family:'Fira Sans Condensed';font-style:normal;font-weight:700;src:url(/cf-fonts/s/fira-sans-condensed/5.2.7/greek-ext/700/normal.woff2);unicode-range:U+1F00-1FFF;font-display:fallback;}</style>
27	<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
28		<link rel="preconnect" href="https://www.google-analytics.com">
29	<link rel="preconnect" href="https://www.googleadservices.com">
30	<link rel="preconnect" href="https://googleads.g.doubleclick.net">
31			<link rel="preconnect" href="https://embed.videodelivery.net">
32		<link rel="preconnect" href="https://videodelivery.net">
33		<link rel="preconnect" href="https://va.tawk.to">
34	<link rel="preconnect" href="https://unpkg.com">
35
36	<!-- <link rel="prefetch" href="/create/"> -->
37			<meta name="application-name" content="Lettering.com"/>
38	<meta name="msvalidate.01" content="DFEEF9F3302EC04C2EEDC2548976B0F5" />
39	<meta name="p:domain_verify" content="d24989c5d7715e2cab5c4c4a4498a48a"/>
40	<meta name="msapplication-TileColor" content="#da532c">
41	<meta name="msapplication-config" content="/assets/dist/img/favicons/browserconfig.xml">
42	<meta name="theme-color" content="#ffffff">
43			<link rel="stylesheet" href="/assets/dist/css/tailwind.css?_=1791210309">
44<link rel="stylesheet" href="/bower_components/font-awesome/css/font-awesome.min.css?_=1791210309">
45<script nopush defer src="/assets/dist/js/diy.js?_=1791210309"></script>
vendor: 1 bytes, line 45
45
46<script nopush defer src="/assets/dist/js/diy-components.js?_=1791210309"></script>
vendor: 1 bytes, line 46
46
47<script nopush defer src="/checkout/resources/js/1-checkout.js?_=1791210309"></script>
vendor: 1 bytes, line 47
47
48<script nopush defer src="/checkout/resources/js/2-cart.js?_=1791210309"></script>
vendor: 1 bytes, line 48
48
49<script nopush defer src="/checkout/resources/js/2-shipping.js?_=1791210309"></script>
vendor: 1 bytes, line 49
49
50<script nopush defer src="/checkout/resources/js/accordian.partial.js?_=1791210309"></script>
vendor: 1 bytes, line 50
50
51<script nopush defer src="/checkout/resources/js/analytics.cart.js?_=1791210309"></script>
vendor: 1 bytes, line 51
51
52<script nopush defer src="/checkout/resources/js/breadcrumbs.js?_=1791210309"></script>
vendor: 1 bytes, line 52
52
53<script nopush defer src="/checkout/resources/js/cart-applepay.js?_=1791210309"></script>
vendor: 1 bytes, line 53
53
54<script nopush defer src="/checkout/resources/js/cart-googlepay.js?_=1791210309"></script>
vendor: 1 bytes, line 54
54
55<script nopush defer src="/checkout/resources/js/cart-item.js?_=1791210309"></script>
vendor: 1 bytes, line 55
55
56<script nopush defer src="/checkout/resources/js/cart.api.js?_=1791210309"></script>
vendor: 1 bytes, line 56
56
57<script nopush defer src="/checkout/resources/js/checkout.api.js?_=1791210309"></script>
vendor: 1 bytes, line 57
57
58<script nopush defer src="/checkout/resources/js/checkout.helpers.js?_=1791210309"></script>
vendor: 1 bytes, line 58
58
59<script nopush defer src="/checkout/resources/js/checkout.partials.js?_=1791210309"></script>
vendor: 1 bytes, line 59
59
60<script nopush defer src="/checkout/resources/js/delivery-time.partial.js?_=1791210309"></script>
vendor: 1 bytes, line 60
60
61<script nopush defer src="/checkout/resources/js/shipping-method.js?_=1791210309"></script>
vendor: 1 bytes, line 61
61
62<script nopush defer src="/checkout/resources/js/shipping.api.js?_=1791210309"></script>
vendor: 1 bytes, line 62
62
63<script nopush defer src="/checkout/resources/js/z.js?_=1791210309"></script>
vendor: 1 bytes, line 63
63
64<script class="tpl" id="header-bag" type="text/x-template"><div class="header-bag">
65	<a href="/checkout/" class="header-bag-link">
66		<diyl-icon icon="bag" size="36" baseline="24" classes="header-bag-icon"></diyl-icon>
67		<span class="header-bag-count">{{Quantity}}</span>
68		<diyl-srt>items for</diyl-srt>
69		<span class="header-bag-total">{{Price | formatPrice}}</span>
70	</a>
71</div>
72</script>
vendor: 1 bytes, line 72
72
73<script class="tpl" id="diyl-checkout-adjust-shipping" type="text/x-template"><div class="diyl-checkout adjust-shipping" id="adjustShipping">
74
75{{#if (equals Error "ERROR_COUNTRY")}}
76
77    <div class="section py-40">
78        <div class="container">
79            <div class="alert bg-primary mb-32">
80                <svg class="icon icon-24 alert_icon">
81                    <use href="#icon-24-info" xlink:href="#icon-24-info"></use>
82                </svg>
83                <div>
84                    <p>
85                        {{ErrorMessage}}
86                    </p>
87                    <br>
88                    <p>
89                        <button class="btn btn-white" type="button"
90                                onclick="window.location.href = '/checkout'">
91                            Go to Cart
92                        </button>
93                    </p>
94                </div>
95
96
97                <button type="button" class="btn-unstyled alert_dismiss" data-remove="">
98                    <svg class="icon icon-24">
99                        <use href="#icon-24-close-alt" xlink:href="#icon-24-close-alt"></use>
100                    </svg>
101                    <span class="srt">Dismiss</span></button>
102            </div>
103        </div>
104
105    </div>
106
107    {{else}}
108
109    {{#with Cart}}
110    {{#if ../RenderShippingMethods }}
111
112    <div class="section py-40">
113        <div class="container">
114
115            {{#with ../OriginalShippingMethod}}
116
117            <div class="alert bg-primary mb-32">
118                <svg class="icon icon-24 alert_icon">
119                    <use href="#icon-24-info" xlink:href="#icon-24-info"></use>
120                </svg>
121                <div>
122                    <p>
123                        {{../../ErrorMessage}}
124                    </p>
125
126                </div>
127                {{/with}}
128
129
130                <button type="button" class="btn-unstyled alert_dismiss" data-remove="">
131                    <svg class="icon icon-24">
132                        <use href="#icon-24-close-alt" xlink:href="#icon-24-close-alt"></use>
133                    </svg>
134                    <span class="srt">Dismiss</span></button>
135            </div>
136
137
138            {{#with ../Shipping}}
139            <div id="shipping" class="shipping mt-24">
140                {{#if Country}}
141                <ul class="shipping_options">
142
143                    {{#each Methods}}
144                    {{#if ../../hasCustomItems}}
145                    {{#unless (equals Name "Saturday Delivery")}}
146                    {{> shipping-method is-blind-shipping=../../../isBlindShipping has-custom-items=../../../hasCustomItems}}
147                    {{/unless}}
148                    {{else}}
149                    {{> shipping-method is-blind-shipping=../../../isBlindShipping has-custom-items=../../../hasCustomItems}}
150                    {{/if}}
151                    {{/each}}
152                </ul>
153                <div class="shipping_row shipping_row-bordered ie-table">
154                    <div class="shipping_col font-bold ie-table-cell ie-width-80-percent text-right">Sub-total</div>
155                    <div class="shipping_col ie-table-cell">
156                        {{format-price ../../Cart.Price}}
157                    </div>
158                </div>
159                <div class="shipping_row ie-table">
160                    <div class="shipping_col font-bold ie-table-cell ie-width-80-percent text-right">Shipping</div>
161                    <div class="shipping_col ie-table-cell">{{format-price Price}}</div>
162                </div>
163                <div class="shipping_row ie-table">
164                    <div class="shipping_col text-p5 text-gray ie-table-cell ie-width-80-percent text-right">
165                        {{> diyl-icon icon="info" size="16"}}
166                        {{#unless Country.International}}
167                        Sales tax will be calculated based upon your shipping address.
168                        {{else}}
169                        Import duties and taxes are not included in the item prices or shipping costs and will be the
170                        receiver's responsibility for international shipments.
171                        {{/unless}}
172                    </div>
173                    <div class="shipping_col ie-table-cell"></div>
174                </div>
175                <!-- {{#if ../../hasCustomItems}}
176                    <div class="shipping_row ie-table">
177                        <div class="shipping_col text-p5 text-gray ie-table-cell ie-width-80-percent text-right">
178                            <sup>&dagger;</sup>
179                            Orders with custom quoted items generally take 2-5 days to produce.
180                            If you need delivery by a specific date and have not been quoted a specific time frame, contact us to see which shipping option will work best for you.
181                        </div>
182                        <div class="shipping_col ie-table-cell"></div>
183                    </div>
184                {{/if}} -->
185                <div class="shipping_row shipping_row-bordered text-h2 ie-table">
186                    <div class="shipping_col font-bold ie-table-cell ie-width-80-percent text-right">Total</div>
187                    <div class="shipping_col font-bold ie-table-cell">{{format-price ../../TotalPrice}}</div>
188                </div>
189                {{/if}}
190            </div>
191
192            <div class="checkout_col text-center">
193							<a href="/checkout/review" class="btn btn-lg btn-secondary checkout_ctaBtn checkout_ctaBtn-wide">Continue to Order Review</a>
194						</div>
195
196            {{/with}}
197
198        </div>
199
200
201    </div>
202
203
204    {{else}}
205    <p class="box text-center">
206        Loading checkout ...
207    </p>
208
209        {{/if}}
210
211    {{/with}}
212
213
214</div>
215
216{{/if}}
217</script>
vendor: 1 bytes, line 217
217
218<script class="tpl" id="diyl-checkout-cart" type="text/x-template">{{!--
219Duplicated checkout cart render path:
220This Handlebars template renders dynamic checkout cart updates after JavaScript loads.
221The initial cart is server-rendered in checkout/resources/pages/cart.html for fast first paint.
222Keep shared cart content and layout changes in sync between this frontend template and the PHP render.
223--}}
224<div class="diyl-checkout" id="cart">
225	{{#with Cart}}
226
227
228		{{#if Items.length}}
229			<div class="section py-40">
230				<div class="container">
231					{{#if ../isLoggedIn}}
232					{{#if ../showRedirectedMessage}}
233						<p class="dealer-msg mb-12">
234						Welcome back. Please re-confirm your wholesale shipping option and continue to checkout.
235					</p>
236					{{/if}}
237					{{/if}}
238
239					<div class="checkout_main">
240						{{> bread-crumbs index="1"}}
241						<table class="cart">
242							{{#with Promotion}}
243								{{#unless MeetsThreshold}}
244								<thead class="bg-secondary text-white p-24 text-center">
245									<div id="page-load-message" class="bg-secondary text-white p-24 text-center">
246										{{{Message}}}
247									</div>
248								</thead>
249								{{/unless}}
250							{{/with}}
251							<tbody>
252								{{!--
253								Duplicated checkout cart render path:
254								The cart item rows are rendered by the frontend cart-item Handlebars partial in
255								checkout/resources/js/cart-item.js. That partial mirrors the server-rendered cart item rows
256								in checkout/resources/pages/cart.html for dynamic cart updates.
257								--}}
258								{{#each Items}}
259									{{> cart-item}}
260								{{/each}}
261							</tbody>
262							<tfoot>
263								{{#if ../offerSqueegee}}
264								{{!--
265								Duplicated checkout cart render path:
266								This frontend squeegee offer mirrors the server-rendered squeegee row in
267								checkout/resources/pages/cart.html. Keep offer copy, image, price, and add button behavior in sync.
268								--}}
269								<tr class="-squeegee">
270									<td class="-item">
271										<img src="{{../squeegeeUrl}}" alt="">
272									</td>
273									<td colspan="2">
274										<h3 class="text-p1">Would you like to add a Squeegee?</h3>
275										<p class="text-p4 text-gray mt-12">Vinyl application squeegee with rounded corners and felt edge. This can help with installation but is not required and any similar flat object could be used instead.</p>
276										<button type="button" class="btn btn-secondary mt-24" data-cart-add-accessory onclick="Cart.Api.addAccessory(event)"><span>Yes, Add a Squeegee for just $1.00</span></button>
277									</td>
278									<td class="-total">
279										<div>
280											<p class="font-bold">Total</p>
281											<p class="text-h3 mt-12">$0.00</p>
282										</div>
283									</td>
284								</tr>
285								{{/if}}
286								<tr class="-total">
287									<td colspan="3"></td>
288									<td class="-total">
289										<div>
290											<p class="font-bold">Sub-Total</p>
291											<p class="text-h3 mt-12">
292												{{#if ../ProductionTime}}
293													{{format-price (subtract Price ../ProductionTime.Price)}}
294												{{else}}
295													{{format-price Price}}
296												{{/if}}
297											</p>
298										</div>
299									</td>
300								</tr>
301
302
303							</tfoot>
304						</table>
305					</div>
306					{{#with ../Shipping}}
307					<div id="shipping" class="shipping mt-24">
308						<div class="shipping_country">
309							<span class="mr-16">
310								{{> diyl-icon icon="globe" size="24" baseline="24" classes="text-secondary mr-8"}}
311								Shipping to:
312							</span>
313							<select id="country-select" class="input-select mr-40 width-240" onchange="Shipping.setCountryOrRegion(event)">
314								{{#each ../../Zones}}
315									{{#if (equals class "optgroup")}}
316										<option class="{{class}}" disabled="disabled">{{Name}}</option>
317									{{else}}
318										<option class="{{class}}" {{#if disabled}}disabled="disabled"{{/if}} {{#if (equals Name ../../../Zone.Name)}}selected="selected"{{/if}} value="{{Value}}">{{Name}}</option>
319									{{/if}}
320								{{/each}}
321							</select>
322							{{#if (equals Region.Zone 1)}}
323							<span class="mr-16">
324								{{> diyl-icon icon="globe" size="24" baseline="24" classes="text-secondary mr-8"}}
325								Production Time:
326							</span>
327							<select id="production-times" class="input-select" style="width: auto;" onchange="Checkout.setProductionTime(event)">
328								{{#each ../../ProductionTimes}}
329									<option {{#if Active}}selected="selected"{{/if}} value="{{Id}}">{{Description}} {{format-price Price}}</option>
330								{{/each}}
331							</select>
332							{{/if}}
333						</div>
334						{{#if Country}}
335						<ul class="shipping_options">
336							{{#if ../../isDomestic}}
337							<li class="p-24 pl-50 shipping_row shipping_row-bordered" style="background-color: rgba(22,142,234,.07); display: flex; align-items: center;">
338								Enter zip code for shipping options:&emsp;
339								<input autocomplete="postal-code" class="input-text" maxlength="5" name="ShippingZip" type="text" value="{{../../ShippingZip}}" style="display: block; max-width: 150px;" oninput="Shipping.onZipEnter(event, true)" onkeydown="Shipping.onZipEnter(event)">
340								<button class="btn btn-secondary checkout_ctaBtn px-20 py-8 ml-8" type="button" onclick="Shipping.setShippingZip(null, event)">&rsaquo;</button>
341
342								{{#if ../../isLoggedIn}}
343								{{#if ../../HasBlindShipping}}
344								{{#if ../../HasValidBlindShippingOptions}}
345								<label id="showBlindShippingLabel">
346									<input type="checkbox" name="showBlindShipping"
347										   id="showBlindShippingCheckbox"
348										   onchange="document.querySelector('#cart.diyl-checkout').$Diyl.toggleBlindShippingOptions()"
349										   value="true"
350										   {{#if ../../blindShippingVal}}checked{{/if}}
351										   class="input-checkbox"/>
352									Show Blind Shipping Options
353								</label>
354								{{else}}
355
356								<div class="alert bg-primary settings-warning">
357									<p>
358									Blind Shipping is enabled for this account. Please go to the
359									<a target="_blank" rel="noopener" href="https://accounts.lettering.com">Account Settings</a>
360									and complete the Blind Shipping Settings before placing a Blind Shipping order.
361									</p>
362								</div>
363
364								{{/if}}
365								{{/if}}
366								{{/if}}
367							</li>
368							<li id="zip-code-required" class="bg-primary text-white p-24 pl-50" hidden>
369								Required - Enter a zip code and choose a shipping option to continue.
370							</li>
371							{{/if}}
372							{{#each Methods}}
373								{{#if ../../hasCustomItems}}
374									{{#unless (equals Name "Saturday Delivery")}}
375										{{> shipping-method is-blind-shipping=../../../isBlindShipping has-custom-items=../../../hasCustomItems}}
376									{{/unless}}
377								{{else}}
378									{{> shipping-method is-blind-shipping=../../../isBlindShipping has-custom-items=../../../hasCustomItems}}
379								{{/if}}
380							{{/each}}
381								{{#if ../../ShippingZip}}
382								{{#unless Methods.length}}
383									<li class="p-24 pl-50 shipping_row shipping_row-bordered text-gray">
384										<span aria-hidden="true" style="animation: spinner-ring .75s linear infinite; border: 2px solid #c6c7c9; border-radius: 50%; border-top-color: #168eea; display: inline-block; height: 16px; margin-right: 8px; vertical-align: -3px; width: 16px;"></span>
385										Loading shipping options...
386									</li>
387								{{/unless}}
388								{{/if}}
389						</ul>
390
391						<div class="shipping_row shipping_row-bordered ie-table">
392							<div class="shipping_col font-bold ie-table-cell ie-width-80-percent text-right">Sub-total</div>
393							<div class="shipping_col ie-table-cell">
394								{{format-price ../../Cart.Price}}
395							</div>
396						</div>
397
398						{{#if (greater-than ../../Cart.AccountDiscount 0)}}
399
400						<div class="shipping_row shipping_row-bordered ie-table">
401							<div class="shipping_col font-bold ie-table-cell ie-width-80-percent text-right">
402								{{#if (equals ../../isLoggedInAsWholesale false)}}
403								Account
404								{{/if}}
405								{{#if (equals ../../isLoggedInAsWholesale true)}}
406								Wholesale
407								{{/if}}
408								Discount
409								({{../../Cart.AccountDiscount}}%)
410							</div>
411							<div class="shipping_col ie-table-cell">
412								<span class="discount-minus">-</span>
413								{{format-price ../../Cart.AccountDiscountAbsolute}}
414							</div>
415						</div>
416
417						{{/if}}
418
419
420						<div class="shipping_row ie-table">
421							<div class="shipping_col font-bold ie-table-cell ie-width-80-percent text-right">Shipping</div>
422							<div class="shipping_col ie-table-cell">{{format-price Price}}</div>
423						</div>
424						<div class="shipping_row ie-table">
425							<div class="shipping_col flex flex-row items-center justify-end text-h3 text-gray ie-table-cell ie-width-80-percent">
426								<span class="shrink-0">
427									{{> diyl-icon icon="info" size="24"}}
428								</span>
429								<span class="ml-8">
430								{{#unless Country.International}}
431									Sales tax will be calculated based upon your shipping address.
432								{{else}}
433									Import duties and taxes are not included in the item prices or shipping costs and will be the receiver's responsibility for international shipments.
434								{{/unless}}
435								</span>
436							</div>
437							<div class="shipping_col ie-table-cell"></div>
438						</div>
439						<!-- {{#if ../../hasCustomItems}}
440							<div class="shipping_row ie-table">
441								<div class="shipping_col text-p5 text-gray ie-table-cell ie-width-80-percent text-right">
442									<sup>&dagger;</sup>
443									Orders with custom quoted items generally take 2-5 days to produce.
444									If you need delivery by a specific date and have not been quoted a specific time frame, contact us to see which shipping option will work best for you.
445								</div>
446								<div class="shipping_col ie-table-cell"></div>
447							</div>
448						{{/if}} -->
449						<div class="shipping_row shipping_row-bordered text-h2 ie-table">
450							<div class="shipping_col font-bold ie-table-cell ie-width-80-percent text-right">Total</div>
451							<div class="shipping_col font-bold ie-table-cell">{{format-price ../../TotalPrice}}</div>
452						</div>
453						{{/if}}
454					</div>
455					{{/with}}
456				</div>
457			</div>
458			<div class="section p-0 md:py-40 text-center">
459				<div class="container">
460					{{#if ../checkoutActionsReady}}
461						{{#if (equals ../isLoggedIn false)}}
462						{{#if ../Country.DigitalWalletCardPayments}}
463						{{#if (equals ../Region.Zone 1)}}
464						<div class="btn-group btnGroupWalletPayment">
465								<div id="googlePayButton"></div>
466
467								<apple-pay-button
468										hidden
469										onClick="Cart.ApplePay.checkoutWithApplePay()"
470										buttonstyle="black" type="check-out" locale="en-US"></apple-pay-button>
471
472						</div>
473						{{/if}}
474						{{/if}}
475						{{/if}}
476					{{/if}}
477
478					{{#if ../isLoggedIn}}
479					{{#if ../showRedirectedMessage}}
480					<p class="dealer-msg">
481						Welcome back. Please re-confirm your wholesale shipping option and continue to checkout.
482					</p>
483					{{/if}}
484					{{/if}}
485
486					<div class="btn-group">
487						{{#if ../portalAccountError}}
488							<div role="alert">
489								<p>{{../portalAccountError}}</p>
490								<button type="button" class="btn" onclick="window.location.reload()">Retry Account Verification</button>
491							</div>
492						{{else}}
493						{{#if ../checkoutActionsReady}}
494						{{#if (equals ../isLoggedIn false)}}
495							<button class="btn btn-lg btn-white checkout_ctaBtn checkout_ctaBtn-paypal" data-checkout-requires-hydration="true" disabled aria-disabled="true" onclick="Cart.startCheckout('PayPal', event)">
496								<span>Pay with</span>
497								<span class="checkout_paypal"><span class="srt">PayPal</span></span>
498							</button>
499
500							{{#if ../Country.CreditCardPayments}}
501
502							<button class="btn btn-lg btn-white checkout_ctaBtn checkout_ctaBtn-portal" data-checkout-requires-hydration="true" disabled aria-disabled="true" onclick="Cart.startCheckout('VaultedCreditCard', event)">
503								<span>
504									Login / Register
505								</span>
506								{{> diyl-icon icon="account-circle"}}
507							</button>
508
509
510							<button class="btn btn-lg btn-secondary checkout_ctaBtn checkout_ctaBtn-creditCard" data-checkout-requires-hydration="true" disabled aria-disabled="true" onclick="Cart.startCheckout('CreditCardBraintree', event)">
511								<span>Guest Checkout: Credit Card</span>
512
513								{{> diyl-icon icon="credit-card"}}
514						</button>
515						{{/if}}
516						{{/if}}
517
518							{{#if ../isLoggedIn}}
519							<button class="btn btn-lg btn-secondary checkout_ctaBtn checkout_ctaBtn-creditCard" data-checkout-requires-hydration="true" disabled aria-disabled="true" onclick="Cart.startCheckout('VaultedCreditCard', event)">
520								<span>
521									Continue to Checkout
522								</span>
523							{{> diyl-icon icon="account-circle"}}
524						</button>
525
526						<button class="btn btn-lg btn-white checkout_ctaBtn checkout_ctaBtn-portal" onclick="window.location.href = '{{../PortalLogoutURL}}'">
527							<span>
528								Log Out
529							</span>
530						</button>
531
532							{{/if}}
533
534						{{else}}
535							<button class="btn btn-lg btn-secondary checkout_ctaBtn checkout_ctaBtn-creditCard -loading" type="button" disabled aria-disabled="true">
536								<span>Loading checkout, please wait...</span>
537							</button>
538						{{/if}}
539
540						{{/if}}
541					</div>
542				</div>
543			</div>
544			{{> checkout-help}}
545		{{else}}
546			{{!--
547			Duplicated checkout cart render path:
548			This frontend empty cart state mirrors the server-rendered empty cart state in
549			checkout/resources/pages/cart.html. Keep empty-cart messaging and supporting content in sync.
550			--}}
551			{{> three-ways-to-order title="You have no items in your shopping cart."}}
552			<div class="section py-40">
553				<div class="container">
554					{{> cart-accordian shipping-methods=../Shipping.Methods}}
555				</div>
556			</div>
557		{{/if}}
558	{{else}}
559		<p class="box text-center">
560			Loading checkout ...
561		</p>
562	{{/with}}
563
564	<div id="spinner" class="spinner-hidden">
565	    <div class="spinner-ring"><div></div><div></div><div></div><div></div></div>
566	</div>
567
568
569</div>
570</script>
vendor: 1 bytes, line 570
570
571<script class="tpl" id="diyl-checkout-review" type="text/x-template"><div class="diyl-checkout review" id="review">
572	{{#with Cart}}
573		{{#if Items.length}}
574			<form class="review-form" action="/checkout/finalize/" method="post" onsubmit="Review.onSubmit(event)">
575				<div class="section py-40">
576					<div class="container">
577						<div class="mb-20 text-center">
578							{{#if ../submitted}}
579							<button type="submit" class="btn btn-lg btn-primary checkout_ctaBtn checkout_ctaBtn-wide -loading" disabled="disabled">Loading...</button>
580							{{else}}
581							<button type="submit" class="btn btn-lg btn-primary checkout_ctaBtn checkout_ctaBtn-wide">Place Order Now</button>
582							{{/if}}
583						</div>
584						
585						<div class="checkout_main">
586							{{> bread-crumbs index=3}}
587							<div class="checkout_cols form">
588								<div class="checkout_col checkout_col-half ie-width-50-percent">
589									<div class="alert alert-info mb-32">
590										{{> diyl-icon icon="info" size="24" baseline="24" classes="alert_icon text-error"}}
591										<p>
592											{{#with ../Payment}}
593												{{#if Valid}}
594													Order is not finalized until you place the order.
595													You can place your order down below.
596												{{else}}
597													Payment information appears to be invalid!
598													You may still attempt to place the order, but there is no guarantee of success.
599												{{/if}}
600											{{/with}}
601										</p>
602										<button type="button" class="btn-unstyled alert_dismiss" data-remove>{{> diyl-icon icon="close-alt"}}{{> diyl-srt text="Dismiss"}}</button>
603									</div>
604									{{#with ../ShippingAddress}}
605										<h2 class="checkout_title">
606											{{> diyl-icon icon="globe" size="24" baseline="24" classes="text-secondary"}}
607											<span>Shipping Address</span>
608										</h2>
609										{{#if Compliant}}
610											<p class="mt-16">
611												{{#if Resident}}<strong>{{{Resident}}}</strong><br>{{/if}}
612												{{#if Company}}{{{Company}}}<br>{{/if}}
613												{{#if Line1}}{{{Line1}}}<br>{{/if}}
614												{{#if Line2}}{{{Line2}}}<br>{{/if}}
615												{{#if City}}{{{City}}}{{/if}}{{#if State}}, {{{State}}}{{/if}} {{#if Zip}}{{{Zip}}}{{/if}}
616												{{#with ../../Country}}
617													{{#if International}}
618														<br>{{{Name}}}
619													{{/if}}
620												{{/with}}
621											</p>
622										{{else}}
623											<p class="alert bg-primary mt-16">
624												Missing shipping information!
625											</p>
626										{{/if}}
627										<hr class="my-32">
628									{{/with}}
629									{{#if (not-equals ../Payment.Type "PayPal")}}
630										{{#with ../PaymentAddress}}
631											<h2 class="checkout_title">
632												{{> diyl-icon icon="globe" size="24" baseline="24" classes="text-secondary"}}
633
634												{{#with ../../Checkout}}
635												{{#if IsBlindShipping}}
636												<span>Blind Shipping Return Address</span>
637												{{else}}
638												<span>Billing Address</span>
639												{{/if}}
640												{{/with}}
641											</h2>
642											{{#if Compliant}}
643												<p class="mt-16">
644													{{#if Resident}}<strong>{{{Resident}}}</strong><br>{{/if}}
645													{{#if Company}}{{{Company}}}<br>{{/if}}
646													{{#if Line1}}{{{Line1}}}<br>{{/if}}
647													{{#if Line2}}{{{Line2}}}<br>{{/if}}
648													{{#if City}}{{{City}}}{{/if}}{{#if State}}, {{{State}}}{{/if}} {{#if Zip}}{{{Zip}}}{{/if}}
649
650													{{#if (not-equals Country "United States")}}
651													<br>{{{Country}}}
652													{{/if}}
653												</p>
654											{{else}}
655												<div class="alert bg-primary mt-16">
656													Missing billing information!
657												</div>
658											{{/if}}
659											<hr class="my-32">
660										{{/with}}
661									{{/if}}
662									{{#with ../Contacts}}
663										<h2 class="checkout_title">
664											{{> diyl-icon icon="account-circle" size="24" baseline="24" classes="text-secondary"}}
665											<span>Contact Details</span>
666										</h2>
667										<p class="mt-16">
668											{{#if Email}}
669												<span class="fa fa-envelope-o">&nbsp;{{Email}}</span><br>
670											{{else}}
671												<div class="alert bg-primary">
672													Email address missing!
673												</div>
674											{{/if}}
675											{{#if Phone}}
676												<span class="fa fa-phone">&nbsp;{{Phone}}</span>
677											{{else}}
678												<div class="alert bg-primary">
679													Phone number missing!
680												</div>
681											{{/if}}
682										</p>
683									{{/with}}
684
685
686									{{#if ../Checkout/FromPortal}}
687									<a class="btn btn-outline btn-secondary mt-20" href="{{../Checkout/PortalURL}}">
688										{{> diyl-icon icon="edit"}}
689										<span>Edit Shipping and Billing Information</span>
690									</a>
691									{{else}}
692									<a href="/checkout/shipping/" class="btn btn-outline btn-secondary mt-20">
693										{{> diyl-icon icon="edit"}}
694										<span>Edit Shipping and Billing Information</span>
695									</a>
696									{{/if}}
697
698
699								</div>
700								<div class="checkout_col checkout_col-half ie-width-50-percent">
701									<h2 class="checkout_title">
702										{{> diyl-icon icon="receipt" size="24" baseline="24" classes="text-secondary"}}
703										<span>Order Summary</span>
704									</h2>
705									{{#each Items}}
706										{{> review-item}}
707									{{/each}}
708									<hr class="my-32">
709									<div class="row ie-table ie-width-100-percent">
710										<div class="col col-12 col-sm-8 font-bold ie-table-cell ie-width-66-percent">Sub-total</div>
711										<div class="col col-12 col-sm-4 ie-table-cell ie-width-33-percent">
712											{{format-price Price}}
713										</div>
714									</div>
715
716									{{#if (greater-than AccountDiscount 0)}}
717									<div class="row mt-8 ie-table ie-width-100-percent">
718										<div class="col col-12 col-sm-8 font-bold ie-table-cell ie-width-66-percent">
719											{{#if (equals ../isLoggedInAsWholesale false)}}
720											Account
721											{{/if}}
722											{{#if (equals ../isLoggedInAsWholesale true)}}
723											Wholesale
724											{{/if}}
725											Discount
726											({{AccountDiscount}}%)</div>
727										<div class="col col-12 col-sm-4 ie-table-cell ie-width-33-percent relative">
728											<span class="discount-minus">-</span>
729											{{format-price AccountDiscountAbsolute}}
730										</div>
731									</div>
732									{{/if}}
733
734									<div class="row mt-8 ie-table ie-width-100-percent">
735										<div class="col col-12 col-sm-8 font-bold ie-table-cell ie-width-66-percent">Sales Tax</div>
736										<div class="col col-12 col-sm-4 ie-table-cell ie-width-33-percent">{{format-price ../Tax}}</div>
737									</div>
738
739									<div class="row mt-8 ie-table ie-width-100-percent">
740										<div class="col col-12 col-sm-8 ie-table-cell ie-width-66-percent">
741											<strong>Shipping</strong>
742											{{#active-shipping-method ../Shipping.Methods}}
743												<span class="text-p4 text-gray">{{Detail}}</span>
744											{{/active-shipping-method}}
745										</div>
746										<div class="col col-12 col-sm-4 ie-table-cell ie-width-33-percent">{{format-price ../Shipping.Price}}</div>
747									</div>
748									<hr class="my-32">
749									<div class="row mt-8 text-h2 ie-table ie-width-100-percent">
750										<div class="col col-12 col-sm-8 font-bold ie-table-cell ie-width-66-percent">Total</div>
751										<div class="col col-12 col-sm-4 font-bold ie-table-cell ie-width-33-percent">{{format-price ../TotalPrice}}</div>
752									</div>
753									<hr class="my-32">
754									<label for="special-instructions" class="form_label">Special Instructions for This Order</label>
755									<textarea data-gramm="false" id="special-instructions" class="input-text" name="OrderNotes" rows="6" placeholder="Message">{{../Order.Notes}}</textarea>
756									{{#if ../PaymentDescription}}
757										<p class="mt-24">
758											{{> diyl-icon icon="credit-card" size="24" baseline="24" classes="text-secondary mr-8"}}
759											Payment will be made via {{../PaymentDescription}}.
760										</p>
761									{{/if}}
762									{{#unless ../hasCustomItems}}
763										<p class="mt-16">
764											{{> diyl-icon icon="box" size="24" baseline="24" classes="text-secondary mr-8"}}
765											{{#active-shipping-method ../Shipping.Methods}}
766												{{> shipping-delivery-time}}
767												{{#unless (equals Name "Local Pick-up")}}
768													{{#if GuaranteedDeliveryTime}}
769													<div class="text-p4 text-gray mt-8">
770														Shipping via {{Detail}}
771													</div>
772													{{else}}
773													<div class="text-p5 text-gray mt-8">
774														The US Postal Service does not guarantee their shipping times.
775													</div>
776													{{/if}}
777												{{/unless}}
778											{{/active-shipping-method}}
779										</p>
780									{{/unless}}
781								</div>
782							</div>
783							<div class="checkout_col text-center">
784								{{#if ../submitted}}
785									<button type="submit" class="btn btn-lg btn-primary checkout_ctaBtn checkout_ctaBtn-wide -loading" disabled="disabled">Loading...</button>
786								{{else}}
787									<button type="submit" class="btn btn-lg btn-primary checkout_ctaBtn checkout_ctaBtn-wide">Place Order Now</button>
788								{{/if}}
789							</div>
790						</div>
791					</div>
792				</div>
793			</form>
794		{{else}}
795			{{> three-ways-to-order title="You have no items in your shopping cart."}}
796		{{/if}}
797	{{else}}
798		<p class="box text-center">
799			Loading checkout ...
800		</p>
801	{{/with}}
802</div>
803</script>
vendor: 1 bytes, line 803
803
804<script class="tpl" id="diyl-checkout-shipping" type="text/x-template"><div class="diyl-checkout" id="shipping">
805{{#if Cart}}
806	{{#if CartItems.length}}
807		{{#if (not-null Validation)}}
808			<div class="dialog-backdrop">
809				<div class="dialog validation">
810					{{#with Validation}}
811					<h2 class="checkout_title">
812						{{> diyl-icon icon="globe" size="24" baseline="24" classes="text-secondary"}}
813						<span>Shipping Address Validation</span>
814					</h2>
815					<div class="alert bg-primary my-16">
816						{{> diyl-icon icon="info" size="24" baseline="24" classes="alert_icon"}}
817						<p>
818							Your shipping address needs to be validated.
819							You can accept this validated address or edit your address.
820						</p>
821						<button type="button" class="btn-unstyled alert_dismiss" data-remove>{{> diyl-icon icon="close-alt"}}{{> diyl-srt text="Dismiss"}}</button>
822					</div>
823					<div class="form">
824						<div class="form_row">
825							<label for="validation-line-1" class="form_label">Address Line 1</label>
826							<input
827							class="bg-white input-text"
828							id="validation-line-1"
829							maxlength="60"
830							placeholder="Address Line 1"
831							disabled="disabled"
832							required="required"
833							type="text"
834							value="{{Address1}}"
835							>
836						</div>
837						<div class="form_row">
838							<label for="validation-line-2" class="form_label">Address Line 2</label>
839							<input
840							class="bg-white input-text"
841							id="validation-line-2"
842							maxlength="60"
843							placeholder="Address Line 2"
844							disabled="disabled"
845							required="required"
846							type="text"
847							value="{{Address2}}"
848							>
849						</div>
850						<div class="row row-narrowGutters ie-table ie-width-100-percent">
851							<div class="form_row col col-12 col-sm-4 col-md-12 col-lg-4">
852								<label for="validation-city" class="form_label">City</label>
853								<input
854								class="bg-white input-text"
855								id="validation-city"
856								maxlength="40"
857								placeholder="City"
858								disabled="disabled"
859								required="required"
860								type="text"
861								value="{{City}}"
862								>
863							</div>
864							<div class="form_row col col-12 col-sm-4 col-md-12 col-lg-4">
865								<label for="validation-state" class="form_label">State</label>
866								{{#with ../States}}
867								{{> shipping-states
868									international=false
869									disabled=true
870									required=true
871									states=this
872									value=../State
873								}}
874								{{/with}}
875							</div>
876							<div class="form_row col col-12 col-sm-4 col-md-12 col-lg-4">
877								<label for="validation-zip" class="form_label">Zip</label>
878								<input
879								class="bg-white input-text"
880								id="validation-zip"
881								maxlength="20"
882								placeholder="Zip"
883								disabled="disabled"
884								required="required"
885								type="text"
886								value="{{Zip5}}"
887								>
888							</div>
889						</div>
890						<div class="row row-narrowGutters mt-32 sm:mt-20 justify-end">
891							<button class="btn col col-12 col-sm-2 mb-8 sm:mb-0 sm:mr-8" onclick="Shipping.clearValidation(event)">Edit</button>
892							<button class="btn btn-secondary col col-12 col-sm-4" onclick="Shipping.applyValidatedAddress(event)">Apply Changes and Continue</button>
893						</div>
894					</div>
895					{{else}}
896					<h2 class="checkout_title">
897						{{> diyl-icon icon="globe" size="24" baseline="24" classes="text-secondary"}}
898						<span>Invalid Address</span>
899					</h2>
900					<div class="alert bg-primary my-20">
901						<p>
902							The address you provided did not validate.
903							Please edit your shipping address.
904						</p>
905					</div>
906					<div class="text-right">
907						<button class="btn" onclick="Shipping.clearValidation(event)">Close</button>
908					</div>
909					{{/with}}
910				</div>
911			</div>
912		{{/if}}
913		<form action="{{action}}" class="form" method="{{method}}">
914			<div class="section py-40">
915				<div class="container">
916					<div class="checkout_main">
917						{{> bread-crumbs index=2}}
918						<div class="checkout_cols form">
919
920							<div class="checkout_col checkout_col-full ie-width-100-percent">
921								<span class="pr-4">
922									{{> diyl-icon icon="account-circle" size="24" baseline="24" classes="text-secondary"}}
923								</span>
924								Have an account?
925								<a href="/checkout/start?Payment=VaultedCreditCard">
926									Log In.
927								</a>
928							</div>
929
930							<div class="checkout_col checkout_col-half ie-width-50-percent">
931								{{#if Checkout.CountryException}}
932								<div class="alert bg-primary mb-32">
933									{{> diyl-icon icon="info" size="24" classes="alert_icon"}}
934									<p>
935										Our system has detected a country mismatch.
936										Verify that the country is the correct country for the shipment.
937									</p>
938									<button type="button" class="btn-unstyled alert_dismiss" data-remove="">
939										{{> diyl-icon icon="close-alt" size="24"}}
940										{{> diyl-srt text="Dismiss"}}
941									</button>
942								</div>
943								{{/if}}
944								{{#if Checkout.ZipException}}
945								<div class="alert bg-primary mb-32">
946									{{> diyl-icon icon="info" size="24" classes="alert_icon"}}
947									<p>
948										Because the shipping ZIP code received from PayPal is different,
949										your expected delivery date may not be accurate.
950										If you need an accurate expected delivery date,
951										go back to the cart and re-enter your ZIP code.
952									</p>
953									<button type="button" class="btn-unstyled alert_dismiss" data-remove="">
954										{{> diyl-icon icon="close-alt" size="24"}}
955										{{> diyl-srt text="Dismiss"}}
956									</button>
957								</div>
958								{{/if}}
959								<h2 class="checkout_title">
960									{{> diyl-icon icon="globe" size="24" baseline="24" classes="text-secondary"}}
961									<span>Shipping Address</span>
962								</h2>
963								<div class="form_row">
964									<label for="full-name" class="form_label">Full Name</label>
965									<input
966										class="input-text"
967										id="full-name"
968										maxlength="100"
969										name="Shipping[FullName]"
970										placeholder="Full Name"
971										required="required"
972										type="text"
973										value="{{{Shipping.Address.Resident}}}"
974										onchange="Shipping.onShippingAddressChange('Resident', event)"
975									>
976								</div>
977								<div class="form_row">
978									<label for="company" class="form_label">Company</label>
979									<input
980										class="input-text"
981										id="company"
982										maxlength="50"
983										name="Shipping[Company]"
984										placeholder="Company"
985										type="text"
986										value="{{{Shipping.Address.Company}}}"
987										onchange="Shipping.onShippingAddressChange('Company', event)"
988									>
989								</div>
990								<div class="relative">
991								<div class="form_row">
992									<label for="address-line-1" class="form_label">Address</label>
993									<input
994										class="input-text"
995										id="shipping-address-line-1"
996										data-1p-ignore
997										autocomplete="no"
998										name="Shipping[Line1]"
999										maxlength="60"
1000										placeholder="Address Line 1"
1001										required="required"
1002										type="text"
1003										value="{{{Shipping.Address.Line1}}}"
1004										onblur="Shipping.blurAutocomplete()"
1005										onkeyup="Shipping.renderAutocomplete(event, 'Shipping')"
1006									>
1007								</div>
1008
1009<div class="autocomplete-results" id="autocompleteResultsShipping">
1010	<ul class="results">
1011
1012	</ul>
1013</div>
1014</div>
1015
1016								<div class="form_row">
1017									<label for="address-line-2" class="form_label">Address Line 2</label>
1018									<input
1019										class="input-text"
1020										id="address-line-2"
1021										name="Shipping[Line2]"
1022										placeholder="Address Line 2"
1023										type="text"
1024										value="{{{Shipping.Address.Line2}}}"
1025										onchange="Shipping.onShippingAddressChange('Line2', event)"
1026									>
1027								</div>
1028								<div class="form_row">
1029									<label for="city" class="form_label">City</label>
1030									<input
1031										class="input-text"
1032										maxlength="40"
1033										name="Shipping[City]"
1034										id="city"
1035										placeholder="City"
1036										required="required"
1037										type="text"
1038										value="{{{Shipping.Address.City}}}"
1039										onchange="Shipping.onShippingAddressChange('City', event)"
1040									>
1041								</div>
1042								<div class="row row-narrowGutters ie-table ie-width-100-percent items-end">
1043									<div class="form_row col col-12 col-sm-4 col-md-12 col-lg-4 ie-table-cell ie-width-33-percent ie-vertical-align-middle">
1044										<label for="shipping-state" class="form_label">
1045											{{#if Country.International}}
1046												County / Region / Province
1047											{{else}}
1048												State
1049											{{/if}}
1050										</label>
1051										{{#with States}}
1052											{{> shipping-states
1053												international=../Country.International
1054												required=true
1055												states=this
1056												type="Shipping"
1057												value=../Shipping.Address.State
1058												onchange="Shipping.onShippingAddressChange('State', event)"
1059											}}
1060										{{else}}
1061											<input
1062												class="input-text"
1063												id="state"
1064												maxlength="20"
1065												name="Shipping[State]"
1066												placeholder="State"
1067												required="required"
1068												type="text"
1069												value="{{{Shipping.Address.State}}}"
1070												onchange="Shipping.onShippingAddressChange('State', event)"
1071											>
1072										{{/with}}
1073									</div>
1074									<div class="form_row col col-12 col-sm-4 col-md-12 col-lg-4 ie-table-cell ie-width-33-percent ie-vertical-align-middle">
1075										<label for="zip" class="form_label">Zip</label>
1076										{{#if isDomestic}}
1077											<input type="text" name="Shipping[Zip]"
1078												   class="input-text"
1079												   value="{{Shipping.Address.Zip}}"/>
1080										{{else}}
1081											<input
1082												class="input-text"
1083												id="zip"
1084												maxlength="12"
1085												name="Shipping[Zip]"
1086												placeholder="Zip"
1087												required="required"
1088												type="text"
1089												value="{{{Shipping.Address.Zip}}}"
1090												onchange="Shipping.onShippingAddressChange('Zip', event)"
1091											>
1092										{{/if}}
1093									</div>
1094									<div class="form_row col col-12 col-sm-4 col-md-12 col-lg-4 ie-table-cell ie-width-33-percent ie-vertical-align-middle">
1095										<label for="country" class="form_label">Country</label>
1096										<span class="checkout_countryBtn input-text">
1097											<input type="hidden" name="Shipping[Country]" value="{{Shipping.Country.Name}}">
1098											<span>{{Country.Name}}</span>
1099											<a href="/checkout/">Change</a>
1100										</span>
1101									</div>
1102								</div>
1103
1104
1105								{{#if (not-equals PaymentType "paypal")}}
1106								<h2 class="checkout_title mt-40">
1107									{{> diyl-icon icon="globe" size="24" baseline="24" classes="text-secondary"}}
1108									<span>Billing Address</span>
1109								</h2>
1110								<ul class="form_radios form_row">
1111									<li>
1112										<input
1113											{{#if BillingSameAsShipping}}checked="checked"{{/if}}
1114											class="input-radio"
1115											id="billing-same"
1116											name="BillingSameAsShipping"
1117											type="radio"
1118											value="true"
1119										>
1120										<label for="billing-same">Same as shipping address</label>
1121									</li>
1122									<li>
1123										<input
1124											{{#unless BillingSameAsShipping}}checked="checked"{{/unless}}
1125											class="input-radio"
1126											id="billing-different"
1127											name="BillingSameAsShipping"
1128											type="radio"
1129											value="false"
1130										>
1131										<label for="billing-different">Use different billing address</label>
1132									</li>
1133								</ul>
1134								<div id="checkout-billing" class="{{#if BillingSameAsShipping}}hidden{{/if}}">
1135									<div class="form_row">
1136										<label for="billing-full-name" class="form_label">Full Name</label>
1137										<input
1138											class="input-text"
1139											id="billing-full-name"
1140											maxlength="100"
1141											name="Billing[FullName]"
1142											placeholder="Full Name"
1143											{{#unless BillingSameAsShipping}}required="required"{{/unless}}
1144											type="text"
1145											value="{{{Billing.Address.Resident}}}"
1146											onchange="Shipping.onBillingAddressChange('Resident', event)"
1147										>
1148									</div>
1149									<div class="form_row">
1150										<label for="billing-company" class="form_label">Company</label>
1151										<input
1152											class="input-text"
1153											maxlength="50"
1154											name="Billing[Company]"
1155											id="billing-company"
1156											placeholder="Company"
1157											type="text"
1158											value="{{{Billing.Address.Company}}}"
1159											onchange="Shipping.onBillingAddressChange('Company', event)"
1160										>
1161									</div>
1162					<div class="relative">
1163									<div class="form_row">
1164										<label for="billing-address-line-1" class="form_label">Address</label>
1165										<input
1166											class="input-text"
1167											id="billing-address-line-1"
1168											maxlength="60"
1169											name="Billing[Line1]"
1170											placeholder="Address Line 1"
1171											{{#unless BillingSameAsShipping}}required="required"{{/unless}}
1172											type="text"
1173											value="{{{Billing.Address.Line1}}}"
1174											onblur="Shipping.blurAutocomplete()"
1175											onkeyup="Shipping.renderAutocomplete(event, 'Billing')"
1176											autocomplete="no"
1177											data-1p-ignore
1178										>
1179
1180									</div>
1181
1182<div class="autocomplete-results" id="autocompleteResultsBilling">
1183	<ul class="results">
1184
1185	</ul>
1186</div>
1187</div>
1188
1189									<div class="form_row">
1190										<label for="billing-address-line-2" class="form_label">Address Line 2</label>
1191										<input
1192											class="input-text"
1193											id="billing-address-line-2"
1194											name="Billing[Line2]"
1195											placeholder="Address Line 2"
1196											type="text"
1197											value="{{{Billing.Address.Line2}}}"
1198											onchange="Shipping.onBillingAddressChange('Line2', event)"
1199										>
1200									</div>
1201									<div class="form_row">
1202										<label for="billing-city" class="form_label">City</label>
1203										<input
1204											class="input-text"
1205											id="billing-city"
1206											maxlength="40"
1207											name="Billing[City]"
1208											placeholder="City"
1209											{{#unless BillingSameAsShipping}}required="required"{{/unless}}
1210											type="text"
1211											value="{{{Billing.Address.City}}}"
1212											onchange="Shipping.onBillingAddressChange('City', event)"
1213										>
1214									</div>
1215									<div class="row row-narrowGutters ie-table ie-width-100-percent">
1216										<div class="form_row col col-12 col-sm-4 col-md-12 col-lg-4 ie-table-cell ie-width-33-percent ie-vertical-align-middle">
1217											<label for="billing-state" class="form_label">
1218												{{#if Country.International}}
1219												County / Region / Province
1220												{{else}}
1221												State
1222												{{/if}}
1223											</label>
1224											{{#with States}}
1225											{{> shipping-states
1226											international=../Country.International
1227											required=(equals ../BillingSameAsShipping false)
1228											states=this
1229											type="Billing"
1230											value=../Billing.Address.State
1231											onchange="Shipping.onBillingAddressChange('State', event)"
1232											}}
1233											{{else}}
1234											<input
1235													class="input-text"
1236													id="billing-state"
1237													maxlength="20"
1238													name="Billing[State]"
1239													placeholder="State"
1240													{{#unless BillingSameAsShipping}}required="required"{{/unless}}
1241													type="text"
1242													value="{{{Billing.Address.State}}}"
1243													onchange="Shipping.onBillingAddressChange('State', event)"
1244											>
1245											{{/with}}
1246										</div>
1247										<div class="form_row col col-12 col-sm-4 col-md-12 col-lg-4 ie-table-cell ie-width-33-percent ie-vertical-align-middle">
1248											<label for="billing-zip" class="form_label">Zip</label>
1249											<input
1250												class="input-text"
1251												id="billing-zip"
1252												maxlength="12"
1253												name="Billing[Zip]"
1254												placeholder="Zip"
1255												{{#unless BillingSameAsShipping}}required="required"{{/unless}}
1256												type="text"
1257												value="{{{Billing.Address.Zip}}}"
1258												onchange="Shipping.onBillingAddressChange('Zip', event)"
1259											>
1260										</div>
1261										<div class="form_row col col-12 col-sm-4 col-md-12 col-lg-4 ie-table-cell ie-width-33-percent ie-vertical-align-middle">
1262											<input type="hidden" name="Billing[Country]" value="{{Country.Name}}">
1263											<label for="country" class="form_label">Country</label>
1264											<span class="checkout_countryBtn input-text">
1265												<span>{{{Country.Name}}}</span>
1266												<!-- <a href="checkout-cart.php#shipping">Change</a> -->
1267											</span>
1268										</div>
1269									</div>
1270								</div>
1271								{{/if}}
1272							</div>
1273							<div class="checkout_col checkout_col-half ie-width-50-percent">
1274								<h2 class="checkout_title">
1275									{{> diyl-icon icon="credit-card" size="24" baseline="24" classes="text-secondary"}}
1276									<span>Payment Details</span>
1277								</h2>
1278
1279
1280								{{#if (equals PaymentType "credit-card")}}
1281									{{#if PaymentValidationMessage}}
1282										<div class="alert bg-primary mb-20">
1283											{{> diyl-icon icon="info" size="24" baseline="24" classes="alert_icon"}}
1284											<p>{{PaymentValidationMessage}}</p>
1285										</div>
1286									{{/if}}
1287
1288									<input type="hidden" name="Billing[PaymentNonce]" id="paymentNonce" value=""/>
1289									<input type="hidden" name="Billing[CreditCardLastFour]" id="ccLastFour" value=""/>
1290									<input type="hidden" name="Billing[CreditCardType]" id="ccCardType" value=""/>
1291
1292
1293									<div class="braintree-hosted-fields-mockup" id="braintreeHostedFieldsMockup">
1294										<div class="form_row">
1295											<label >Card Number</label>
1296											<div class="input-text"></div>
1297										</div>
1298
1299										<div class="row row-narrowGutters ie-table ie-width-100-percent">
1300											<div class="form_row col col-12 col-sm-6 col-md-12 col-lg-6 ie-table-cell ie-width-50-percent ie-vertical-align-middle">
1301												<label >Expiration Date</label>
1302												<div class="input-text"></div>
1303											</div>
1304											<div class="form_row col col-12 col-sm-6 col-md-12 col-lg-6 ie-table-cell ie-width-50-percent ie-vertical-align-middle">
1305												<label>CVV</label>
1306												<div class="input-text"></div>
1307											</div>
1308										</div>
1309
1310
1311									</div>
1312
1313									<div class="braintree-hosted-fields" id="braintreeHostedFields">
1314										<div class="form_row">
1315										<label for="card-number">Card Number</label>
1316										<div id="card-number" class="input-text"></div>
1317										</div>
1318
1319										<div class="row row-narrowGutters ie-table ie-width-100-percent">
1320											<div class="form_row col col-12 col-sm-6 col-md-12 col-lg-6 ie-table-cell ie-width-50-percent ie-vertical-align-middle">
1321												<label for="expiration-date">Expiration Date</label>
1322												<div id="expiration-date" class="input-text"></div>
1323											</div>
1324											<div class="form_row col col-12 col-sm-6 col-md-12 col-lg-6 ie-table-cell ie-width-50-percent ie-vertical-align-middle">
1325												<label for="cvv">CVV</label>
1326												<div id="cvv" class="input-text"></div>
1327											</div>
1328										</div>
1329
1330
1331									</div>
1332								{{/if}}
1333
1334								{{!-- {{#if (equals PaymentType "CreditCard")}}
1335									<div class="form_row">
1336										<label for="card-number" class="form_label">Card Number</label>
1337										<input
1338											class="input-text"
1339											id="card-number"
1340											maxlength="16"
1341											name="Billing[CreditCard][Number]"
1342											placeholder="Card Number"
1343											required="required"
1344											type="tel"
1345											value="{{CardNumber}}"
1346											onchange="Shipping.onPaymentChange('Number', event)"
1347										>
1348									</div>
1349									<div class="row row-narrowGutters ie-table ie-width-100-percent">
1350										<div class="form_row col col-12 col-sm-4 col-md-12 col-lg-4 ie-table-cell ie-width-33-percent ie-vertical-align-middle">
1351											<label for="month" class="form_label">Month</label>
1352											<select id="month" class="input-select" required="required" name="Billing[CreditCard][ExpirationMonth]" onchange="Shipping.onPaymentChange('Month', event)">
1353											{{#each Months}}
1354												<option value="{{pad-left this 0 2}}" {{#if (equals (pad-left this 0 2) ../CardMonth)}}selected="selected"{{/if}}>{{pad-left this 0 2}}</option>
1355											{{/each}}
1356											</select>
1357										</div>
1358										<div class="form_row col col-12 col-sm-4 col-md-12 col-lg-4 ie-table-cell ie-width-33-percent ie-vertical-align-middle">
1359											<label for="year" class="form_label">Year</label>
1360											<select id="year" class="input-select" required="required" name="Billing[CreditCard][ExpirationYear]" onchange="Shipping.onPaymentChange('Year', event)">
1361											{{#each Years}}
1362												<option value="{{this}}" {{#if (equals this ../CardYear)}}selected="selected"{{/if}}>{{this}}</option>
1363											{{/each}}
1364											</select>
1365										</div>
1366										<div class="form_row col col-12 col-sm-4 col-md-12 col-lg-4 ie-table-cell ie-width-33-percent ie-vertical-align-middle">
1367											<label for="cvv" class="form_label">CVV</label>
1368											<input
1369												class="input-text"
1370												id="cvv"
1371												maxlength="4"
1372												name="Billing[CreditCard][CVV]"
1373												placeholder="CVV"
1374												required="required"
1375												type="tel"
1376												value="{{CardCvv}}"
1377												onchange="Shipping.onPaymentChange('Cvv', event)"
1378											>
1379										</div>
1380									</div>
1381								{{/if}} --}}
1382
1383								{{#if (equals PaymentType "paypal")}}
1384									<div class="form_row">
1385										Paying with PayPal.
1386									</div>
1387								{{/if}}
1388								{{#if (equals PaymentType "transaction")}}
1389									<div class="form_row">
1390										Paying with past transaction.
1391									</div>
1392								{{/if}}
1393								<h2 class="checkout_title mt-40">
1394									{{> diyl-icon icon="account-circle" size="24" baseline="24" classes="text-secondary"}}
1395									<span>Contact Details</span>
1396								</h2>
1397								<div class="form_row">
1398									<label for="email" class="form_label">Email</label>
1399									<input
1400										class="input-text"
1401										id="email"
1402										maxlength="255"
1403										name="Billing[Email]"
1404										placeholder="Email"
1405										required="required"
1406										type="email"
1407										value="{{Contacts.Email}}"
1408										onchange="Shipping.onContactChange('Email', event)"
1409									>
1410								</div>
1411								<div class="form_row">
1412									<label for="phone-number" class="form_label">Phone Number</label>
1413									<input
1414										class="input-text"
1415										id="phone-number"
1416										maxlength="25"
1417										name="Billing[Phone]"
1418										placeholder="Phone Number"
1419										type="tel"
1420										value="{{Contacts.Phone}}"
1421										onchange="Shipping.onContactChange('Phone', event)"
1422									>
1423								</div>
1424							</div>
1425						</div>
1426						<div class="checkout_col text-center">
1427							<button type="submit" class="btn btn-lg btn-secondary checkout_ctaBtn checkout_ctaBtn-wide">Continue to Order Review</button>
1428						</div>
1429					</div>
1430				</div>
1431			</div>
1432		</form>
1433	{{else}}
1434		{{> three-ways-to-order title="You have no items in your shopping cart."}}
1435	{{/if}}
1436	{{> checkout-help}}
1437{{else}}
1438	<p class="box text-center">
1439		Loading checkout ...
1440	</p>
1441{{/if}}
1442</div>
1443</script>
vendor: 1 bytes, line 1443
1443
1444<script class="tpl" id="diyl-checkout-success" type="text/x-template">{{#with Order}}
1445	<div class="section py-40">
1446		<div class="container">
1447			<div class="checkout_main">
1448				<!-- {{> bread-crumbs index=4 no-links=true}} -->
1449				<div class="checkout_cols form ie-table">
1450					<div class="checkout_col checkout_col-half ie-table-cell ie-width-50-percent">
1451						<h2 class="checkout_title">
1452							{{> diyl-icon icon="check" size="24" baseline="24" classes="text-secondary"}}
1453							<span>Thank you for your order with us!</span>
1454						</h2>
1455						<p class="mt-16">Your Order Number is <strong>{{Id}}</strong>.</p>
1456						{{#if EmailSent}}
1457							<p class="mt-16 screen-only">An order confirmation e-mail has been sent to the email provided.</p>
1458						{{else}}
1459							<p class="mt-16 screen-only">We were unable to send an order confirmation e-mail.</p>
1460						{{/if}}
1461						<p class="mt-16 screen-only">We'll send a shipping confirmation e-mail when your custom vinyl lettering ships.</p>
1462						<p class="mt-16 screen-only">Feel free to call us at 800-550-3883 if you have any questions.</p>
1463						<a href="/checkout/print/?order={{Id}}&conf={{Conf}}" class="btn btn-outline btn-secondary mt-20 screen-only">
1464							{{> diyl-icon icon="print-text"}}
1465							<span>Print Order Confirmation</span>
1466						</a>
1467						<div id="createAccountSection" style="display: none">
1468                            <hr class="my-32">
1469                            <h2 class="checkout_title">
1470                                {{> diyl-icon icon="info" size="24" baseline="24" classes="text-secondary"}}
1471                                <span>Keep track of your orders by creating an account</span>
1472                            </h2>
1473                            <p class="mt-16 screen-only">Create an account to track past orders, reorder items, and manage billing details.</p>
1474
1475                            <form method="post"
1476                            id="registrationForm"
1477                            onsubmit="return Success.$Diyl.createAccount(event)"
1478                                action="/api/orders/register?Number={{Id}}&Conf={{Conf}}" class="form">
1479                               <div class="registration-form">
1480                                    <div class="form_row">
1481                                                    <label for="password" class="form_label bold">Password</label>
1482                                                    <input
1483                                                    class="bg-white input-text"
1484                                                    id="password"
1485                                                    placeholder="Enter a password"
1486                                                    required="required"
1487                                                    type="password"
1488
1489                                                    />
1490                                    </div>
1491
1492                                    <button type="submit" class="btn btn-secondary mt-24" ><span>Register</span></button>
1493                                </div>
1494                            </form>
1495
1496                            <p id="registrationSuccess" class="mt-16" style="display: none">
1497                                <span class="text-success">Your account has been created successfully. Please confirm your email address using the email that has been sent to you.</span>
1498                            </p>
1499
1500                        </div>
1501						<hr class="my-32">
1502						{{#if ../ShowBillingDetails}}
1503							<h2 class="checkout_title">
1504								{{> diyl-icon icon="globe" size="24" baseline="24" classes="text-secondary"}}
1505								<span>
1506									{{#if ../IsBlindShipping}}
1507										Blind Shipping Return Address
1508									{{else}}
1509										Bill To
1510									{{/if}}
1511								</span>
1512							</h2>
1513							{{#if ../IsPayPalPayment}}
1514								<p class="mt-16">
1515									<strong>Paid with Paypal</strong><br>
1516									{{#with ../Billing}}
1517										{{#if Resident}}{{{Resident}}}<br>{{/if}}
1518									{{/with}}
1519									{{#if ../Transaction.PayPalTransactionID}}
1520										Paypal Transaction ID:<br>
1521										{{../Transaction.PayPalTransactionID}}
1522									{{/if}}
1523								</p>
1524							{{else}}
1525								{{#with ../Billing}}
1526									<p class="mt-16">
1527										{{#if Resident}}<strong>{{{Resident}}}</strong><br>{{/if}}
1528										{{#if Company}}{{{Company}}}<br>{{/if}}
1529										{{#if Line1}}{{{Line1}}}<br>{{/if}}
1530										{{#if Line2}}{{{Line2}}}<br>{{/if}}
1531										{{#if City}}{{City}}{{/if}}{{#if State}}, {{State}}{{/if}} {{#if Zip}}{{Zip}}{{/if}}
1532										{{#if (not-equals Country "United States")}}
1533											<br>{{{Country}}}
1534										{{/if}}
1535									</p>
1536								{{/with}}
1537							{{/if}}
1538							<hr class="my-32">
1539						{{/if}}
1540						{{#with ../Shipping}}
1541							<h2 class="checkout_title">
1542								{{> diyl-icon icon="globe" size="24" baseline="24" classes="text-secondary"}}
1543								<span>Ship To</span>
1544							</h2>
1545							<p class="mt-16">
1546								{{#if Resident}}<strong>{{{Resident}}}</strong><br>{{/if}}
1547								{{#if Company}}{{{Company}}}<br>{{/if}}
1548								{{#if Line1}}{{{Line1}}}<br>{{/if}}
1549								{{#if Line2}}{{{Line2}}}<br>{{/if}}
1550								{{#if City}}{{City}}{{/if}}{{#if State}}, {{State}}{{/if}} {{#if Zip}}{{Zip}}<br>{{/if}}
1551                                {{#with ../../Country}}
1552                                    {{#if International}}
1553                                        <br>{{Name}}
1554                                    {{/if}}
1555                                {{/with}}
1556							</p>
1557							<hr class="my-32">
1558						{{/with}}
1559						<!-- {{#with ../Billing}}
1560							<h2 class="checkout_title">
1561								{{> diyl-icon icon="account-circle" size="24" baseline="24" classes="text-secondary"}}
1562								<span>Contact Details</span>
1563							</h2>
1564							<p class="mt-16">
1565								{{#if Email}}{{Email}}<br>{{/if}}
1566								{{#if Phone}}{{Phone}}{{/if}}
1567							</p>
1568							<hr class="my-32">
1569						{{/with}} -->
1570						<h2 class="checkout_title">
1571							{{> diyl-icon icon="sticky-note" size="24" baseline="24" classes="text-secondary"}}
1572							<span>Order Note</span>
1573						</h2>
1574						<p class="mt-16">
1575							{{Notes}}
1576						</p>
1577					</div>
1578					<div class="checkout_col checkout_col-half ie-table-cell ie-width-50-percent">
1579						<h2 class="checkout_title">
1580							{{> diyl-icon icon="receipt" size="24" baseline="24" classes="text-secondary"}}
1581							<span>Order Summary</span>
1582						</h2>
1583						{{#each Items}}
1584							{{> order-item}}
1585						{{/each}}
1586						<hr class="my-32">
1587						{{#with ../Costs}}
1588							<div class="row">
1589								<div class="col col-12 col-sm-8 font-bold">Sub-total</div>
1590								<div class="col col-12 col-sm-4">{{format-price SubTotal}}</div>
1591							</div>
1592							<div class="row mt-8">
1593								<div class="col col-12 col-sm-8 font-bold">Sales Tax</div>
1594								<div class="col col-12 col-sm-4">{{format-price Tax}}</div>
1595							</div>
1596							<div class="row mt-8">
1597								<div class="col col-12 col-sm-8">
1598									<strong>Shipping</strong>
1599									<span class="text-p4 text-gray">{{../ShippingMethodDisplayName}}</span>
1600								</div>
1601								<div class="col col-12 col-sm-4">{{format-price Shipping}}</div>
1602							</div>
1603							<hr class="my-32">
1604							<div class="row mt-8 text-h2">
1605								<div class="col col-12 col-sm-8 font-bold">Total</div>
1606								<div class="col col-12 col-sm-4 font-bold">{{format-price (add SubTotal Shipping Tax)}}</div>
1607							</div>
1608							<hr class="my-32">
1609						{{/with}}
1610
1611						{{#if ../PaymentDescription}}
1612							<p>Paid with {{../PaymentDescription}}.</p>
1613						{{/if}}
1614
1615						<p>Shipping via <strong>{{ShippingMethodDisplayName}}</strong>.</p>
1616
1617						{{> shipping-typical-or-expected time=../ExpectedDelivery}}
1618
1619						{{#if ../ShippingCommitmentDate}}
1620						<p>Ships by <strong>{{../ShippingCommitmentDate}}</strong>.</p>
1621						{{/if}}
1622
1623						<a href="/checkout/print/?order={{Id}}&conf={{Conf}}" class="btn btn-outline btn-secondary mt-20 screen-only">
1624							{{> diyl-icon icon="print-text"}}
1625							<span>Print Order Confirmation</span>
1626						</a>
1627					</div>
1628				</div>
1629			</div>
1630		</div>
1631	</div>
1632{{else}}
1633	<div class="box text-center">
1634		{{#unless loading}}
1635			We were unable to retrieve the order.
1636		{{else}}
1637			Pulling order information...
1638		{{/unless}}
1639	</div>
1640{{/with}}
1641</script>
1641
1642
1643	<!-- Global site tag (gtag.js) - Google Ads: 1058945999 (deferred for Core Web Vitals) -->
1644	<!-- Google Tag loaded via Cloudflare Google Tag Gateway
1645	     scripts.lettering.com proxies Google tag requests
1646	     to reduce ad-blocker tracking loss -->
1647	
1647<script>
1648		window.dataLayer = window.dataLayer || [];
1649		function gtag(){dataLayer.push(arguments);}
1650
1651		(function(){
1652			var gtagLoaded = false;
1653
1654			function loadGtag() {
1655				if (gtagLoaded) return;
1656				gtagLoaded = true;
1657
1658				var s = document.createElement('script');
1659				s.async = true;
1660				s.src = 'https://scripts.lettering.com/metrics/gtag/js?id=AW-1058945999';
1661				document.head.appendChild(s);
1662
1663				gtag('js', new Date());
1664
1665				gtag('set', {
1666					'currency': 'USD'
1667				});
1668
1669								gtag('config', 'UA-39799192-1');
1670				gtag('config', 'AW-1058945999');
1671				gtag('config', 'G-X424LNJWNQ');
1672							}
1673
1674			function scheduleLoad() {
1675				if ('requestIdleCallback' in window) {
1676					requestIdleCallback(loadGtag, { timeout: 5000 });
1677				} else {
1678					setTimeout(loadGtag, 2000);
1679				}
1680			}
1681
1682			if (document.readyState === 'complete') {
1683				scheduleLoad();
1684			} else {
1685				window.addEventListener('load', scheduleLoad);
1686			}
1687		})();
1688	</script>
1688
1689	<!-- // Global site tag (gtag.js) -->
1690
1691		
1691<script>
1692		const prerenderData = {"checkout":{"class":"checkout","BillingSameAsShipping":true,"Cart":{"class":"cart","Id":5399303,"Items":[],"Promotion":null,"Price":0,"AccountDiscount":0,"AccountDiscountAbsolute":0,"PriceWithAccountDiscount":0,"IsPortalAccount":false},"CountryException":false,"Order":{"class":"order","Addresses":{"Billing":{"class":"address","City":null,"Company":null,"Country":null,"Line1":null,"Line2":null,"State":null,"StateAlternative":null,"Resident":null,"Zip":null,"Compliant":false,"Null":true,"Valid":false},"Shipping":{"class":"address","City":null,"Company":null,"Country":null,"Line1":null,"Line2":null,"State":null,"StateAlternative":null,"Resident":null,"Zip":null,"Compliant":false,"Null":true,"Valid":false}},"AddressReviewed":false,"Conf":null,"Contacts":{"Email":null,"Phone":""},"Costs":{"SubTotal":0,"Shipping":0,"Tax":0},"Id":null,"Date":{"class":"date-time","DateFormatted":"Oct 06, 2026","DateTime":"2026-10-06 12:54:16","Diff":"0 seconds ago"},"EmailSent":false,"ExpectedDelivery":null,"Converted":false,"CutoffTime":null,"Height":0,"Items":[],"Notes":null,"Package":"Unknown","PaymentType":null,"ShipBy":null,"ShipmentTracking":null,"ShippingMethodDisplayName":"","ShippingClass":"","Shipped":false,"Status":"PENDING","Transactions":[{"class":"transaction","Amount":0,"FreightTaxable":false,"Id":0,"PaymentType":null,"Shipping":0,"Tax":0,"Type":null,"CCLastFour":"","Date":{"class":"date-time","DateFormatted":"Oct 06, 2026","DateTime":"2026-10-06 12:54:16","Diff":"0 seconds ago"}}],"Width":0},"Payment":{"class":"payment","Type":"CreditCard","Valid":false,"Address":{"class":"address","City":null,"Company":null,"Country":null,"Line1":null,"Line2":null,"State":null,"StateAlternative":null,"Resident":null,"Zip":null,"Compliant":false,"Null":true,"Valid":false},"ClientToken":"eyJ2ZXJzaW9uIjoyLCJhdXRob3JpemF0aW9uRmluZ2VycHJpbnQiOiJleUpyYVdRaU9pSXlNREU0TURReU5qRTJMWEJ5YjJSMVkzUnBiMjRpTENKcGMzTWlPaUpvZEhSd2N6b3ZMMkZ3YVM1aWNtRnBiblJ5WldWbllYUmxkMkY1TG1OdmJTSXNJbUZzWnlJNklrVlRNalUySW4wLmV5SmxlSEFpT2pFM09URXpPVEl3TlRZc0ltcDBhU0k2SW1VelpXUXdPRE5rTFRoa05EUXRORFV6WlMwNU5qYzFMVFl6WXpSa04yTTFNRE13TXlJc0luTjFZaUk2SW0welpHWnpNemg2WkRadU9IQXpOV01pTENKcGMzTWlPaUpvZEhSd2N6b3ZMMkZ3YVM1aWNtRnBiblJ5WldWbllYUmxkMkY1TG1OdmJTSXNJbTFsY21Ob1lXNTBJanA3SW5CMVlteHBZMTlwWkNJNkltMHpaR1p6TXpoNlpEWnVPSEF6TldNaUxDSjJaWEpwWm5sZlkyRnlaRjlpZVY5a1pXWmhkV3gwSWpwMGNuVmxMQ0oyWlhKcFpubGZkMkZzYkdWMFgySjVYMlJsWm1GMWJIUWlPbVpoYkhObGZTd2ljbWxuYUhSeklqcGJJbTFoYm1GblpWOTJZWFZzZENKZExDSnpZMjl3WlNJNld5SkNjbUZwYm5SeVpXVTZWbUYxYkhRaUxDSkNjbUZwYm5SeVpXVTZRMnhwWlc1MFUwUkxJbDBzSW05d2RHbHZibk1pT250OWZRLm1QR1g1TUtPQ0dIcWpSTjVscnY1NlpIdmtMeUVrVGVZV0dHUFB6QTVwMFU1VHFNanlqUjBzRVc1UXVHdEZENjQwZWJyWEoxejJsZHpELVdwdDBvcENRIiwiY29uZmlnVXJsIjoiaHR0cHM6Ly9hcGkuYnJhaW50cmVlZ2F0ZXdheS5jb206NDQzL21lcmNoYW50cy9tM2RmczM4emQ2bjhwMzVjL2NsaWVudF9hcGkvdjEvY29uZmlndXJhdGlvbiIsImdyYXBoUUwiOnsidXJsIjoiaHR0cHM6Ly9wYXltZW50cy5icmFpbnRyZWUtYXBpLmNvbS9ncmFwaHFsIiwiZGF0ZSI6IjIwMTgtMDUtMDgiLCJmZWF0dXJlcyI6WyJ0b2tlbml6ZV9jcmVkaXRfY2FyZHMiXX0sImNsaWVudEFwaVVybCI6Imh0dHBzOi8vYXBpLmJyYWludHJlZWdhdGV3YXkuY29tOjQ0My9tZXJjaGFudHMvbTNkZnMzOHpkNm44cDM1Yy9jbGllbnRfYXBpIiwiZW52aXJvbm1lbnQiOiJwcm9kdWN0aW9uIiwibWVyY2hhbnRJZCI6Im0zZGZzMzh6ZDZuOHAzNWMiLCJhc3NldHNVcmwiOiJodHRwczovL2Fzc2V0cy5icmFpbnRyZWVnYXRld2F5LmNvbSIsImF1dGhVcmwiOiJodHRwczovL2F1dGgudmVubW8uY29tIiwidmVubW8iOiJvZmYiLCJjaGFsbGVuZ2VzIjpbImN2diJdLCJ0aHJlZURTZWN1cmVFbmFibGVkIjpmYWxzZSwiYW5hbHl0aWNzIjp7InVybCI6Imh0dHBzOi8vY2xpZW50LWFuYWx5dGljcy5icmFpbnRyZWVnYXRld2F5LmNvbS9tM2RmczM4emQ2bjhwMzVjIn0sInBheXBhbEVuYWJsZWQiOmZhbHNlfQ==","Method":{"class":"credit-card","Account":"0000","Type":"","Last4":"0000"},"Environment":"PRODUCTION","Last4":"0000"},"ProductionTimes":[],"Shipping":{"class":"shipping","Address":{"class":"address","City":null,"Company":null,"Country":null,"Line1":null,"Line2":null,"State":null,"StateAlternative":null,"Resident":null,"Zip":null,"Compliant":false,"Null":true,"Valid":false},"Country":{"class":"shipping-country","AlternativeSpellings":"US USA United States of America","CreditCardPayments":true,"DigitalWalletCardPayments":true,"CountryCode":"US","Id":198,"International":false,"Name":"United States","PayPalPayments":true,"Type":"Country","Relevancy":3.5,"Zone":1},"Methods":[],"Region":{"class":"shipping-region","Abbr":"US","Country":"US","CountryCode":"US","FreightTaxable":false,"International":false,"Name":"United States","Region":"United States","SalesTax":0,"Zone":1},"Price":"0.00","Tracking":null},"Billing":{"class":"address","City":null,"Company":null,"Country":null,"
1692Line1":null,"Line2":null,"State":null,"StateAlternative":null,"Resident":null,"Zip":null,"Compliant":false,"Null":true,"Valid":false},"ZipException":false,"FromPortal":false,"PortalURL":"https:\/\/accounts.lettering.com\/legacy\/entrypoint\/47585831\/mSdt-5lPp4LrS8T26L7dxFWljMSCxK1ZtRJ3fLZp4XEYCfxh","PortalBaseURL":"https:\/\/accounts.lettering.com","PortalLogoutURL":"https:\/\/accounts.lettering.com\/legacy\/logout?fromCart=true","OriginalShippingZipcode":null,"OriginalShippingPrice":null,"OriginalShippingMethod":null,"OriginalShippingCountry":null,"HasBlindShipping":null,"HasBlindShippingDefault":false,"IsBlindShipping":false,"BlindShippingSettings":null,"IsImpersonating":false,"ImpersonatedVisitorId":null},"shippingMethodsDeferred":true};
1693	</script>
1693
1694	
1694<script data-cfasync="false" nonce="b4523ce3-df04-440b-a59c-23d7a7fe4e17">try{(function(w,d){!function(kP,kQ,kR,kS){if(kP.zaraz)console.error("zaraz is loaded twice");else{kP[kR]=kP[kR]||{};kP[kR].executed=[];kP.zaraz={deferred:[],listeners:[]};kP.zaraz._v="20";kP.zaraz._n="b4523ce3-df04-440b-a59c-23d7a7fe4e17";kP.zaraz.q=[];kP.zaraz._f=function(kT){return async function(){var kU=Array.prototype.slice.call(arguments);kP.zaraz.q.push({m:kT,a:kU})}};for(const kV of["track","set","debug"])kP.zaraz[kV]=kP.zaraz._f(kV);kP.zaraz.init=()=>{var kW=kQ.getElementsByTagName(kS)[0],kX=kQ.createElement(kS),kY=kQ.getElementsByTagName("title")[0];kY&&(kP[kR].t=kQ.getElementsByTagName("title")[0].text);kP[kR].x=Math.random();kP[kR].w=kP.screen.width;kP[kR].h=kP.screen.height;kP[kR].j=kP.innerHeight;kP[kR].e=kP.innerWidth;kP[kR].l=kP.location.href;kP[kR].r=kQ.referrer;kP[kR].k=kP.screen.colorDepth;kP[kR].n=kQ.characterSet;kP[kR].o=(new Date).getTimezoneOffset();if(kP.dataLayer)for(const kZ of Object.entries(Object.entries(dataLayer).reduce((k$,la)=>({...k$[1],...la[1]}),{})))zaraz.set(kZ[0],kZ[1],{scope:"page"});kP[kR].q=[];for(;kP.zaraz.q.length;){const lb=kP.zaraz.q.shift();kP[kR].q.push(lb)}kX.defer=!0;for(const lc of[localStorage,sessionStorage])Object.keys(lc||{}).filter(le=>le.startsWith("_zaraz_")).forEach(ld=>{try{kP[kR]["z_"+ld.slice(7)]=JSON.parse(lc.getItem(ld))}catch{kP[kR]["z_"+ld.slice(7)]=lc.getItem(ld)}});kX.referrerPolicy="origin";kX.src="/cdn-cgi/zaraz/s.js?z="+btoa(encodeURIComponent(JSON.stringify(kP[kR])));kW.parentNode.insertBefore(kX,kW)};["complete","interactive"].includes(kQ.readyState)?zaraz.init():kP.addEventListener("DOMContentLoaded",zaraz.init)}}(w,d,"zarazData","script");window.zaraz._p=async kH=>new Promise(kI=>{if(kH){kH.e&&kH.e.forEach(kJ=>{try{const kK=d.querySelector("script[nonce]"),kL=kK?.nonce||kK?.getAttribute("nonce"),kM=d.createElement("script");kL&&(kM.nonce=kL);kM.innerHTML=kJ;kM.onload=()=>{d.head.removeChild(kM)};d.head.appendChild(kM)}catch(kN){console.error(`Error executing script: ${kJ}\n`,kN)}});Promise.allSettled((kH.f||[]).map(kO=>fetch(kO[0],kO[1])))}kI()});zaraz._p({"e":["(function(w,d){})(window,document)"]});})(window,document)}catch(e){throw fetch("/cdn-cgi/zaraz/t"),e;};</script>
1694</head>
1695<body class="site">
1696	<svg xmlns="http://www.w3.org/2000/svg" style="display: none;" id="diyl-svg-icons" data-icon-sprite="subset" data-icon-profile="header-icons checkout-icons" aria-hidden="true"><symbol id="icon-24-bag" viewbox="0 0 24 24"><path d="M21 21.67a1 1 0 01-.75.33H3a1 1 0 01-1-1.1l.69-11.72a1 1 0 011-1h3.14V6.14C6.83 3.86 9.38 2 11.66 2s4.83 1.86 4.83 4.14v2.07h3.11a1 1 0 011 1l.69 11.72a1 1 0 01-.29.74zM14.42 6.14c0-1.14-1.62-2.07-2.76-2.07S8.9 5 8.9 6.14v2.07h5.52z"/></symbol><symbol id="icon-24-box"><path d="M0 8v15.5a.5.5 0 00.5.5h23a.5.5 0 00.5-.5V8H0zm22 13.5a.5.5 0 01-.5.5h-8a.5.5 0 01-.5-.5v-3a.5.5 0 01.5-.5h8a.5.5 0 01.5.5v3zM18.906.209A.5.5 0 0018.5 0H12v7h11.757L18.906.209zM11 .001H5.5a.5.5 0 00-.407.209L.242 7.001H11v-7z"/></symbol><symbol id="icon-24-check-circle"><path d="M12.002 0c-6.617 0-12 5.385-12 12 0 6.616 5.383 12 12 12 6.616 0 12-5.384 12-12-.001-6.615-5.384-12-12-12zm5.34 8.866L9.84 15.867a.498.498 0 01-.695-.013l-2.498-2.5a.5.5 0 01.707-.707l2.158 2.158 7.147-6.67a.5.5 0 11.683.731z"/></symbol><symbol id="icon-24-checklist"><path d="M23.5-.002H.5a.5.5 0 00-.5.5v23a.5.5 0 00.5.5h23a.5.5 0 00.5-.5v-23a.5.5 0 00-.5-.5zM3.145 6.647a.5.5 0 01.707-.001L5.5 8.293l4.646-4.647a.5.5 0 11.708.707l-5 5a.5.5 0 01-.707 0l-2.001-2a.498.498 0 01-.001-.706zm7.709 7.207l-5 5a.501.501 0 01-.707 0l-2.001-2a.5.5 0 01.707-.708L5.5 17.793l4.647-4.646a.5.5 0 11.707.707zm9.646 4.145h-8a.5.5 0 110-1h8a.5.5 0 010 1zm0-9.001h-8a.5.5 0 110-1h8a.5.5 0 010 1z"/></symbol><symbol id="icon-24-chevron-down"><path d="M8.502 9L7 10.386 12 15l5-4.614L15.498 9 12 12.228z"/></symbol><symbol id="icon-24-computer-check"><path d="M22 3H2C.897 3 0 3.937 0 5.088v14.824C0 21.063.897 22 2 22h9.5v1H5a.5.5 0 000 1h14a.5.5 0 000-1h-6.5v-1H22c1.103 0 2-.937 2-2.088V5.088C24 3.937 23.103 3 22 3zM2 4h20c.551 0 1 .488 1 1.088V17H1V5.088C1 4.488 1.449 4 2 4zm20 17H2c-.551 0-1-.488-1-1.088V18h22v1.912c0 .6-.449 1.088-1 1.088z"/><path d="M12 18.5c-.551 0-1 .449-1 1s.449 1 1 1 1-.449 1-1-.449-1-1-1zm-2.146-8.354a.5.5 0 00-.707.707l2 2a.502.502 0 00.707.001l4-4a.5.5 0 00-.707-.707L11.5 11.793l-1.646-1.647z"/><path d="M12 15.5c2.757 0 5-2.243 5-5a.5.5 0 00-1 0c0 2.206-1.794 4-4 4s-4-1.794-4-4a4.004 4.004 0 015.848-3.548.5.5 0 00.463-.887A5.006 5.006 0 007 10.5c0 2.757 2.243 5 5 5z"/></symbol><symbol id="icon-24-delete"><path d="M5 19c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2V7H5v12zM7 9h10l.001 10H7V9zm8-5h6v2H3V4h6V2h6v2zm-6 7v6h2v-6H9zm4 0v6h2v-6h-2z"/></symbol><symbol id="icon-24-design-mug"><path d="M18.5 12H18v-1.5a.5.5 0 00-.5-.5h-.276l1.279-3.387c.991-.158 1.734-1.051 1.887-2.333.196-1.64-.625-3.654-2.891-4.202a.5.5 0 00-.535.76c.528.805.209 1.283-.354 1.993-.215.272-.418.529-.542.82-.234.556-.247 1.14-.035 1.646.099.237.25.451.436.637L14.206 10H14V.5a.5.5 0 00-.5-.5h-4a.5.5 0 00-.5.5V10h-.206L6.437 5.757c-.004-.009-.014-.012-.02-.02-.007-.011-.009-.026-.017-.037a.48.48 0 00-.133-.118c-.004-.003-.005-.008-.01-.01l-.004-.004-.002-.001-2.494-1.496a.5.5 0 00-.75.511l.5 3c.001.008.005.014.007.021.004.018.011.033.016.05.008.024.012.049.023.071L4.691 10H4.5a.5.5 0 00-.5.5v11C4 22.878 5.122 24 6.5 24h9c1.378 0 2.5-1.122 2.5-2.5V19h.5c1.93 0 3.5-1.57 3.5-3.5S20.43 12 18.5 12zm-1.511-7.96c.07-.167.232-.37.403-.587.38-.48.897-1.132.84-1.982.938.639 1.277 1.748 1.165 2.69-.082.685-.447 1.484-1.208 1.484a1.5 1.5 0 01-.582-.132c-.317-.133-.543-.341-.652-.603-.109-.258-.097-.559.034-.87zm.328 2.427c.051.02.102.033.153.049L16.154 10h-.804l1.967-3.533zM10 1h3v1h-1.5a.5.5 0 000 1H13v1h-.5a.5.5 0 000 1h.5v1h-1.5a.5.5 0 000 1H13v1h-.5a.5.5 0 000 1h.5v1h-3V1zM5.105 6.046l-.747.56-.187-1.12.934.56zM4.634 7.65l1.208-.906L7.65 10H5.809L4.634 7.65zM17 21.5c0 .827-.673 1.5-1.5 1.5h-9c-.827 0-1.5-.673-1.5-1.5V11h12v10.5zm1.5-3.5H18v-5h.5c1.378 0 2.5 1.122 2.5 2.5S19.878 18 18.5 18z"/></symbol><symbol id="icon-24-edit"><path d="M20.821 3.179A3.997 3.997 0 0017.974 2a3.997 3.997 0 00-2.846 1.179L3.72 14.587s0 .003-.003.004a1.274 1.274 0 00-.26.461L2.03 20.756a.997.997 0 00.263.949l.001.001.001.001a1 1 0 00.95.264l5.703-1.427a1.266 1.266 0 00.465-.264l11.41-11.407A3.996 3.996 0 0022 6.026a4.002 4.002 0 00-1.178-2.847zm-6.41 3.549l2.863 2.863-8.568 8.568-2.863-2.863 8.568-8.568zM4.375 19.626l.595-2.374 1.78 1.781-2.375.593zM19.41 4.594c.764.765.764 2.099 0 2.864l-.719.72-2.866-2.865.721-.719c.765-.764 2.1-.765 2.864 0z"/></symbol><symbol id="icon-24-vector-pen">
1696<path d="M23.854 11.646l-2.5-2.5a.5.5 0 00-.707 0l-.896.896-5.794-5.792.896-.896a.5.5 0 000-.707l-2.5-2.5a.5.5 0 00-.707 0l-2.5 2.5a.5.5 0 000 .707l.896.896-5.792 5.793-.896-.897a.5.5 0 00-.707 0l-2.5 2.5a.5.5 0 000 .707l2.5 2.5a.502.502 0 00.707.001l2.5-2.5a.5.5 0 000-.707l-.897-.897 5.793-5.793.896.897a.502.502 0 00.708 0l.896-.897 5.793 5.793-.896.896a.5.5 0 000 .707l2.5 2.5a.502.502 0 00.707.001l2.5-2.5a.502.502 0 000-.708zM3 13.793L1.207 12 3 10.207 4.793 12 3 13.793zm9-9L10.207 3 12 1.207 13.793 3 12 4.793zm9 9L19.207 12 21 10.207 22.793 12 21 13.793z"/><path d="M17 16.5c0-2.299-3.67-7.678-4.088-8.284-.006-.01-.019-.013-.026-.022C12.794 8.079 12.659 8 12.5 8s-.294.079-.386.194c-.007.009-.02.012-.026.022C11.67 8.822 8 14.201 8 16.5c0 1.421.675 2.675 1.707 3.5H9.5a.5.5 0 00-.5.5v3a.5.5 0 00.5.5h6a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5h-.207C16.325 19.175 17 17.921 17 16.5zM15 21v2h-5v-2h5zm-6-4.5c0-1.317 1.727-4.33 3-6.334V15a.5.5 0 001 0v-4.834c1.273 2.004 3 5.017 3 6.334 0 1.93-1.57 3.5-3.5 3.5S9 18.43 9 16.5z"/></symbol></svg>
1697	<div class="wrap">
1698									<header class="header">
1699	<div class="container">
1700		<div class="header-branding">
1701			<a href="/vinyl-lettering/" class="logo" style="
1702				background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTcuMTg0IiBoZWlnaHQ9IjUwLjAxNiIgdmlld0JveD0iMCAwIDI2NzkuMjYgNTIwLjY1IiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iI2ZmZiIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNMjYzOC43OCAyNDMuODJjMTIuMTEgMCAyMS44OCA0LjIyIDI5LjMyIDEyLjY1czExLjE3IDIwLjA5IDExLjE3IDM0Ljk4djEwOC45OWMwIDguMjggMCA4LjI4LTguMjggOC4yOGwtNDIuMy0uMDRjLTguMzYuMDQtOC4zNC4wNC04LjM0LTguMjR2LTk4LjMzYzAtNS43Ni0uNzItOS43My0yLjEtMTIuMDEtMS4zOS0yLjI4LTMuMzctMy40Mi01Ljk2LTMuNDItMi45NyAwLTUuODUgMS4zNC04LjYzIDQuMDJzLTUuMzYgNi41OS03Ljc0IDExLjc2djk4LjA0YzAgOC4yMiAwIDguMjItOC4yOSA4LjIyaC00Mi4zNWMtOC4zIDAtOC4zIDAtOC4zLTguMzJ2LTk4LjI0YzAtNS43NS0uNy05Ljc3LTIuMDktMTIuMDYtMS4zOS0yLjI4LTMuMzctMy40Mi01Ljk1LTMuNDItMi45OCAwLTUuODUgMS4zNC04LjYzIDQuMDJzLTUuMzUgNi41OS03Ljc0IDExLjc2djk4LjA0YzAgOC4yMiAwIDguMjItOC4yNyA4LjIyaC00Mi4zN2MtOC4zIDAtOC4zIDAtOC4zLTguMjdWMjU4LjA5YzAtOC4zMiAwLTguMzIgOC4zLTguMzJoMzQuODhjOC4zMiAwIDguMzIgMCAxMC40MSA4LjA3bDIuMDggOC4wMWM2LjM1LTcuNzQgMTMuMjQtMTMuMzUgMjAuNjktMTYuODIgNy40NC0zLjQ3IDE1LjkzLTUuMjEgMjUuNDUtNS4yMSA4LjMzIDAgMTUuNTcgMS45OSAyMS43MyA1Ljk2IDYuMTUgMy45NyAxMC44MSA5LjYzIDEzLjk5IDE2Ljk3IDYuNzUtNy45NCAxMy44OS0xMy43NCAyMS40My0xNy40MiA3LjU0LTMuNjcgMTYuMjctNS41MSAyNi4xOS01LjUxem0tMjg0LjU1IDQyLjI3Yy03LjU0IDAtMTMgMy4zOC0xNi4zNyAxMC4xMi0zLjM3IDYuNzUtNS4wNiAxNy42Ny01LjA2IDMyLjc0IDAgMTUuNjggMS42OSAyNi44NCA1LjA2IDMzLjQ4IDMuMzcgNi42NSA4LjgzIDkuOTcgMTYuMzcgOS45N3MxMy0zLjM3IDE2LjM3LTEwLjEyIDUuMDYtMTcuNjYgNS4wNi0zMi43NGMwLTE1LjY3LTEuNjktMjYuODQtNS4wNi0zMy40OC0zLjM3LTYuNjUtOC44My05Ljk4LTE2LjM3LTkuOTh6bTAtNDIuMjdjMjUuNCAwIDQ1LjM5IDcuNDQgNTkuOTggMjIuMzMgMTQuNTggMTQuODggMjEuODcgMzYuMDEgMjEuODcgNjMuNCAwIDE3LjA2LTMuMzIgMzIuMDUtOS45NyA0NC45NC02LjY1IDEyLjktMTYuMTIgMjIuODItMjguNDIgMjkuNzctMTIuMzEgNi45NC0yNi43OSAxMC40Mi00My40NiAxMC40Mi0yNS40IDAtNDUuMzktNy40NC01OS45OC0yMi4zMi0xNC41OC0xNC44OS0yMS44Ny0zNi4wMi0yMS44Ny02My40IDAtMTcuMDcgMy4zMi0zMi4wNSA5Ljk3LTQ0Ljk0IDYuNjUtMTIuOSAxNi4xMy0yMi44MiAyOC40My0yOS43NiAxMi4zLTYuOTUgMjYuNzktMTAuNDMgNDMuNDYtMTAuNDN6bS0xMzUuNzMgMGMxOS42NCAwIDM2LjcgNS4zNiA1MS4yOCAxNS45MyA2Ljc1IDQuODkgNi43MyA0Ljg0IDEuNjUgMTEuOTZsLTE0LjggMjAuNzVjLTQuNDggNi4zMS00LjM5IDYuMjktMTEuNTkgMS45Ni02Ljk0LTQuMTctMTQuMDEtNi4yNS0yMS4xOS02LjI1LTkuMTMgMC0xNS44OCAzLjE4LTIwLjI0IDkuNTItNC4zNiA2LjM1LTYuNTQgMTcuMjctNi41NCAzMi43NCAwIDE0Ljg5IDIuMjMgMjUuMDUgNi42OSAzMC41MXMxMC45NiA4LjE5IDE5LjUgOC4xOWM0LjU2IDAgOC44My0uNzQgMTIuOC0yLjIzIDIuMjYtLjg1IDQuODUtMi4wNiA3Ljc1LTMuNjUgNy4zMS00LjAyIDcuMy00LjAyIDExLjkgMi41NWwxNS44MSAyMi41MWM0Ljk0IDcuMDMgNC45NSA3LjAyLTEuODkgMTEuNjUtMTQuNTMgOS44My0zMS4wOCAxNC43Mi00OS42NCAxNC43Mi0xNy4yNiA
1702wLTMyLjI1LTMuNTItNDQuOTQtMTAuNTctMTIuNy03LjA0LTIyLjQzLTE2Ljk2LTI5LjE3LTI5Ljc3LTYuNzUtMTIuOC0xMC4xMi0yNy40My0xMC4xMi00My45IDAtMTYuNjcgMy40Mi0zMS41NiAxMC4yNy00NC42NXMxNi41Mi0yMy4zNyAyOS4wMi0zMC44MSAyNi45OC0xMS4xNyA0My40Ni0xMS4xN3ptLTEyMC41NSAxMDkuNTRjOC41MyAwIDE1Ljc4IDMuMDMgMjEuNzMgOS4wOCA1Ljk1IDYuMDYgOC45MyAxMy4yNCA4LjkzIDIxLjU4IDAgOC4zMy0yLjk4IDE1LjUyLTguOTMgMjEuNTgtNS45NiA2LjA1LTEzLjIgOS4wOC0yMS43MyA5LjA4cy0xNS43OC0zLjAzLTIxLjczLTkuMDhjLTUuOTUtNi4wNi04LjkzLTEzLjI0LTguOTMtMjEuNThzMi45OC0xNS41MyA4LjkzLTIxLjU4IDEzLjItOS4wOCAyMS43My05LjA4ek0xNjkyLjYgMTM1LjU4YzIyLjAyIDAgMzkuMzYgNi45MSA1Mi4wMiAyMC43MSAxMi42NSAxMy44MSAxOC45OCAzMy4yIDE4Ljk4IDU4LjE4djE4MC41N2MwIDEzLjY4IDAgMTMuNjgtMTMuNzEgMTMuNjhoLTcwLjExYy0xMy44MSAwLTEzLjgxIDAtMTMuODEtMTMuNjZWMjMyLjIxYzAtOS44Ni0xLjIzLTE2LjYtMy43LTIwLjIyLTIuNDYtMy42MS02LjE2LTUuNDItMTEuMDktNS40Mi0xMC44NSAwLTIxLjg2IDguNzEtMzMuMDMgMjYuMTN2MTYyLjMzYzAgMTMuNjkgMCAxMy42OS0xMy43MiAxMy42OWgtNzAuMDhjLTEzLjgxIDAtMTMuODEgMC0xMy44MS0xMy43MlYxNTkuMjJjMC0xMy43OSAwLTEzLjc5IDEzLjc1LTEzLjc5aDU3LjljMTMuNjUtLjAzIDEzLjY0LS4wNCAxNy4wNiAxMy40MmwzLjQ5IDEzLjdjMTIuMTYtMTIuODIgMjQuNTctMjIuMTkgMzcuMjItMjguMSAxMi42NS01LjkyIDI2Ljg3LTguODggNDIuNjUtOC44OHpNMTQzMC4zMSAwYzE1Ljc4IDAgMjguODQgNS4wMSAzOS4yIDE1LjA0IDEwLjM1IDEwLjAzIDE1LjUzIDIyLjQzIDE1LjUzIDM3LjIycy01LjE3IDI3LjItMTUuNTMgMzcuMjJjLTEwLjM1IDEwLjAzLTIzLjQyIDE1LjA0LTM5LjIgMTUuMDRzLTI4Ljg0LTUuMDEtMzkuMi0xNS4wNGMtMTAuMzUtMTAuMDItMTUuNTMtMjIuNDMtMTUuNTMtMzcuMjJzNS4xOC0yNy4yIDE1LjUzLTM3LjIyUzE0MTQuNTMgMCAxNDMwLjMxIDB6bTQ4LjgxIDE1OS4xNHYyMzUuOTRjMCAxMy42NSAwIDEzLjY1LTEzLjc0IDEzLjY1aC03MC4xNWMtMTMuNzQgMC0xMy43NCAwLTEzLjc0LTEzLjgxVjE1OS4zMWMwLTEzLjg2IDAtMTMuODYgMTMuODctMTMuODZoNzAuMDJjMTMuNzQgMCAxMy43NCAwIDEzLjc0IDEzLjd6bS0xNDAuMDItMjIuMDhjNC4zNyAwIDguODIuMzkgMTMuMzUgMS4xNiAxMy40NSAyLjI5IDEzLjQ1IDIuMjkgMTEuMDcgMTYuODZsLTEwLjg4IDY3LjAzYy0yLjA0IDEyLjYtMi4wNCAxMi41Ni0xNS42NyAxMC40OC0zLjc0LS41Ny03LjMtLjg2LTEwLjY5LS44Ni0xNC40NiAwLTI1LjIzIDQuNzYtMzIuMyAxNC4zcy0xMi43NCAyMy44My0xNy4wMSA0Mi45djEwNi4xMmMwIDEzLjY5IDAgMTMuNjktMTMuNjQgMTMuNjloLTcwLjEzYy0xMy44NSAwLTEzLjg1IDAtMTMuODUtMTMuNzJWMTU5LjNjMC0xMy44NSAwLTEzLjg1IDEzLjgxLTEzLjg1aDU3Ljc2YzEzLjc3LjAyIDEzLjc4LjAzIDE1Ljg5IDEzLjUybDUuNzIgMzUuNzhjNS41OS0xNy40MiAxNC40Ni0zMS4zOSAyNi42Mi00MS45MXMyNS40Ny0xNS43OCAzOS45NC0xNS43OHpNNjkxLjgzIDQwMy4wMmMtNy41NyAzLjktMTYuMDcgNy4xMi0yNS40OCA5LjY1LTE0LjYyIDMuOTQtMjguNTEgNS45Mi00MS42NiA1LjkyLTMyLjU0LS4zMy01Ni42MS05LjQ1LTcyLjIzLTI3LjM3LTE1LjYxLTE3LjkxLTIzLjQyLTQ0LjQ1LTIzLjQyLTc5LjYzVjIxMS41SDUxMS4zYy0xMy44MSAwLTEzLjgxIDAtMTMuODEtMTMuNjd2LTM4LjcxYzAtMTMuNjggMC0xMy42OCAxMy44LTEzLjY4aDE3Ljc1di00MS40YzAtMTMuODIgMC0xMy44MiAxMy42Ny0xNS40MWw3MC4zLTguMTdjMTMuNjYtMS42MSAxMy42Ni0xLjYgMTMuNjUgMTIuMTR2NTIuODNoNDUuNDZjMTMuNzMtLjAxIDEzLjczLS4wMSAxMS42NyAxMy42bC01LjgxIDM4Ljk0Yy0yLjAyIDEzLjU2LTIuMDEgMTMuNTUtMTUuNjIgMTMuNTJoLTM1Ljd2OTkuMWMwIDExLjUgMS44MSAxOS42NCA1LjQzIDI0LjQxIDMuNjEgNC43NiA4LjcxIDcuMTUgMTUuMjggNy4xNWE0NC43NiA0NC43NiAwIDAgMCAxMS45Ni0xLjYzYzEzLjUyLTMuNzIgMTMuNTItMy43MSAxOS4wNiA2Ljk0bDE4LjkgMzYuMzJjNi43NCAxMi45NiA2Ljc0IDEyLjk0LTUuNDUgMTkuMjJ6bS0yOTUuNDItMTU3Yy0uMzMtMTUuNDQtMi43MS0yNy40NC03LjE1LTM1Ljk5cy0xMi40MS0xMi44Mi0yMy45MS0xMi44MmMtMTAuODUgMC0xOC45OCAzLjc4LTI0LjQxIDExLjM0cy04Ljk2IDIxLjItMTAuNiA0MC45Mmg2Ni4wN3YtMy40NXptOTYuMTQgMjcuNjFjMCA1LS4yNyAxMC44LS43MyAxNy4zOS0uOTUgMTMuNjYtLjk4IDEzLjY3LTE0Ljg3IDEzLjY3SDMzMC44NGMyLjYzIDE3Ljc1IDguMTQgMjkuNjcgMTYuNTIgMzUuNzQgOC4zOCA2LjA4IDIwLjQ2IDkuMTIgMzYuMjQgOS4xMiA5LjIgMCAxOC41Ny0xLjg5IDI4LjEtNS42NyA2LjI0LTIuNDcgMTIuOTEtNS44NCAxOS45OS0xMC4wNyAxMS44Ni03LjA4IDExLjg4LTcuMDkgMTkuNzcgMy42M2wyMy4wNyAzMS4xNWM4LjQ4IDExLjQ0IDguNDUgMTEuNDYtMi43NyAxOS4zMS0yOS4xNyAyMC40MS02MS42NSAzMC42Ny05Ny41MyAzMC42Ny00Ni42OCAwLTgyLjAxLTEyLjktMTA2LTM4LjctMjQtMjUuOC0zNS45OS01OS45MS0zNS45OS0xMDIuMzEgMC0yNi4zIDUuMDEtNTAuMjEgMTUuMDQtNzEuNzQgMTAuMDItMjEuNTMgMjQuOS0zOC42MiA0NC42Mi01MS4yOCAxOS43Mi0xMi42NSA0My41NS0xOC45OCA3MS40OS0xOC45OCAyNS45NiAwIDQ4LjY1IDUuNDMgNjguMDQgMTYuMjcgMTkuMzkgMTAuODUgMzQuNDMgMjYuNjMgNDUuMTEgNDcuMzMgMTAuNjkgMjAuNzEgMTYuMDIgNDUuNTIgMTYuMDIgNzQuNDV6TTEwMS41NyA3OS4zNHYyNTEuNDhoMTE1Ljk3YzEzLjcgMCAxMy43IDAgMTEuODggMTMuNjlsLTYuNzQgNTAuNjdjLTEuOCAxMy41NC0xLjggMTMuNTQtMTUuNTIgMTMuNTRIMTMuOEMwIDQwOC43MiAwIDQwOC43MiAwIDM5NVY3OS4zYzAtMTMuNzMgMC0xMy43MyAxMy43My0xMy43M2g3NC4xM2MxMy43IDAgMTMuNyAwIDEzLjcgMTMuNzd6bTk1NS4wMSAxNjYuNjhjLS4zMy0xNS40NC0yLjcxLTI3LjQ0LTcuMTUtMzUuOTlzLTEyLjQxLTEyLjgyLTIzLjkxLTEyLjgyYy0xMC44NSAwLTE4Ljk4IDMuNzgtMjQuNDEgMTEuMzRzLTguOTYgMjEuMi0xMC42IDQwLjkyaDY2LjA3di0zLjQ1em
170205Ni4xNCAyNy42MWMwIDUtLjI3IDEwLjgtLjczIDE3LjM5LS45NSAxMy42Ni0uOTggMTMuNjctMTQuODcgMTMuNjdIOTkxLjAxYzIuNjMgMTcuNzUgOC4xNCAyOS42NyAxNi41MiAzNS43NCA4LjM4IDYuMDggMjAuNDYgOS4xMiAzNi4yNCA5LjEyIDkuMiAwIDE4LjU3LTEuODkgMjguMS01LjY3IDYuMjQtMi40NyAxMi45MS01Ljg0IDE5Ljk5LTEwLjA3IDExLjg2LTcuMDggMTEuODgtNy4wOSAxOS43NyAzLjYzbDIzLjA3IDMxLjE1YzguNDggMTEuNDQgOC40NSAxMS40Ni0yLjc3IDE5LjMxLTI5LjE3IDIwLjQxLTYxLjY1IDMwLjY3LTk3LjUzIDMwLjY3LTQ2LjY4IDAtODIuMDEtMTIuOS0xMDYtMzguNy0yNC0yNS44LTM1Ljk5LTU5LjkxLTM1Ljk5LTEwMi4zMSAwLTI2LjMgNS4wMS01MC4yMSAxNS4wNC03MS43NCAxMC4wMi0yMS41MyAyNC45LTM4LjYyIDQ0LjYyLTUxLjI4IDE5LjcyLTEyLjY1IDQzLjU1LTE4Ljk4IDcxLjQ5LTE4Ljk4IDI1Ljk2IDAgNDguNjUgNS40MyA2OC4wNCAxNi4yNyAxOS4zOSAxMC44NSAzNC40MyAyNi42MyA0NS4xMSA0Ny4zMyAxMC42OSAyMC43MSAxNi4wMiA0NS41MiAxNi4wMiA3NC40NXptODk3LjMtMTA1LjczYy0xNi4xNSA0Ljc1LTM2Ljg1IDcuMTMtNjIuMDkgNy4xMyAxNy43NSA3LjU2IDMwLjczIDE2LjUyIDM4Ljk1IDI2Ljg3czEyLjMzIDI0LjQxIDEyLjMzIDQyLjE2YzAgMTYuNDMtNC43NiAzMS4zMS0xNC4zIDQ0LjYyLTkuNTMgMTMuMzEtMjMuMDkgMjMuNjctNDAuNjcgMzEuMDYtMTcuNTkgNy4zOS0zOC4yMSAxMS4wOS02MS44OCAxMS4wOS0xMi44MiAwLTIyLjE5LS40OS0yOC4xLTEuNDgtMy45NCAxLjk3LTUuOTIgNS4wOS01LjkyIDkuMzcgMCAzLjYxIDEuNjUgNi41NyA0LjkzIDguODcgMy4yOSAyLjMgMTAuMTkgMy40NSAyMC43MSAzLjQ1aDM3Ljk2YzIxLjY5IDAgNDAuNTkgMy4yOSA1Ni43IDkuODZzMjguNTEgMTUuODYgMzcuMjIgMjcuODYgMTMuMDYgMjUuNTYgMTMuMDYgNDAuNjhjMCAyOC4yNy0xMi41NyA1MC41NC0zNy43MiA2Ni44MXMtNjEuMjIgMjQuNDEtMTA4LjIyIDI0LjQxYy0zNC41MiAwLTYxLjU1LTMuNjItODEuMTEtMTAuODVzLTMzLjItMTcuMjYtNDAuOTItMzAuMDhjLTUuNzItOS41LTkuMzItMjAuNTItMTAuODEtMzMuMDgtMS42My0xMy44LTEuNjYtMTMuNzggMTIuOTQtMTMuNzZoNTkuODZjMTkuMzQuMDggOS4zNS0uNDQgMTYuMjQgMTMuNDZhMTUuODkgMTUuODkgMCAwIDAgMS4zOSAyLjMxYzIuNjMgMy42MSA3LjM5IDYuMjQgMTQuMyA3Ljg5IDYuOTEgMS42NCAxNy4yNiAyLjQ2IDMxLjA2IDIuNDYgMTcuNzUgMCAyOS42Ny0yLjA2IDM1Ljc0LTYuMTcgNi4wOC00LjExIDkuMTItOS42MSA5LjEyLTE2LjUyIDAtNS41OS0yLjIyLTEwLjE5LTYuNjUtMTMuODEtNC40NC0zLjYxLTExLjU5LTUuNDItMjEuNDUtNS40MmgtMzYuNDhjLTMwLjI0IDAtNTIuNTktNC44NS02Ny4wNi0xNC41NC0xNC40Ni05LjctMjEuNjktMjIuNDMtMjEuNjktMzguMjEgMC0xMC4xOSAzLjEyLTIwLjA1IDkuMzctMjkuNThzMTQuMy0xNy4yNiAyNC4xNi0yMy4xN2MtMTcuNzUtOS41My0zMC40MS0yMC4zOC0zNy45Ni0zMi41NC03LjU2LTEyLjE2LTExLjM0LTI2Ljk1LTExLjM0LTQ0LjM3IDAtMzEuMjIgMTEuMTctNTUuNTUgMzMuNTItNzIuOTdzNTIuNDMtMjYuMTMgOTAuMjMtMjYuMTNjMjQuOTguOTkgNDcuNDEtMi4yMiA2Ny4zLTkuNjEgMTUuOTYtNS45NCAzMS44LTEzLjY5IDQ3LjQyLTIzLjM3IDExLjU3LTcuMTcgMTEuNTktNy4xNyAxNS41OSA1LjdsMTMuMDYgNDEuODljNC4zMSAxMy44NyA0LjMxIDEzLjg2LTguOCAxNy43MXptLTEzMS42MSAzMC43OWMtOC44NyAwLTE2LjExIDIuOTYtMjEuNjkgOC44Ny01LjU5IDUuOTItOC4zOCAxNC4zLTguMzggMjUuMTUgMCAxMS44MyAyLjggMjAuNzkgOC4zOCAyNi44NyA1LjU5IDYuMDggMTIuODIgOS4xMiAyMS42OSA5LjEyIDIwLjA1IDAgMzAuMDctMTIuNDkgMzAuMDctMzcuNDcgMC0xMS41LTIuNDYtMTkuOC03LjM5LTI0LjktNC45My01LjA5LTEyLjQ5LTcuNjQtMjIuNjgtNy42NHpNODg5LjUzIDQwMy4wMmMtNy41NyAzLjktMTYuMDcgNy4xMi0yNS40OCA5LjY1LTE0LjYyIDMuOTQtMjguNTEgNS45Mi00MS42NiA1LjkyLTMyLjU0LS4zMy01Ni42MS05LjQ1LTcyLjIzLTI3LjM3LTE1LjYxLTE3LjkxLTIzLjQyLTQ0LjQ1LTIzLjQyLTc5LjYzVjIxMS41SDcwOWMtMTMuODEgMC0xMy44MSAwLTEzLjgxLTEzLjY3di0zOC43MWMwLTEzLjY4IDAtMTMuNjggMTMuOC0xMy42OGgxNy43NXYtNDEuNGMwLTEzLjgyIDAtMTMuODIgMTMuNjctMTUuNDFsNzAuMy04LjE3YzEzLjY2LTEuNjEgMTMuNjYtMS42IDEzLjY1IDEyLjE0djUyLjgzaDQ1LjQ2YzEzLjczLS4wMSAxMy43My0uMDEgMTEuNjcgMTMuNmwtNS44MSAzOC45NGMtMi4wMiAxMy41Ni0yLjAxIDEzLjU1LTE1LjYyIDEzLjUyaC0zNS43djk5LjFjMCAxMS41IDEuODEgMTkuNjQgNS40MyAyNC40MSAzLjYxIDQuNzYgOC43MSA3LjE1IDE1LjI4IDcuMTVhNDQuNzYgNDQuNzYgMCAwIDAgMTEuOTYtMS42M2MxMy41Mi0zLjcyIDEzLjUyLTMuNzEgMTkuMDYgNi45NGwxOC45IDM2LjMyYzYuNzQgMTIuOTYgNi43NCAxMi45NC01LjQ1IDE5LjIyeiIvPjwvc3ZnPg==')
1703				">Lettering.com</a>
1704		</div>
1705		<button type="button" class="header-toggle btn-unstyled"><span>Menu</span></button>
1706		<ul class="header-menu mr-auto">
1707														<li class=""><a href="/create/">Create</a></li>
1708											<li class=""><a href="/info.htm">Info</a></li>
1709											<li class=""><a href="/quote.htm">Quote/Upload</a></li>
1710											<li class=""><a href="/testimonials.htm">Testimonials</a></li>
1711											<li class=""><a href="https://accounts.lettering.com/">Account</a></li>
1712											<li class=""><a href="/contact.htm">Contact</a></li>
1713					</ul>
1714		<div data-nosnippet class="">
1715			<div class="header-bag">
1716				<a href="/checkout/" class="header-bag-link">
1717					<svg class="icon icon-36 header-bag-icon">
1718						<use href="#icon-24-bag"></use>
1719					</svg>
1720					<span class="header-bag-count">0</span>
1721					<span class="srt">items for</span>
1722					<span class="header-bag-total">$0.00</span>
1723				</a>
1724			</div>
1725		</div>
1726	</div>
1727</header>
1728				<main>
1729			<content>
1730				<style data-checkout-cart-critical>
1731	body.site {
1732		background-color: #f7f7f8;
1733	}
1734
1735	#cart.diyl-checkout {
1736		color: #191f26;
1737		font-family: "Fira Sans", Arial, sans-serif;
1738		font-size: 16px;
1739		line-height: 1.5;
1740		padding: 0;
1741	}
1742
1743	#cart.diyl-checkout.box {
1744		background: transparent;
1745		border-radius: 0;
1746		box-shadow: none;
1747		color: #191f26;
1748		padding: 0;
1749	}
1750
1751	#cart.diyl-checkout * {
1752		box-sizing: border-box;
1753	}
1754
1755	#cart.diyl-checkout img {
1756		height: auto;
1757		max-width: 100%;
1758		vertical-align: top;
1759	}
1760
1761	#cart.diyl-checkout p {
1762		margin: 0;
1763	}
1764
1765	#cart.diyl-checkout a,
1766	#cart.diyl-checkout button,
1767	#cart.diyl-checkout input,
1768	#cart.diyl-checkout select {
1769		font: inherit;
1770	}
1771
1772	#cart.diyl-checkout a {
1773		color: #168eea;
1774		text-decoration: none;
1775	}
1776
1777	#cart.diyl-checkout .section {
1778		padding-bottom: 40px;
1779		padding-top: 40px;
1780	}
1781
1782	#cart.diyl-checkout .container:not([class*="container-"]) {
1783		box-sizing: content-box;
1784		margin-left: auto;
1785		margin-right: auto;
1786		max-width: 1312px;
1787		padding-left: 16px;
1788		padding-right: 16px;
1789		position: relative;
1790		width: calc(100% - 32px);
1791	}
1792
1793	#cart.diyl-checkout .box {
1794		display: block;
1795	}
1796
1797	#cart.diyl-checkout .checkout_main,
1798	#cart.diyl-checkout .shipping {
1799		background: #fff;
1800		border-radius: 3px;
1801		box-shadow: 0 2px 4px rgba(25, 31, 38, 0.1);
1802	}
1803
1804	#cart.diyl-checkout .checkout_tabs {
1805		display: flex;
1806		font-family: "Fira Sans Condensed", Arial, sans-serif;
1807		font-size: 12px;
1808		font-weight: 500;
1809		letter-spacing: 0.1em;
1810		line-height: 24px;
1811		list-style: none;
1812		margin: 0;
1813		padding: 8px;
1814		text-align: center;
1815		text-transform: uppercase;
1816	}
1817
1818	#cart.diyl-checkout .checkout_tabs li {
1819		position: relative;
1820		width: 25%;
1821	}
1822
1823	#cart.diyl-checkout .checkout_tabs li:first-child {
1824		width: calc(25% - 8px);
1825		z-index: 40;
1826	}
1827
1828	#cart.diyl-checkout .checkout_tabs li:nth-child(2) {
1829		z-index: 30;
1830	}
1831
1832	#cart.diyl-checkout .checkout_tabs li:nth-child(3) {
1833		z-index: 20;
1834	}
1835
1836	#cart.diyl-checkout .checkout_tabs li:nth-child(4) {
1837		width: calc(25% + 8px);
1838		z-index: 10;
1839	}
1840
1841	#cart.diyl-checkout .checkout_tabs li:not(:first-child) div {
1842		padding-left: 16px;
1843	}
1844
1845	#cart.diyl-checkout .checkout_tabs li:not(:last-child) div::before,
1846	#cart.diyl-checkout .checkout_tabs li:not(:last-child) div::after {
1847		border-bottom: 24px solid transparent;
1848		border-left: 16px solid;
1849		border-top: 24px solid transparent;
1850		content: "";
1851		position: absolute;
1852		right: -16px;
1853		top: 0;
1854	}
1855
1856	#cart.diyl-checkout .checkout_tabs li:not(:last-child) div::before {
1857		border-left-color: #e8e9e9;
1858		box-shadow: -1px 0;
1859		color: #e8e9e9;
1860	}
1861
1862	#cart.diyl-checkout .checkout_tabs li:not(:last-child) div::after {
1863		border-left-color: currentColor;
1864		color: #fff;
1865		transform: translateX(-1px);
1866	}
1867
1868	#cart.diyl-checkout .checkout_tabs div {
1869		background-color: #fff;
1870		border: 1px solid #e8e9e9;
1871		color: #191f26;
1872		display: block;
1873		padding: 11px 0;
1874	}
1875
1876	#cart.diyl-checkout .checkout_tabs li:first-child div {
1877		border-radius: 2px 0 0 2px;
1878	}
1879
1880	#cart.diyl-checkout .checkout_tabs li:last-child div {
1881		border-radius: 0 2px 2px 0;
1882	}
1883
1884	#cart.diyl-checkout .checkout_tabs li.-completed:not(:first-child) div,
1885	#cart.diyl-checkout .checkout_tabs li.-active:not(:first-child) div {
1886		border-left: 0;
1887	}
1888
1889	#cart.diyl-checkout .checkout_tabs li.-completed div,
1890	#cart.diyl-checkout .checkout_tabs li.-active div {
1891		background-color: #168eea;
1892		border-color: #0f63a3;
1893		border-right: 0;
1894		color: #fff;
1895	}
1896
1897	#cart.diyl-checkout .checkout_tabs li.-completed div::before,
1898	#cart.diyl-checkout .checkout_tabs li.-active div::before {
1899		color: #0f63a3;
1900	}
1901
1902	#cart.diyl-checkout .checkout_tabs li.-completed div::after,
1903	#cart.diyl-checkout .checkout_tabs li.-active div::after {
1904		color: #168eea;
1905	}
1906
1907	#cart.diyl-checkout .cart {
1908		width: 100%;
1909	}
1910
1911	#cart.diyl-checkout .cart td {
1912		border-color: #e8e9e9;
1913		padding: 24px;
1914		vertical-align: top;
1915	}
1916
1917	#cart.diyl-checkout .cart tr.-squeegee {
1918		background-color: rgba(22, 142, 234, 0.07);
1919		text-align: center;
1920	}
1921
1922	#cart.diyl-checkout .cart tr.-squeegee .-item {
1923		text-align: center;
1924	}
1925
1926	#cart.diyl-checkout .cart tr.-squeegee img {
1927		display: block;
1928		height: auto;
1929		margin: auto;
1930		max-width: 40vw;
1931	}
1932
1933	#cart.diyl-checkout .bg-trans-squares {
1934		background-color: #fff;
1935		background-image:
1936			linear-gradient(45deg, #c6c7c9 25%, transparent 25%),
1937			linear-gradient(-45deg, #c6c7c9 25%, transparent 25%),
1938			linear-gradient(45deg, transparent 75%, #c6c7c9 75%),
1939			linear-gradient(-45deg, transparent 75%, #c6c7c9 75%);
1940		background-position: 0 0, 0 8px, 8px -8px, -8px 0;
1941		background-size: 16px 16px;
1942	}
1943
1944	#cart.diyl-checkout .font-bold {
1945		font-weight: 700;
1946	}
1947
1948	#cart.diyl-checkout .text-center {
1949		text-align: center;
1950	}
1951
1952	#cart.diyl-checkout .text-right {
1953		text-align: right;
1954	}
1955
1956	#cart.diyl-checkout .text-p1 {
1957		font-size: 20px;
1958		line-height: 1.3;
1959		margin: 0;
1960	}
1961
1962	#cart.diyl-checkout .text-h3 {
1963		font-size: 24px;
1964		line-height: 1.2;
1965	}
1966
1967	#cart.diyl-checkout .text-p4 {
1968		font-size: 14px;
1969		line-height: 1.5;
1970	}
1971
1972	#cart.diyl-checkout .text-gray {
1973		color: #6f7479;
1974	}
1975
1976	#cart.diyl-checkout .text-secondary {
1977		color: #168eea !important;
1978	}
1979
1980	#cart.diyl-checkout .text-error {
1981		color: #e51b23 !important;
1982	}
1983
1984	#cart.diyl-checkout .text-white {
1985		color: #fff !important;
1986	}
1987
1988	#cart.diyl-checkout .text-midnight {
1989		color: #191f26 !important;
1990	}
1991
1992	#cart.diyl-checkout .bg-secondary {
1993		background-color: #168eea;
1994	}
1995
1996	#cart.diyl-checkout .empty_cartOrder {
1997		padding-bottom: 80px;
1998		padding-top: 80px;
1999	}
2000
2001	#cart.diyl-checkout .text-h2 {
2002		font-size: 21.6px;
2003		font-weight: 300;
2004		line-height: 1.25;
2005	}
2006
2007	#cart.diyl-checkout .row {
2008		box-sizing: border-box;
2009		display: flex;
2010		flex: 0 1 auto;
2011		flex-flow: row wrap;
2012		margin-left: -16px;
2013		margin-right: -16px;
2014	}
2015
2016	#cart.diyl-checkout .col {
2017		box-sizing: border-box;
2018		flex: 0 0 auto;
2019		flex-basis: 0;
2020		flex-grow: 1;
2021		max-width: 100%;
2022		padding-left: 16px;
2023		padding-right: 16px;
2024	}
2025
2026	#cart.diyl-checkout .col-12 {
2027		flex-basis: 100%;
2028		max-width: 100%;
2029	}
2030
2031	#cart.diyl-checkout .srt {
2032		clip: rect(1px, 1px, 1px, 1px);
2033		height: 1px;
2034		overflow: hidden;
2035		position: absolute !important;
2036		width: 1px;
2037	}
2038
2039	#cart.diyl-checkout .icon,
2040	#cart.diyl-checkout .icon[class*="icon-"] {
2041		display: inline-block;
2042		fill: currentColor;
2043		position: relative;
2044		vertical-align: top;
2045	}
2046
2047	#cart.diyl-checkout .icon-24 {
2048		height: 24px;
2049		width: 24px;
2050	}
2051
2052	#cart.diyl-checkout .icon-48 {
2053		height: 48px;
2054		width: 48px;
2055	}
2056
2057	#cart.diyl-checkout .checkout_tabs .icon[class*="icon-"] {
2058		color: #c6c7c9;
2059		margin-right: 8px;
2060		transition: inherit;
2061	}
2062
2063	#cart.diyl-checkout .checkout_tabs li.-active .icon[class*="icon-"],
2064	#cart.diyl-checkout .checkout_tabs li.-completed .icon[class*="icon-"] {
2065		color: #0f63a3;
2066	}
2067
2068	#cart.diyl-checkout .mt-12 {
2069		margin-top: 12px;
2070	}
2071
2072	#cart.diyl-checkout .mt-8 {
2073		margin-top: 8px;
2074	}
2075
2076	#cart.diyl-checkout .mt-4 {
2077		margin-top: 4px;
2078	}
2079
2080	#cart.diyl-checkout .mt-24 {
2081		margin-top: 24px;
2082	}
2083
2084	#cart.diyl-checkout .mt-40 {
2085		margin-top: 40px;
2086	}
2087
2088	#cart.diyl-checkout .mt-16 {
2089		margin-top: 16px;
2090	}
2091
2092	#cart.diyl-checkout .m-0 {
2093		margin: 0 !important;
2094	}
2095
2096	#cart.diyl-checkout .py-8 {
2097		padding-bottom: 8px;
2098		padding-top: 8px;
2099	}
2100
2101	#cart.diyl-checkout .px-20 {
2102		padding-left: 20px;
2103		padding-right: 20px;
2104	}
2105
2106	#cart.diyl-checkout .ml-8 {
2107		margin-left: 8px;
2108	}
2109
2110	#cart.diyl-checkout .py-40 {
2111		padding-bottom: 40px;
2112		padding-top: 40px;
2113	}
2114
2115	#cart.diyl-checkout .tag {
2116		background-color: #8c8f93;
2117		border-radius: 100px;
2118		color: #fff;
2119		display: inline-block;
2120		font-size: 12px;
2121		line-height: 16px;
2122		margin: 4px 2px;
2123		padding: 2px 8px;
2124	}
2125
2126	#cart.diyl-checkout .btn {
2127		background-color: #191f26;
2128		border: 0;
2129		border-radius: 2px;
2130		color: #fff;
2131		cursor: pointer;
2132		display: inline-block;
2133		font-weight: 600;
2134		padding: 11px 23px;
2135		position: relative;
2136		text-align: center;
2137		text-decoration: none;
2138		user-select: none;
2139		vertical-align: top;
2140	}
2141
2142	#cart.diyl-checkout .btn-lg {
2143		font-size: 18px;
2144		padding: 12px 24px;
2145	}
2146
2147	#cart.diyl-checkout .btn-secondary {
2148		background-color: #168eea;
2149		border: 1px solid #0f63a3;
2150	}
2151
2152	#cart.diyl-checkout .btn-primary {
2153		background-color: #fbb030;
2154	}
2155
2156	#cart.diyl-checkout .btn-white {
2157		background-color: #fff;
2158		color: #168eea !important;
2159	}
2160
2161	#cart.diyl-checkout .btn > span {
2162		position: relative;
2163		top: 0.05em;
2164	}
2165
2166	#cart.diyl-checkout .btn-group {
2167		font-size: 0;
2168		margin-top: -8px;
2169	}
2170
2171	#cart.diyl-checkout .btn-group .btn {
2172		margin: 8px 8px 0;
2173	}
2174
2175	#cart.diyl-checkout .checkout_ctaBtn {
2176		box-shadow: 0 1px 3px rgba(25, 31, 38, 0.12);
2177		padding: 11px 23px;
2178	}
2179
2180	#cart.diyl-checkout .checkout_ctaBtn.btn-white {
2181		border: 1px solid #c6c7c9;
2182	}
2183
2184	#cart.diyl-checkout .checkout_ctaBtn.btn-secondary {
2185		border: 1px solid #0f63a3;
2186	}
2187
2188	#cart.diyl-checkout .checkout_ctaBtn[disabled] {
2189		cursor: wait;
2190		opacity: .65;
2191	}
2192
2193	#cart.diyl-checkout .checkout_ctaBtn-paypal,
2194	#cart.diyl-checkout .checkout_ctaBtn-creditCard,
2195	#cart.diyl-checkout .checkout_ctaBtn-portal {
2196		font-weight: 400;
2197	}
2198
2199	#cart.diyl-checkout .checkout_ctaBtn-paypal,
2200	#cart.diyl-checkout .checkout_ctaBtn-portal {
2201		color: #191f26 !important;
2202	}
2203
2204	#cart.diyl-checkout .checkout_paypal {
2205		background: url(/assets/img/paypal.svg) center center / contain no-repeat;
2206		display: inline-block;
2207		height: 32px;
2208		margin: -6px 0 -2px 4px;
2209		vertical-align: top;
2210		width: 124px;
2211	}
2212
2213	#cart.diyl-checkout .threeup {
2214		background-color: #fff;
2215		border-radius: 3px;
2216		box-shadow: 0 24px 32px rgba(25, 31, 38, 0.1);
2217		text-align: center;
2218	}
2219
2220	#cart.diyl-checkout .threeup-col {
2221		padding: 40px 32px;
2222	}
2223
2224	#cart.diyl-checkout .accordion {
2225		border-bottom: 1px solid #e8e9e9;
2226		text-align: left;
2227	}
2228
2229	#cart.diyl-checkout .accordion-item {
2230		border-top: 1px solid #e8e9e9;
2231	}
2232
2233	#cart.diyl-checkout .accordion-item:not(.-open) .accordion-content {
2234		height: 0;
2235		opacity: 0;
2236		overflow: hidden;
2237	}
2238
2239	#cart.diyl-checkout .accordion-title {
2240		color: #168eea;
2241		cursor: pointer;
2242		font-size: 16px;
2243		padding: 12px 32px 12px 0;
2244		position: relative;
2245	}
2246
2247	#cart.diyl-checkout .accordion-title .icon {
2248		color: #191f26;
2249		position: absolute;
2250		right: 0;
2251		top: 12px;
2252	}
2253
2254	#cart.diyl-checkout .accordion-item.-open .accordion-title {
2255		color: #191f26;
2256	}
2257
2258	#cart.diyl-checkout .rich-text > * + * {
2259		margin-top: 1.5em;
2260	}
2261
2262	#cart.diyl-checkout .rich-text ul {
2263		list-style: disc;
2264		margin-left: 2em;
2265	}
2266
2267	#cart.diyl-checkout .cart_btn {
2268		border: 1px solid #e8e9e9;
2269		font-size: 14px;
2270		line-height: 20px;
2271		padding: 7px 10px;
2272	}
2273
2274	#cart.diyl-checkout .cart_btn .icon[class*="icon-"] {
2275		left: 0 !important;
2276		margin: 0;
2277	}
2278
2279	#cart.diyl-checkout .cart_itemTotal {
2280		display: flex;
2281		height: 100%;
2282		justify-content: space-between;
2283	}
2284
2285	#cart.diyl-checkout .cart_itemActions {
2286		align-self: flex-start;
2287		display: flex;
2288		gap: 8px;
2289		margin-left: 16px;
2290	}
2291
2292	#cart.diyl-checkout .cart .-price .text-h3,
2293	#cart.diyl-checkout .cart .-total .text-h3,
2294	#cart.diyl-checkout .shipping_col:nth-child(2) {
2295		transition: color 0.15s ease, opacity 0.15s ease;
2296	}
2297
2298	#cart.diyl-checkout.-quantity-updating .cart .-price .text-h3,
2299	#cart.diyl-checkout.-quantity-updating .cart .-total .text-h3,
2300	#cart.diyl-checkout.-quantity-updating .shipping_col:nth-child(2) {
2301		color: #8a8f94;
2302		opacity: 0.65;
2303	}
2304
2305	#cart.diyl-checkout .cart .-quantity > .font-bold::after {
2306		animation: spinner-ring 0.75s linear infinite;
2307		border: 2px solid #c6c7c9;
2308		border-radius: 50%;
2309		border-top-color: #168eea;
2310		content: "";
2311		display: none;
2312		height: 16px;
2313		margin-left: 8px;
2314		vertical-align: -3px;
2315		width: 16px;
2316	}
2317
2318	#cart.diyl-checkout.-quantity-update-wait .cart_item.-quantity-updating .-quantity > .font-bold::after {
2319		display: inline-block;
2320	}
2321
2322	#cart.diyl-checkout .numberInput {
2323		display: inline-flex;
2324	}
2325
2326	#cart.diyl-checkout .numberInput button {
2327		align-items: center;
2328		background-color: #fff;
2329		border: 1px solid #c6c7c9;
2330		color: #191f26;
2331		display: flex;
2332		flex-shrink: 0;
2333		height: 40px;
2334		justify-content: center;
2335		line-height: 1;
2336		padding: 0;
2337		width: 40px;
2338	}
2339
2340	#cart.diyl-checkout .numberInput button .icon[class*="icon-"] {
2341		margin: 0;
2342	}
2343
2344	#cart.diyl-checkout .numberInput button:disabled {
2345		cursor: default;
2346		opacity: 1;
2347	}
2348
2349	#cart.diyl-checkout .numberInput button:first-child {
2350		border-radius: 3px 0 0 3px;
2351	}
2352
2353	#cart.diyl-checkout .numberInput button:last-child {
2354		border-radius: 0 3px 3px 0;
2355	}
2356
2357	#cart.diyl-checkout .numberInput input {
2358		border-radius: 0;
2359		color: #191f26;
2360		margin: 0 -1px;
2361		text-align: center;
2362	}
2363
2364	#cart.diyl-checkout .shipping_row {
2365		display: flex;
2366	}
2367
2368	#cart.diyl-checkout .shipping_row-bordered {
2369		border-top: 1px solid #e8e9e9;
2370	}
2371
2372	#cart.diyl-checkout .shipping_col {
2373		padding: 24px 32px;
2374	}
2375
2376	#cart.diyl-checkout .shipping_col:first-child {
2377		border-right: 1px solid #e8e9e9;
2378		text-align: right;
2379		width: 74%;
2380	}
2381
2382	#cart.diyl-checkout .shipping_col:nth-child(2) {
2383		text-align: left;
2384		width: 26%;
2385	}
2386
2387	#cart.diyl-checkout .shipping_country {
2388		align-items: center;
2389		display: flex;
2390		font-size: 20px;
2391		line-height: 24px;
2392		padding: 20px 32px;
2393	}
2394
2395	#cart.diyl-checkout .shipping_options {
2396		list-style: none;
2397		margin: 0;
2398		padding: 0;
2399	}
2400
2401	#cart.diyl-checkout .shipping_option .text-p1 {
2402		margin-top: 5px;
2403	}
2404
2405	#cart.diyl-checkout .input-text,
2406	#cart.diyl-checkout .input-select {
2407		background-color: #fff;
2408		border: 1px solid #c6c7c9;
2409		border-radius: 2px;
2410		color: #5c5e62;
2411		display: block;
2412		font-size: 16px;
2413		height: 40px;
2414		padding: 8px;
2415	}
2416
2417	#cart.diyl-checkout .input-select {
2418		background: url(/assets/img/select-arrow.svg) right center / 40px 40px no-repeat #fff;
2419		padding-right: 40px;
2420	}
2421
2422	#cart.diyl-checkout .p-24 {
2423		padding: 24px;
2424	}
2425
2426	#cart.diyl-checkout .pl-50 {
2427		padding-left: 50px;
2428	}
2429
2430	@keyframes spinner-ring {
2431		to {
2432			transform: rotate(360deg);
2433		}
2434	}
2435
2436	@media (max-width: 991px) {
2437		#cart.diyl-checkout .cart tr {
2438			border-top: 1px solid #e8e9e9;
2439		}
2440
2441		#cart.diyl-checkout .cart td {
2442			border-left: 0;
2443			display: block;
2444		}
2445
2446		#cart.diyl-checkout .cart td:not(.-item) {
2447			padding-top: 0;
2448		}
2449
2450		#cart.diyl-checkout .cart td.-item,
2451		#cart.diyl-checkout .cart td.-price,
2452		#cart.diyl-checkout .cart td.-quantity,
2453		#cart.diyl-checkout .cart td.-total {
2454			width: auto;
2455		}
2456
2457		#cart.diyl-checkout .cart tr.-total {
2458			text-align: center;
2459		}
2460
2461		#cart.diyl-checkout .cart tr.-total td:first-child {
2462			display: none;
2463		}
2464
2465		#cart.diyl-checkout .cart tr.-squeegee {
2466			text-align: center;
2467		}
2468
2469		#cart.diyl-checkout .cart_itemActions {
2470			align-self: flex-end;
2471		}
2472	}
2473
2474	@media (min-width: 768px) {
2475		#cart.diyl-checkout .checkout_tabs {
2476			font-size: 16px;
2477		}
2478
2479		#cart.diyl-checkout .checkout_tabs li:not(:first-child) div {
2480			padding-left: 22px;
2481		}
2482
2483		#cart.diyl-checkout .checkout_tabs li:not(:last-child) div::before,
2484		#cart.diyl-checkout .checkout_tabs li:not(:last-child) div::after {
2485			border-width: 32px 0 32px 22px;
2486			right: -22px;
2487		}
2488
2489		#cart.diyl-checkout .checkout_tabs li:first-child {
2490			width: calc(25% - 11px);
2491		}
2492
2493		#cart.diyl-checkout .checkout_tabs li:nth-child(4) {
2494			width: calc(25% + 11px);
2495		}
2496
2497		#cart.diyl-checkout .checkout_tabs div {
2498			padding: 19px 0;
2499		}
2500
2501		#cart.diyl-checkout .checkout_ctaBtn {
2502			font-size: 22px;
2503			padding: 19px 31px;
2504		}
2505
2506		#cart.diyl-checkout .checkout_ctaBtn.px-20 {
2507			padding-left: 20px;
2508			padding-right: 20px;
2509		}
2510
2511		#cart.diyl-checkout .checkout_ctaBtn.py-8 {
2512			padding-bottom: 8px;
2513			padding-top: 8px;
2514		}
2515
2516		#cart.diyl-checkout .text-h2 {
2517			font-size: 28.8px;
2518		}
2519	}
2520
2521	@media (min-width: 992px) {
2522		#cart.diyl-checkout .cart tr.-squeegee {
2523			text-align: left;
2524		}
2525
2526		#cart.diyl-checkout .cart td {
2527			border-top: 1px solid #e8e9e9;
2528			padding: 32px;
2529		}
2530
2531		#cart.diyl-checkout .cart td.-item {
2532			text-align: left;
2533			width: 40%;
2534		}
2535
2536		#cart.diyl-checkout .cart td.-price {
2537			width: 17%;
2538		}
2539
2540		#cart.diyl-checkout .cart td.-quantity {
2541			min-width: 200px;
2542		}
2543
2544		#cart.diyl-checkout .cart td.-total {
2545			width: 26%;
2546		}
2547
2548		#cart.diyl-checkout .cart td.-squeegeeAdd {
2549			width: 34%;
2550		}
2551
2552		#cart.diyl-checkout .cart td + td {
2553			border-left: 1px solid #e8e9e9;
2554		}
2555	}
2556
2557	@media (min-width: 576px) {
2558		#cart.diyl-checkout .container:not([class*="container-"]) {
2559			padding-left: 32px;
2560			padding-right: 32px;
2561			width: calc(100% - 64px);
2562		}
2563
2564		#cart.diyl-checkout .threeup {
2565			display: flex;
2566		}
2567
2568		#cart.diyl-checkout .threeup-col {
2569			flex-basis: 33.33%;
2570		}
2571
2572		#cart.diyl-checkout .threeup-col + .threeup-col {
2573			border-left: 1px solid #e8e9e9;
2574		}
2575
2576		#cart.diyl-checkout .col-sm-7 {
2577			flex-basis: 58.333333%;
2578			max-width: 58.333333%;
2579		}
2580
2581		#cart.diyl-checkout .col-sm-5 {
2582			flex-basis: 41.666667%;
2583			max-width: 41.666667%;
2584		}
2585	}
2586
2587	@media (max-width: 575px) {
2588		#cart.diyl-checkout .shipping_country {
2589			display: block;
2590		}
2591
2592		#cart.diyl-checkout .shipping_country select {
2593			margin-top: 16px;
2594		}
2595	}
2596</style>
2597		<div class="diyl-checkout box" id="cart">
2598								
2599			<div class="section empty_cartOrder bg-secondary text-center">
2600				<div class="container">
2601					<h1 class="text-h2 text-white">You have no items in your shopping cart.</h1>
2602					<div class="threeup mt-40">
2603						<div class="threeup-col">
2604							<svg class="icon icon-24 icon-48 text-secondary" viewBox="0 0 24 24" aria-hidden="true"><use href="#icon-24-computer-check" xlink:href="#icon-24-computer-check"></use></svg>
2605							<h2 class="text-p1 text-midnight mt-24">Use Our Online Design Tool</h2>
2606							<p class="text-p4 mt-16">
2606Create your own lettering online. Choose any size, color, effect, and compare hundreds of font styles. This is the fastest way to get your lettering.</p>
2607							<a href="/create/" class="btn btn-primary mt-24"><span>Design Online</span></a>
2608						</div>
2609						<div class="threeup-col">
2610							<svg class="icon icon-24 icon-48 text-secondary" viewBox="0 0 24 24" aria-hidden="true"><use href="#icon-24-design-mug" xlink:href="#icon-24-design-mug"></use></svg>
2611							<h2 class="text-p1 text-midnight mt-24">Let Us Design it For You!</h2>
2612							<p class="text-p4 mt-16">Let us know what you are looking for and let us help you with your lettering design. You can upload a logo file or search from millions of graphic images.</p>
2613							<a href="/vinyl-lettering-quote.htm" class="btn btn-primary mt-24"><span>Request a Quote</span></a>
2614						</div>
2615						<div class="threeup-col">
2616							<svg class="icon icon-24 icon-48 text-secondary" viewBox="0 0 24 24" aria-hidden="true"><use href="#icon-24-vector-pen" xlink:href="#icon-24-vector-pen"></use></svg>
2617							<h2 class="text-p1 text-midnight mt-24">Submit Vector Artwork</h2>
2618							<p class="text-p4 mt-16">Would you rather create lettering with your own graphic design programs? Submit your files here and get a quote for your custom artwork.</p>
2619							<a href="/ready-artwork.htm" class="btn btn-primary mt-24"><span>Submit Your Artwork</span></a>
2620						</div>
2621					</div>
2622				</div>
2623			</div>			
2624			<div class="section py-40">
2625				<div class="container">
2626					<ul class="accordion">
2627						<li class="accordion-item -open">
2628							<h2 class="accordion-title"><span>What is Do It Yourself Vinyl Lettering and how can I use it?</span><svg class="icon icon-24" viewBox="0 0 24 24" aria-hidden="true"><use href="#icon-24-chevron-down" xlink:href="#icon-24-chevron-down"></use></svg></h2>
2629							<div class="accordion-content rich-text">
2630								<p>Our custom vinyl lettering is self-adhesive and works great cars, boats, storefront windows, walls, mailboxes, and almost any sign surface.</p>
2631								<p>With Do-It-Yourself Vinyl Lettering:</p>
2632								<ul>
2633									<li>It's fun and easy to order and apply yourself.</li>
2634									<li>Vinyl comes pre-spaced on one sheet of backing paper to install in one application.</li>
2635									<li>You can achieve professional results and save money by installing yourself.</li>
2636									<li>Vinyl lettering is one of the most cost effective forms of advertising.</li>
2637									<li>We replace any lettering you do not install correctly at no charge.</li>
2638									<li>Order online and get it fast! Order by 1:00pm Eastern Time and select USPS Priority or any of the UPS/FedEx options and the order ships the same day.</li>
2639								</ul>
2640							</div>
2641						</li>
2642						<li class="accordion-item">
2643							<h2 class="accordion-title"><span>How much does the lettering cost?</span><svg class="icon icon-24" viewBox="0 0 24 24" aria-hidden="true"><use href="#icon-24-chevron-down" xlink:href="#icon-24-chevron-down"></use></svg></h2>
2644							<div class="accordion-content rich-text">
2645								<p>If you design the lettering online, the price is shown on the Purchase tab and updates with every change you make to the design. The price shown is for 1 copy of what shown in the on screen preview. If you need 2 or more copies of the lettering you can specify how many you need on the Purchase tab as well. If you have a graphic, logo, or need a custom lettering layout, you can submit a quote request on the graphics page.</p>
2646							</div>
2647						</li>
2648						<li class="accordion-item">
2649							<h2 class="accordion-title"><span>How soon can I get the custom vinyl lettering?</span><svg class="icon icon-24" viewBox="0 0 24 24" aria-hidden="true"><use href="#icon-24-chevron-down" xlink:href="#icon-24-chevron-down"></use></svg></h2>
2650							<div class="accordion-content rich-text">
2651								<p>Most orders designed online are produced and shipped within one business day. Same day production is available on most orders placed before 1:30pm EST. Not every shipping option is available for all orders and shipping zip codes. Enter your zip code to show the available shipping options and estimated delivery dates.</p>
2652								<p>Custom requests usually take 1-3 days to produce.</p>
2653							</div>
2654						</li>
2655						<li class="accordion-item">
2656							<h2 class="accordion-title"><span>What if I have any problems with the lettering?</span><svg class="icon icon-24" viewBox="0 0 24 24" aria-hidden="true"><use href="#icon-24-chevron-down" xlink:href="#icon-24-chevron-down"></use></svg></h2>
2657							<div class="accordion-content rich-text">
2658								<p>
2658If you have any problems installing your vinyl, I'll send you a free replacement. Please contact us and we'll be glad to help in any way we can.</p>
2659								<p>See: Installation Guarantee and Vinyl Warranty</p>
2660							</div>
2661						</li>
2662					</ul>
2663				</div>
2664			</div>			</div>
2665			</content>
2666		</main>
2667	</div>
2668	<footer class="footer">
2669	<div class="container">
2670		<div class="footer-columns mt-40">
2671			<div class="footer-col">
2672				<h2 class="text-h5">
2673					<span class="font-bold">Order Vinyl Lettering</span>
2674				</h2>
2675
2676				<div class="mt-10">
2677                    <a href="/create/" class=""><span>Design Online</span></a><br>
2678                    <a href="/design/" class="hidden lg:inline"><span>Advanced Designer</span></a><br class="hidden lg:inline">
2679                    <a href="/ready-artwork.htm" class=""><span>Upload PDF File / Instant Quote</span></a><br>
2680					<a href="/vinyl-lettering-quote.htm" class=""><span>Request Quote</span></a><br>
2681					<a href="/high-volume.htm" class=""><span>Production Facility / Capabilities</span></a><br>
2682				</div>
2683			</div>
2684			<div class="footer-col">
2685				<h2 class="text-h5">
2686					<span class="font-bold">Installation</span>
2687				</h2>
2688
2689                <div class="mt-10">
2690                    <a href="/info.htm">General Installation Instructions</a>
2691                    <br>
2692                    <a href="/installation-instructions-cut-apart.htm">Cut Apart Technique</a>
2693                    <br>
2694                    <a href="/installation-instructions-hinge.htm">Hinge in the Middle</a>
2695                    <br>
2696                    <a href="/installation-instructions-wet.htm">Wet Install Method</a>
2697                </div>
2698
2699			</div>
2700			<div class="footer-col">
2701				<h2 class="text-h5">
2702					<span class="font-bold">Resources</span>
2703				</h2>
2704
2705				<div class="mt-10">
2706					<a href="/install-guarantee.htm">100% Install Guarantee</a> / <a href="/vinyl-warranty.htm">Warranty</a>
2707					<br>
2708					<a href="/testimonials.htm">Testimonials</a>
2709					<br>
2710					<a href="/wholesale.htm">Wholesale Program</a>
2711					<br>
2712					<a href="/about-us.htm" class=""><span>About Us</span></a>
2713					<br>
2714					<a href="/faq.htm">Frequently Asked Questions</a>
2715				</div>
2716			</div>
2717			<div class="footer-col">
2718				<h2 class="text-h5">
2719					<span class="font-bold">Contact</span>
2720				</h2>
2721
2722				<div class="mt-10">
2723					<a href="/contact.htm">Contact Us</a>
2724					<br>
2725					<a href="tel:8005503883">Call 800-550-3883</a>
2726					<br>
2727				</div>
2728
2729				<h2 class="mt-16 text-h5">
2730					<span class="font-bold">Account</span>
2731				</h2>
2732
2733				<div class="mt-10">
2734					<a href="https://accounts.lettering.com/login">Account Login</a>
2735					<br>
2736				</div>
2737
2738			</div>
2739
2740		</div>
2741
2742		<p>
2743			Copyright &copy; 2026 Lettering.com Inc.
2744			<span class="footer_sep"></span>
2745			<a href="/privacy-policy.htm">Privacy Policy</a>
2746			<span class="footer_sep"></span>
2747			<a href="/terms-of-service.htm">Terms</a>
2748							<span class="visitor">
2749				Visitor ID:
2750				<span class="visitorid">
2751					caq0r4-d49q6e				</span>
2752			</span>
2753				</p>
2754
2755
2756	</div>
2757</footer>
2758		<!--Start of Tawk.to Script (deferred for Core Web Vitals)-->
2759
2760	<style>
2761		@media print {
2762			iframe[src*="tawk.to"],
2763			iframe[src*="tawkcdn.com"],
2764			iframe[title="chat widget"] {
2765				display: none !important;
2766				visibility: hidden !important;
2767			}
2768		}
2769	</style>
2770
2771	
2771<script type="text/javascript">
2772		var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
2773
2774		(function(){
2775			var tawkLoaded = false;
2776
2777			function loadTawk() {
2778				if (tawkLoaded) return;
2779				tawkLoaded = true;
2780
2781				window.Tawk_API.onLoad = function(){
2782					window.Tawk_API.setAttributes({
2783						'visitorId'    : 'caq0r4-d49q6e',
2784					}, function(error){});
2785				};
2786
2787				var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
2788				s1.async=true;
2789				if(window.location.href.includes('lettering.com')) {
2790					s1.src='https://embed.tawk.to/5c084962fd65052a5c93f42c/default'; // live widget
2791				} else {
2792					s1.src = 'https://embed.tawk.to/62a7b457b0d10b6f3e772bf1/1g5fhgtlr'; // dev widget
2793				}
2794
2795				s1.charset='UTF-8';
2796				s1.setAttribute('crossorigin','*');
2797				s0.parentNode.insertBefore(s1,s0);
2798			}
2799
2800			// Load after window.load + requestIdleCallback, or on chat intent
2801			function scheduleLoad() {
2802				if ('requestIdleCallback' in window) {
2803					requestIdleCallback(loadTawk, { timeout: 8000 });
2804				} else {
2805					setTimeout(loadTawk, 4000);
2806				}
2807			}
2808
2809			if (document.readyState === 'complete') {
2810				scheduleLoad();
2811			} else {
2812				window.addEventListener('load', scheduleLoad);
2813			}
2814
2815			// Also load on any chat-intent interaction (scroll, click, touch, keydown)
2816			var intentEvents = ['scroll', 'click', 'touchstart', 'keydown'];
2817			function onIntent() {
2818				loadTawk();
2819				intentEvents.forEach(function(evt) {
2820					window.removeEventListener(evt, onIntent);
2821				});
2822			}
2823			intentEvents.forEach(function(evt) {
2824				window.addEventListener(evt, onIntent, { once: true, passive: true });
2825			});
2826		})();
2827
2828		let chatId = sessionStorage.getItem("chatId");
2829
2830		window.Tawk_API.onOfflineSubmit = function(data){
2831			window.Tawk_API.setAttributes({
2832				'visitorId'    : 'caq0r4-d49q6e',
2833			}, function(error){});
2834
2835			let message = "";
2836			try {
2837				message = data.questions.filter(el => el.label === "Message")[0].answer
2838			} catch (e) {
2839			}
2840
2841			let phone = "";
2842			try {
2843				phone = data.questions.filter(el => el.label === "Phone")[0].answer
2844			} catch (e) {
2845			}
2846
2847			postChatEvent({
2848				"event": "chat:offline_submit",
2849				"chatId": "offline",
2850				"time": new Date().toUTCString(),
2851				"message" : {
2852					"text": message,
2853					"type" : "msg",
2854					"sender" : {
2855						"type" : "visitor"
2856					}
2857				},
2858				"visitor" : {
2859					"name" : data.name,
2860					"email": data.email,
2861					"phone": phone
2862				}
2863			})
2864		};
2865
2866		window.Tawk_API.onVisitorNameChanged = function (visitorName) {
2867			postChatEvent({
2868				"event": "chat:visitor_name_changed",
2869				"chatId": chatId,
2870				"time": new Date().toUTCString(),
2871				"visitor" : {
2872					"name" : visitorName,
2873				}
2874			})
2875		};
2876
2877		window.Tawk_API.onAgentJoinChat = function (data) {
2878			postChatEvent({
2879				"event": "chat:agent_join",
2880				"chatId": chatId,
2881				"time": new Date().toUTCString(),
2882				"agent" : data
2883			})
2884		};
2885
2886		window.Tawk_API.onAgentLeaveChat = function (data) {
2887			postChatEvent({
2888				"event": "chat:agent_leave",
2889				"chatId": chatId,
2890				"time": new Date().toUTCString(),
2891				"agent" : data
2892			})
2893		};
2894
2895
2896		window.Tawk_API.onChatSatisfaction = function (data) {
2897			postChatEvent({
2898				"event": "chat:satisfaction",
2899				"chatId": chatId,
2900				"time": new Date().toUTCString(),
2901				"satisfaction" : data
2902			})
2903		};
2904
2905		window.Tawk_API.onFileUpload = function (data) {
2906			postChatEvent({
2907				"event": "chat:file_upload",
2908				"chatId": chatId,
2909				"time": new Date().toUTCString(),
2910				"link" : data.split('/').pop()
2911			})
2912		};
2913
2914		window.Tawk_API.onChatStarted = function (data) {
2915			chatId = data.chatId;
2916			sessionStorage.setItem("chatId", chatId);
2917
2918			window.Tawk_API.setAttributes({
2919				'visitorId'    : 'caq0r4-d49q6e',
2920			}, function(error){});
2921		};
2922
2923		window.Tawk_API.onChatMessageVisitor = function (message) {
2924			if (chatId === null) {
2925				// When a new chat is started, Tawk fires the onChatMessageVisitor event before onChatStarted event
2926				setTimeout(() => {
2927					handleChatMessageEvent(message, "visitor");
2928				}, 1000)
2929			} else {
2930				handleChatMessageEvent(message, "visitor");
2931			}
2932		};
2933
2934		window.Tawk_API.onChatMessageAgent = function (message) {
2935			handleChatMessageEvent(message, "agent");
2936		};
2937
2938
2939		function handleChatMessageEvent(message, sender) {
2940			postChatEvent({
2941				"event": "chat:message",
2942				"chatId": chatId,
2943				"time": new Date().toUTCString(),
2944				"message" : {
2945					"text" : message,
2946					"type" : "msg",
2947					"sender" : {
2948						"type" : sender
2949					}
2950				}
2951			})
2952		}
2953
2954		function postChatEvent(eventData) {
2955			if(eventData.chatId !== null) {
2956				$.ajax('/tawk-chat-handler.htm', {
2957					data: JSON.stringify(eventData),
2958					contentType: 'application/json',
2959					type: 'POST'
2960				})
2961			}
2962		}
2963	</script>
2963
2964    <!--End of Tawk.to Script-->
2965
2966	
2966<script type="text/javascript">
2967		let clickTime = 0;
2968		let navigation = false;
2969
2970		// Event listener to detect document clicks and store the time
2971		document.addEventListener('click', function () {
2972			clickTime = Date.now();
2973		});
2974		window.onbeforeunload = function () {
2975			// Calculate the time elapsed since the last click
2976			const currentTime = Date.now();
2977			const timeElapsed = currentTime - clickTime;
2978
2979			// Check if the time elapsed is less than 3 seconds
2980			if (timeElapsed < 300) {
2981				navigation = true;
2982			}
2983		}
2984		document.onvisibilitychange = function () {
2985			if(!navigation) {
2986				var beacon = navigator.sendBeacon("/api/sessiondata/", document.visibilityState);
2987			}
2988
2989		};
2990	</script>
2990
2991
2992
2993<script defer type="text/javascript" src="https://unpkg.com/[email protected]/dist/index.umd.js"></script>
2993
2994
2995	
2995<script>
2996		document.addEventListener('DOMContentLoaded', function() {
2997			document.querySelectorAll('a').forEach(function(anchor) {
2998				if (!anchor.hasAttribute('tabindex')) {
2999					anchor.setAttribute('tabindex', '0');
3000				}
3001			});
3002
3003			document.querySelectorAll('button').forEach(function(button) {
3004				if (!button.hasAttribute('tabindex')) {
3005					button.setAttribute('tabindex', '0');
3006				}
3007			});
3008		});
3009	</script>
3009
3010
3011		
3011<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"5cb7666ede7c4163889a24e15db1c8c1","spa":2}' crossorigin="anonymous"></script>
3011
3012</body>
3013</html>
3014

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.