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>†</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:  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)">›</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>†</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"> {{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"> {{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 © 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.