1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<meta charset="UTF-8"> 5<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0"> 6<title>Window Tinting Oklahoma City, OK | Oklahoma City's #1 Tint Shop â Elite Tint OKC</title> 7<meta name="description" content="Oklahoma City's #1 window tinting. Elite Tint OKC â XPEL certified. 98% heat rejection, lifetime warranty. 500+ 5-star reviews. Serving Edmond, Yukon, Mustang, Moore and Midwest City. (405) 256-8035."> 8<meta name="robots" content="index,follow"> 9<meta property="og:title" content="Oklahoma City's #1 Window Tinting | Elite Tint OKC"> 10<meta property="og:image" content="https://elitetintokc.com/og-image.jpg"> 11<meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"> 12<meta property="og:url" content="https://elitetintokc.com/window-tinting-oklahoma-city-ok"> 13<meta property="og:type" content="website"> 14<meta name="twitter:card" content="summary_large_image"> 15<meta name="twitter:image" content="https://elitetintokc.com/og-image.jpg"> 16<link rel="canonical" href="https://elitetintokc.com/window-tinting-oklahoma-city-ok"> 17<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 18<link rel="apple-touch-icon" href="/apple-touch-icon.png"> 19<style> 20 21:root{--gd:#C8973A;--gd-lt:#E0AF58;--bk:#080808;--bg:#0D0D0D;--bg2:#161616;--bg3:#1E1E1E;--bg4:#272727;--line:rgba(255,255,255,.07);--line-gd:rgba(200,151,58,.2);--text:#F0EDE6;--muted:#b0b0b0;--mid:#c0c0c0;--fd:Impact,'Arial Narrow',Arial,sans-serif;--fb:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif} 22*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth} 23body{font-family:var(--fb);background:var(--bg);color:var(--text);overflow-x:hidden;padding-bottom:60px} 24img{display:block;max-width:100%}a{color:inherit;text-decoration:none} 25.wrap{max-width:1380px;margin:0 auto;padding:0 2.5rem} 26.eyebrow{display:flex;align-items:center;gap:.6rem;font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gd);margin-bottom:1.2rem} 27.eyebrow::before{content:'';width:24px;height:1px;background:var(--gd)} 28.sec-title{font-family:var(--fd);font-size:clamp(2.4rem,4.5vw,4.5rem);line-height:.93;letter-spacing:.02em} 29.sec-title span{color:var(--gd)} 30.page{display:none;min-height:100vh}.page.active{display:block}.page-pt{padding-top:100px;min-height:100vh} 31.ticker{background:var(--gd);padding:.65rem 0;overflow:hidden;white-space:nowrap} 32.ticker-track{display:inline-flex;animation:tick 28s linear infinite;will-change:transform} 33.ti{font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--bk);padding:0 1.75rem} 34.ti::after{content:'â';margin-left:1.75rem;font-size:.5rem;vertical-align:middle;opacity:.6} 35@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}} 36.page-hero{position:relative;height:380px;display:flex;align-items:flex-end;overflow:hidden} 37.ph-bg{position:absolute;inset:0;background-size:cover;background-position:center} 38.ph-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,8,8,1) 0%,rgba(8,8,8,.55) 55%,rgba(8,8,8,.2) 100%)} 39.ph-body{position:relative;z-index:2;padding:1.5rem 2.5rem 3rem;width:100%} 40.ph-tag{font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#d4a843;display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem} 41.ph-tag::before{content:'';width:24px;height:1px;background:var(--gd)} 42.bc{font-size:.72rem;color:var(--muted);display:flex;align-items:center;gap:.5rem;margin-top:.75rem;flex-wrap:wrap} 43.bcl{cursor:pointer;color:var(--muted);transition:color .2s}.bcl:hover{color:var(--gd)}.bc-sep{color:var(--gd)} 44.cta-strip{padding:5rem 0;background:var(--gd);position:relative;overflow:hidden} 45.cta-i{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;position:relative;z-index:1} 46.feat{padding:1.4rem 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:start;transition:border-color .2s} 47.feat:last-child{border-bottom:1px solid var(--line)}.feat:hover{border-top-color:var(--line-gd)} 48.feat-title{font-size:.9rem;font-weight:600;margin-bottom:.3rem} 49.feat-desc{font-size:.85rem;line-height:1.6;color:var(--muted)} 50.feat-val{font-family:var(--fd);font-size:1.5rem;color:rgba(200,151,58,.35);line-height:1} 51.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;background:var(--line)} 52.svc-card{background:var(--bg);position:relative;overflow:hidden;transition:background .25s;cursor:pointer;-webkit-tap-highlight-color:transparent} 53.svc-card:hover{background:var(--bg2)} 54.svc-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gd);
54transform:scaleX(0);transform-origin:left;transition:transform .35s} 55.svc-card:hover::after{transform:scaleX(1)} 56.svc-card-img{height:200px;overflow:hidden}.svc-card-img img{width:100%;height:100%;object-fit:cover;object-position:center center}.svc-card-img img{width:100%;height:100%;object-fit:cover;object-position:center 35%} 57.svc-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s} 58.svc-card:hover .svc-card-img img{transform:scale(1.04)} 59.svc-card-body{padding:1.75rem} 60.svc-card-tag{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem} 61.svc-card-body h3{font-family:var(--fd);font-size:1.55rem;letter-spacing:.02em;margin-bottom:.6rem} 62.svc-card-body p{font-size:.85rem;line-height:1.6;color:var(--muted);margin-bottom:1.25rem} 63.svc-card-links{display:flex;gap:1rem;align-items:center} 64.mini-btn{background:var(--gd);color:#000;border:none;padding:.5rem 1.1rem;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-family:var(--fb);transition:background .2s} 65.mini-btn:hover{background:var(--gd-lt)} 66.faq-item{border-bottom:1px solid var(--line);overflow:hidden} 67.faq-q{width:100%;padding:1.25rem 0;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:none;border:none;color:var(--text);cursor:pointer;text-align:left;font-family:var(--fb);font-size:.95rem;font-weight:500} 68.faq-q:hover{color:var(--gd)} 69.faq-icon{width:22px;height:22px;flex-shrink:0;border:1px solid var(--line-gd);display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--gd);transition:transform .25s;border-radius:50%} 70.faq-item.open .faq-icon{transform:rotate(45deg)} 71.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .25s} 72.faq-item.open .faq-a{max-height:800px;padding-bottom:1.25rem} 73.faq-a p{font-size:.9rem;line-height:1.75;color:var(--mid)} 74.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--gd);color:var(--bk);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:1rem 2.2rem;border:none;cursor:pointer;transition:background .2s,transform .15s;font-family:var(--fb);box-shadow:0 4px 20px rgba(200,151,58,.35)} 75.btn-gold:hover{background:var(--gd-lt);transform:translateY(-2px)} 76.btn-hero{padding:1.1rem 2.4rem;font-size:.82rem} 77.btn-ol-gd{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:2px solid var(--gd);color:var(--gd);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:1rem 2rem;background:transparent;cursor:pointer;transition:all .2s;font-family:var(--fb)} 78.btn-ol-gd:hover{background:var(--gd);color:var(--bk)} 79.btn-bk{background:var(--bk);color:var(--gd);font-family:var(--fb);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:1rem 2rem;border:2px solid rgba(200,151,58,.3);cursor:pointer;transition:all .2s} 80.btn-bk:hover{border-color:var(--gd)} 81.btn-bk-ol{border:2px solid var(--bk);color:var(--bk);font-family:var(--fb);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:1rem 2rem;display:inline-flex;align-items:center;background:transparent;cursor:pointer} 82.tag-btn{font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--bg4);border:none;padding:.35rem .75rem;cursor:pointer;font-family:var(--fb);transition:all .2s} 83.tag-btn:hover{color:var(--gd);background:rgba(200,151,58,.08)} 84#nav{position:fixed;top:0;left:0;right:0;z-index:500;overflow:visible} 85#nav-top{background:#060606;border-bottom:1px solid rgba(200,151,58,.1);padding:0 2.5rem;height:30px;display:flex;align-items:center;justify-content:space-between} 86.nt-soc{width:20px;height:20px;border:1px solid rgba(200,151,58,.2);display:flex;align-items:center;justify-content:center;color:var(--gd);transition:background .2s} 87.nt-soc:hover{background:rgba(200,151,58,.12)} 88#nav-main{background:#060606;border-bottom:none;padding:0 2.5rem;height:70px;display:flex;align-items:center;gap:2rem;position:relative} 89.nav-logo{display:flex;align-items:center;cursor:pointer;background:transparent} 90.nav-logo img{height:52px;width:auto;object-fit:contain;filter:drop-shadow(0 0 8px rgba(200,151,58,.35))} 91.nav-links{display:flex;align-items:center;list-style:none;height:70px;gap:0} 92.nav-links>li{height:100%;display:flex;align-items:center;position:relative} 93.nav-links>li>a{display:flex;align-items:center;gap:.25rem;height:100%;padding:0 1rem;font-size:.73rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
93color:var(--mid);transition:color .2s;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-2px} 94.nav-links>li>a:hover,.nav-links>li>a.active{color:var(--gd);border-bottom-color:var(--gd)} 95.arr{font-size:.55rem;transition:transform .2s} 96.nav-links>li.open>a .arr{transform:rotate(180deg)} 97.svc-mega{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);width:580px;z-index:600} 98.svc-mega-inner{background:#0f0f0f;border:1px solid rgba(200,151,58,.3);border-top:2px solid var(--gd);display:grid;grid-template-columns:1fr 1fr;box-shadow:0 24px 64px rgba(0,0,0,.8)} 99.mega-item{display:flex;align-items:flex-start;gap:.85rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .15s} 100.mega-item:hover{background:rgba(200,151,58,.07)} 101.mega-item:nth-child(odd){border-right:1px solid rgba(255,255,255,.04)} 102.mega-icon{width:36px;height:36px;background:rgba(200,151,58,.1);border:1px solid rgba(200,151,58,.2);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0} 103.mega-text h4{font-size:.78rem;font-weight:600;color:var(--text);letter-spacing:.04em;margin-bottom:.18rem} 104.mega-text p{font-size:.7rem;color:var(--muted);line-height:1.4} 105.mega-item:hover .mega-text h4{color:var(--gd)} 106.nav-r{display:flex;align-items:center;gap:.6rem} 107.nav-links{flex:1;justify-content:space-evenly} 108.nav-call-btn{display:inline-flex;align-items:center;gap:.45rem;border:1.5px solid var(--gd);background:transparent;color:var(--gd);font-size:.75rem;font-weight:700;letter-spacing:.07em;padding:.48rem 1.1rem;cursor:pointer;font-family:var(--fb);transition:all .2s;text-decoration:none;white-space:nowrap} 109.nav-call-btn:hover{background:var(--gd);color:var(--bk)} 110.nav-quote-btn{background:var(--gd);color:var(--bk);border:none;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;padding:.52rem 1.3rem;cursor:pointer;font-family:var(--fb);transition:background .2s;box-shadow:0 2px 12px rgba(200,151,58,.3)} 111.nav-quote-btn:hover{background:var(--gd-lt)} 112.ham{display:none;background:none;border:none;cursor:pointer;color:var(--text);font-size:1.5rem;line-height:1;padding:.2rem} 113#mob-nav{display:none;position:fixed;top:70px;left:0;right:0;bottom:0;background:#060606;z-index:600;overflow-y:auto;padding:1.25rem 1.5rem;flex-direction:column;border-top:1px solid var(--line-gd)} 114.mob-l{display:block;width:100%;padding:.9rem 0;font-size:.88rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mid);border-bottom:1px solid var(--line);cursor:pointer;background:none;border-left:none;border-right:none;border-top:none;font-family:var(--fb);text-align:left} 115.mob-l:hover{color:var(--gd)} 116.mob-svc-list{display:none;flex-direction:column;background:rgba(200,151,58,.04);border-left:2px solid var(--gd);margin-left:1rem;padding-left:1rem;padding-bottom:.5rem} 117.mob-svc-list.open{display:flex} 118.mob-sl{padding:.6rem 0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer;border:none;background:none;font-family:var(--fb);text-align:left;display:block} 119.mob-sl:hover{color:var(--gd)} 120.mob-acts{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem} 121.mob-call{display:flex;align-items:center;justify-content:center;gap:.5rem;border:1.5px solid var(--gd);color:var(--gd);padding:.9rem;font-family:var(--fb);font-size:.88rem;font-weight:700;letter-spacing:.07em;text-decoration:none} 122.mob-quote{background:var(--gd);color:var(--bk);border:none;padding:.9rem;font-family:var(--fb);font-size:.88rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;display:block;width:100%;box-shadow:0 4px 20px rgba(200,151,58,.4)} 123#sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:450;display:flex;height:58px;box-shadow:0 -6px 30px rgba(0,0,0,.6)} 124.sticky-call{flex:1;display:flex;align-items:center;justify-content:center;gap:.6rem;background:#0f0f0f;border-top:2px solid rgba(200,151,58,.4);color:var(--gd);font-size:.82rem;font-weight:700;letter-spacing:.06em;text-decoration:none;transition:background .2s} 125.sticky-call:hover{background:#1a1a1a} 126.sticky-div{width:1px;background:rgba(200,151,58,.3)} 127.sticky-quote{flex:1;display:flex;align-items:center;justify-content:center;background:var(--gd);color:var(--bk);font-size:.82rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer;font-family:var(--fb);transition:background .2s} 128.sticky-quote:hover{background:var(--gd-lt)} 129.overlay{display:none;position:fixed;inset:0;z-index:800;background:rgba(0,0,0,.88);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain} 130.overlay.open{display:block} 131.g2{display:grid;grid-template-columns:1fr 1fr;gap:4rem} 132.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem} 133.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem} 134.rev-card{display:block;background:var(--bg3);padding:2rem;border:1px solid var(--line);transition:border-color .25s;text-decoration:none} 135.rev-card:hover{border-color:var(--line-gd)} 136.loc-card{background:var(--bg2);padding:2.5rem;border:1px solid var(--line-gd)} 137.loc-tag{font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gd);margin-bottom:1rem} 138.loc-row{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;
138color:var(--mid);margin-bottom:.75rem} 139.faq-layout{display:grid;grid-template-columns:260px 1fr;gap:5rem;align-items:start} 140.faq-sidebar{position:sticky;top:120px} 141.faq-cat-btn{padding:.85rem 1.1rem;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-left:2px solid transparent;background:none;border-top:none;border-right:none;border-bottom:none;cursor:pointer;text-align:left;font-family:var(--fb);width:100%;transition:all .2s} 142.faq-cat-btn:hover,.active-cat{color:var(--gd);border-left-color:var(--gd);background:rgba(200,151,58,.05)} 143.law-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem} 144.law-table th{background:var(--bg3);padding:.85rem 1rem;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gd);text-align:left;border-bottom:1px solid var(--line-gd)} 145.law-table td{padding:.85rem 1rem;font-size:.88rem;color:var(--mid);border-bottom:1px solid var(--line)} 146.badge-ok{font-size:.7rem;font-weight:700;padding:.25rem .65rem;background:rgba(34,197,94,.1);color:#4ade80;border:1px solid rgba(34,197,94,.2)} 147.badge-warn{font-size:.7rem;font-weight:700;padding:.25rem .65rem;background:rgba(200,151,58,.1);color:var(--gd);border:1px solid var(--line-gd)} 148.badge-any{font-size:.7rem;font-weight:700;padding:.25rem .65rem;background:rgba(99,102,241,.1);color:#a5b4fc;border:1px solid rgba(99,102,241,.2)} 149.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:4rem} 150.fl{font-size:.85rem;color:var(--muted);cursor:pointer;transition:color .2s} 151.fl:hover{color:var(--text)} 152a:focus-visible,button:focus-visible{outline:2px solid var(--gd);outline-offset:2px} 153@media(max-width:1100px){.nav-links{display:none}#nav-top{display:none}.nav-r .nav-call-btn,.nav-r .nav-quote-btn{display:none}.ham{display:block!important}.mob-nav-ph,.mob-nav-loc{display:flex!important}} 154@media(max-width:960px){.wrap{padding:0 1.5rem}.g2,.g3{grid-template-columns:1fr!important;gap:3rem!important}.faq-layout{grid-template-columns:1fr!important}.faq-sidebar{position:static!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:2.5rem!important}.ph-body{padding:0 1.5rem 2rem!important}} 155@media(max-width:600px){.wrap{padding:0 1.25rem}#nav-main{padding:0 1.25rem}.page-pt{padding-top:70px}.page-hero{height:280px}.g4{grid-template-columns:1fr 1fr!important}.footer-grid{grid-template-columns:1fr!important}.svc-grid{grid-template-columns:1fr}.btn-hero{width:100%;justify-content:center}} 156 157.mob-nav-ph,.mob-nav-loc{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:1.5px solid var(--gd);color:var(--gd);transition:background .2s} 158.mob-nav-ph:hover,.mob-nav-loc:hover{background:rgba(200,151,58,.12)} 159@media(max-width:1100px){.mob-nav-ph,.mob-nav-loc{display:flex}} 160 161 162 163 164 165@media(max-width:1100px){#nav-top .brand-center{display:none}} 166 167@media(max-width:1100px){.nav-brand-text{display:none!important}} 168 169@media(max-width:1100px){ 170 .nav-brand span:first-child{font-size:.78rem!important;letter-spacing:.04em!important} 171 .nav-brand span:last-child{font-size:.5rem!important;letter-spacing:.12em!important} 172 .nav-brand{padding-left:.5rem!important;margin-left:.4rem!important;min-width:0!important} 173 .nav-r{gap:.5rem!important;margin-left:auto;padding-left:.75rem} 174} 175 176@media(max-width:480px){ 177 .nav-logo img{height:42px!important} 178 .nav-brand span:first-child{font-size:.7rem!important} 179 .nav-brand span:last-child{font-size:.46rem!important} 180 .nav-brand{padding-left:.4rem!important;margin-left:.3rem!important} 181 #nav-main{padding:0 .75rem!important;gap:.5rem!important} 182} 183@media(max-width:360px){ 184 .mob-nav-loc{display:none!important} 185 .nav-brand span:last-child{display:none!important} 186} 187 188@media(max-width:600px){ 189 .svc-card-img img{object-position:center 40%} 190} 191 192@media(max-width:700px){ 193 .law-table{width:100%;border-collapse:collapse} 194 .law-table thead th{padding:.5rem .4rem;font-size:.6rem;letter-spacing:.06em} 195 .law-table td{padding:.6rem .4rem;font-size:.75rem;border-bottom:1px solid var(--line);vertical-align:middle} 196 .law-table td:nth-child(1){width:22%;font-weight:600} 197 .law-table td:nth-child(2){width:50%} 198 .law-table td:nth-child(3){width:28%;text-align:center} 199 .badge-ok,.badge-warn,.badge-any{ 200 font-size:.58rem; 201 padding:.25rem .3rem; 202 display:inline-block; 203 line-height:1.3; 204 text-align:center; 205 white-space:normal; 206 word-break:break-word; 207 max-width:80px; 208 width:100%; 209 } 210} 211 212@media(max-width:600px){ 213 .cta-i{flex-direction:column;align-items:flex-start;gap:1.5rem} 214 .cta-i>div:last-child{display:flex;flex-direction:column;gap:.75rem;width:100%} 215 .cta-i>div:last-child .btn-bk, 216 .cta-i>div:last-child .btn-bk-ol{width:100%;text-align:center;justify-content:center;box-sizing:border-box} 217} 218.svc-card-ceramic .svc-card-img{height:200px}.svc-card-ceramic .svc-card-img img{object-fit:cover;object-position:center 30%} 219 220.hero-bg-logo{display:block} 221@media(max-width:768px){ 222 .hero-bg-logo{ 223 position:relative!important; 224 right:auto!important; 225 top:auto!important; 226 transform:none!important;
227 width:200px!important; 228 margin:2.5rem auto 0!important; 229 display:block!important; 230 opacity:.15!important; 231 } 232} 233 234@media(max-width:768px){ 235 .hero-mobile-logo{display:block!important;margin:2rem auto 0!important;text-align:center!important;width:200px!important} 236 .hero-bg-logo{display:none!important} 237} 238 239/* Clean service page headers - no photos */ 240.ph-bg{ 241 background-image:none!important; 242 background:linear-gradient(135deg,#0a0a0a 0%,#111 50%,#0a0a0a 100%)!important; 243} 244.ph-bg::before{ 245 content:''; 246 position:absolute; 247 inset:0; 248 background:radial-gradient(ellipse at 80% 50%,rgba(200,151,58,.08) 0%,transparent 60%); 249} 250.ph-ov{ 251 background:linear-gradient(to top,rgba(8,8,8,.95) 0%,rgba(8,8,8,.4) 60%,rgba(8,8,8,.1) 100%)!important; 252} 253.page-hero{ 254 height:320px; 255 border-bottom:2px solid rgba(200,151,58,.25); 256} 257.ph-body{ 258 padding-bottom:2.5rem!important; 259} 260 261 262.fl{background:none!important;border:none!important;padding:0!important;-webkit-appearance:none!important;outline:none!important} 263.fl:focus{outline:none!important;box-shadow:none!important} 264 265 266*:focus-visible{outline:2px solid var(--gd)!important;outline-offset:2px!important} 267button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gd)!important;outline-offset:2px!important} 268 269 270.svc-card{display:flex;flex-direction:column} 271.svc-card-body{flex:1;display:flex;flex-direction:column} 272.svc-card-links{margin-top:auto} 273.svc-card-body p{flex:1} 274.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;background:var(--line);align-items:stretch} 275 276 277.skip-link{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none} 278.skip-link:focus{pointer-events:auto;position:fixed;left:50%;top:1rem;transform:translateX(-50%);width:auto;height:auto;overflow:visible;opacity:1;pointer-events:auto;background:var(--gd);color:var(--bk);padding:.5rem 1.5rem;font-weight:700;font-size:.85rem;z-index:9999;border-radius:2px} 279 280 281@media(max-width:768px){ 282 .vette-img{height:auto!important;max-height:280px;object-fit:contain!important;background:#0d0d0d} 283} 284 285 286@media(max-width:600px){ 287 .overlay{padding:0} 288 .overlay>div{margin:0!important;width:100%!important;min-height:100vh;border-radius:0!important} 289 .overlay>div iframe{height:100vh!important;min-height:500px} 290} 291@media(min-width:601px){ 292 .overlay>div iframe{height:80vh;min-height:600px} 293} 294 295 296/* Service page images - responsive on mobile */ 297@media(max-width:768px){ 298 .svc-page-img{ 299 height:260px!important; 300 object-position:center center!important; 301 } 302} 303@media(max-width:480px){ 304 .svc-page-img{ 305 height:220px!important; 306 } 307} 308 309 310.svc-card[onclick*="svc-auto"] .svc-card-img{height:260px!important} 311 312 313@media(max-width:768px){ 314 .ph-body{padding-top:2rem!important} 315 .page-hero{padding-top:130px!important;height:300px!important} 316} 317 318 319@media(max-width:768px){ 320 .hero-mobile-logo{display:block!important;width:200px!important;margin:2rem auto 0!important;opacity:.2!important} 321 .hero-bg-logo{display:none!important} 322} 323@media(max-width:480px){.hero-content-inner{padding-top:160px!important;padding-left:1.25rem!important;padding-right:1.25rem!important}} 324 325 326@media(max-width:768px){.hero-content-inner{padding-top:120px!important}} 327@media(max-width:480px){.hero-content-inner{padding-top:100px!important}} 328 329.cy-hero{background:linear-gradient(135deg,#050505 0%,#0d0d0d 100%);padding:160px 0 80px;position:relative;overflow:hidden;border-bottom:2px solid rgba(200,151,58,.3)} 330.cy-hero::before{content:'';position:absolute;top:0;right:0;width:60%;height:100%;background:radial-gradient(ellipse at 80% 40%,rgba(200,151,58,.09) 0%,transparent 60%);pointer-events:none} 331.cy-inner{position:relative;z-index:1} 332.cy-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gd);margin-bottom:1.25rem;padding:.4rem .9rem;border:1px solid rgba(200,151,58,.3);background:rgba(200,151,58,.05)} 333.cy-h1{font-family:var(--fd);font-size:clamp(3rem,7vw,6.5rem);line-height:.9;letter-spacing:.015em;margin-bottom:.75rem} 334.cy-sub{font-size:1rem;color:rgba(240,237,230,.6);line-height:1.6;max-width:520px;margin-bottom:2rem} 335.cy-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:3rem} 336.cy-stat{background:rgba(8,8,8,.9);padding:1.5rem;text-align:center} 337.cy-sn{font-family:var(--fd);font-size:2.2rem;color:var(--gd);line-height:1} 338.cy-sl{font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-top:.3rem} 339.csvc{background:var(--bg2);border:1px solid var(--line);padding:2rem;text-decoration:none;color:inherit;display:block;transition:all .2s}
340.csvc:hover{border-color:rgba(200,151,58,.45);transform:translateY(-2px)} 341.csvc-t{font-family:var(--fd);font-size:1.35rem;color:var(--text);margin-bottom:.4rem;margin-top:.75rem} 342.csvc-d{font-size:.83rem;color:var(--muted);line-height:1.65} 343.crev{background:var(--bg2);border:1px solid var(--line);padding:1.75rem} 344.cfaq{background:var(--bg2);border:1px solid var(--line);margin-bottom:.6rem} 345.cfaq[open]{border-color:rgba(200,151,58,.3)} 346.cfaq summary{padding:1.25rem 1.5rem;font-weight:700;font-size:.88rem;cursor:pointer;color:var(--text);list-style:none;display:flex;justify-content:space-between;align-items:center} 347.cfaq summary::after{content:'+';color:var(--gd);font-size:1.2rem;font-weight:300;flex-shrink:0} 348.cfaq[open] summary::after{content:'â'} 349.cfaq p{padding:.75rem 1.5rem 1.5rem;font-size:.85rem;color:var(--muted);line-height:1.75;margin:0;border-top:1px solid var(--line)} 350@media(max-width:768px){.cy-hero{padding:130px 0 60px}.cy-stats{grid-template-columns:repeat(2,1fr)}.cy-h1{font-size:2.8rem}.cwhy{grid-template-columns:1fr!important}.csgrid{grid-template-columns:1fr!important}} 351</style> 352<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 352-353
352 353<script async src="https://www.googletagmanager.com/gtag/js?id=
353AW-10790058058
vendor: 12 bytes, line 353
353"></script>
354<script> 355
vendor: 133 bytes, lines 355-358
355window.dataLayer = window.dataLayer || []; 356 function gtag(){dataLayer.push(arguments);} 357 gtag('js', new Date()); 358 gtag('config', '
358AW-10790058058
vendor: 4 bytes, line 358
358');
359</script>
359 360</head> 361<body> 362<nav id="nav" role="navigation" aria-label="Main navigation"> 363 <div id="nav-top" style="position:relative"> 364 365 <div style="display:flex;align-items:center;gap:1.5rem"> 366 <div style="display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:var(--muted)"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:var(--gd);fill:none;stroke-width:2;flex-shrink:0"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.3 19.79 19.79 0 0 1 1.62 4.7 2 2 0 0 1 3.59 2.52h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 10.09a16 16 0 0 0 6 6l.92-.92a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.49 17.5"/></svg><a href="tel:4052568035" style="color:var(--muted)" onmouseover="this.style.color='var(--gd)'" onmouseout="this.style.color='var(--muted)'">(405) 256-8035</a></div> 367 <div style="display:flex;align-items:flex-start;gap:.4rem;font-size:.7rem;color:var(--muted)"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:var(--gd);fill:none;stroke-width:2;flex-shrink:0;margin-top:.1rem"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg><a href="https://maps.app.goo.gl/GHV4HNksRBQ8BPwU6" target="_blank" rel="noopener noreferrer" style="color:var(--muted)">722 NW 86th St Suite D, Oklahoma City, OK</a></div> 368 </div> 369 <div style="display:flex;align-items:center;gap:.75rem"> 370 <span style="font-size:.69rem;color:var(--muted)">MonâSun 8AMâ8PM</span> 371 <a href="https://www.facebook.com/EliteTintOKC/" target="_blank" rel="noopener noreferrer" aria-label="Facebook" class="nt-soc"><svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg></a> 372 <a href="https://www.instagram.com/elitetintokc/" target="_blank" rel="noopener noreferrer" aria-label="Instagram" class="nt-soc"><svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg></a> 373 </div> 374 </div> 375 <div id="nav-main"> 376 <div style="display:flex;align-items:center;flex-shrink:0"><a class="nav-logo" href="https://elitetintokc.com/" role="button" aria-label="Go to home page" tabindex="0" style="cursor:pointer;text-decoration:none;color:inherit;display:flex;align-items:center;flex-shrink:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation"> 377 <img src="/img/logo-transparent.png?v=20260524" alt="Elite Tint OKC" width="220" height="136"> 378 <div style="display:flex;flex-direction:column;justify-content:center;line-height:1.25;padding-left:.9rem;margin-left:.6rem" class="nav-brand"> 379 <span style="font-family:'DM Sans','Segoe UI',Arial,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:.04em;color:var(--text);white-space:nowrap">Elite Window Tinting</span> 380 <span style="font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gd);white-space:nowrap">OKLAHOMA CITY, OKLAHOMA</span> 381 </div> 382 </a></div> 383 <ul class="nav-links"> 384 <li><a href="https://elitetintokc.com/" id="nl-home">Home</a></li> 385 <li id="svc-li"> 386 <a id="nl-svc" href="javascript:void(0)" style="cursor:pointer;touch-action:manipulation">Services <span class="arr">â¾</span></a> 387 <div class="svc-mega" id="svc-mega"><div class="svc-mega-inner"> 388 <a href="https://elitetintokc.com/services/automotive-window-tinting" class="mega-item" style="display:flex;text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation"><div class="mega-icon">ð</div><div class="mega-text"><h4>Automotive Tinting</h4><p>XPEL ceramic, 98% heat rejection</p></div></a> 389 <a href="https://elitetintokc.com/services/paint-protection-film" class="mega-item" style="display:flex;text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation"><div class="mega-icon">ð¡ï¸</div><div class="mega-text"><h4>Paint Protection Film</h4><p>Self-healing PPF, chips & debris</p></div></a> 390 <a href="https://elitetintokc.com/services/residential-window-tinting" class="mega-item" style="display:flex;text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation"><div class="mega-icon">ð </div><div class="mega-text"><h4>Residential Tinting</h4><p>Save up to 30% on cooling costs</p></div></a> 391 <a href="https://elitetintokc.com/services/commercial-window-tinting" class="mega-item" style="display:flex;text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation"><div class="mega-icon">ð¢</div><div class="mega-text"><h4>Commercial Tinting</h4><p>Office & storefront window films</p></div></a> 392 <a href="https://elitetintokc.com/services/windshield-protection" class="mega-item" style="display:flex;text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation"><div class="mega-icon"><svg viewBox="0 0 24 24" style="width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5" xmlns="http://www.w3.org/2000/svg"><path d="M3 17h18M3 17l1.5-5h13L19 17M3 17H2M19 17h1M6.5 12l2-4h7l2 4" stroke="currentColor"/><path d="M7 12h10" stroke="var(--gd)" stroke-width="2"/><circle cx="6.5" cy="18.5" r="1.5" fill="currentColor"/><circle cx="17.5" cy="18.5" r="1.5" fill="currentColor"/></svg></div><div class="mega-text"><h4>Windshield Protection</h4><p>Clear film, prevents chips & cracks</p></div></a> 393 <a href="https://elitetintokc.com/services/vinyl-wraps" class="mega-item" style="display:flex;text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation"><div class="mega-icon"><svg viewBox="0 0 24 24" style="width:18px;height:18px;stroke:var(--gd);
393fill:none;stroke-width:1.5"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="3"/><path d="M12 2v3M12 19v3M2 12h3M19 12h3"/></svg></div><div class="mega-text"><h4>Vinyl Wraps</h4><p>Full color-change, matte & gloss</p></div></a> 394 <a href="https://elitetintokc.com/services/ceramic-coatings" class="mega-item" style="display:flex;text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation"><div class="mega-icon"><svg viewBox="0 0 24 24" style="width:18px;height:18px;stroke:var(--gd);fill:none;stroke-width:1.5"><path d="M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z"/></svg></div><div class="mega-text"><h4>Ceramic Coatings</h4><p>Hydrophobic nano-ceramic protection</p></div></a> 395 <a href="https://elitetintokc.com/services/paint-corrections" class="mega-item" style="display:flex;text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation"><div class="mega-icon">â¨</div><div class="mega-text"><h4>Paint Corrections</h4><p>Remove swirls, scratches & oxidation</p></div></a> 396 </div> 397 </li> 398 <li id="loc-li" style="position:relative"> 399 <a id="nl-loc" href="javascript:void(0)" style="cursor:pointer;touch-action:manipulation">Locations <span class="arr">â¾</span></a> 400 <div class="svc-mega" id="loc-mega" style="display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index:600;background:#0f0f0f;border:1px solid rgba(200,151,58,.25);box-shadow:0 8px 40px rgba(0,0,0,.7);max-height:70vh;overflow-y:auto"> 401 <div class="mega-inner" style="display:grid;grid-template-columns:1fr 1fr;gap:.25rem"> 402 <a href="/window-tinting-oklahoma-city-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">ð</div><div class="mega-text"><h4>Oklahoma City</h4></div></a> 403 <a href="/window-tinting-edmond-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">ð</div><div class="mega-text"><h4>Edmond</h4></div></a> 404 <a href="/window-tinting-mustang-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">ð</div><div class="mega-text"><h4>Mustang</h4></div></a> 405 <a href="/window-tinting-yukon-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">ð</div><div class="mega-text"><h4>Yukon</h4></div></a> 406 <a href="/window-tinting-norman-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">ð</div><div class="mega-text"><h4>Norman</h4></div></a> 407 <a href="/window-tinting-moore-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">ð</div><div class="mega-text"><h4>Moore</h4></div></a> 408 <a href="/window-tinting-nichols-hills-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">ð</div><div class="mega-text"><h4>Nichols Hills</h4></div></a> 409 <a href="/window-tinting-deer-creek-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">ð</div><div class="mega-text"><h4>Deer Creek</h4></div></a> 410 <a href="/window-tinting-piedmont-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">ð</div><div class="mega-text"><h4>Piedmont</h4></div></a> 411 <a href="/window-tinting-midwest-city-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">ð</div><div class="mega-text"><h4>Midwest City</h4></div></a> 412 <a href="/window-tinting-bethany-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">ð</div><div class="mega-text"><h4>Bethany</h4></div></a> 413 <a href="/window-tinting-choctaw-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">ð</div><div class="mega-text"><h4>Choctaw</h4></div></a> 414 <a href="/window-tinting-tuttle-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">ð</div><div class="mega-text"><h4>Tuttle</h4></div></a> 415 <a href="/window-tinting-blanchard-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">ð</div><div class="mega-text"><h4>Blanchard</h4></div></a> 416 <a href="/window-tinting-newcastle-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">ð</div><div class="mega-text"><h4>Newcastle</h4></div></a> 417 </div> 418 </div> 419 </li> 420 <li><a href="https://elitetintokc.com/faqs" id="nl-faqs">FAQs</a></li> 421 <li><a href="https://elitetintokc.com/oklahoma-tint-laws" id="nl-laws">Tint Laws</a></li> 422 <li><a href="https://elitetintokc.com/about" id="nl-about">About</a></li> 423 <li><a href="https://elitetintokc.com/contact" id="nl-contact">Contact</a></li> 424 </ul> 425 <div class="nav-r"> 426 <a href="tel:4052568035" class="nav-call-btn"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.3 19.79 19.79 0 0 1 1.62 4.7 2 2 0 0 1 3.59 2.52h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 10.09a16 16 0 0 0 6 6l.92-.92a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.49 17.5"/></svg> (405) 256-8035</a> 427 <button class="nav-quote-btn" onclick="openModal()">Free Quote</button> 428 <a href="tel:4052568035" class="mob-nav-ph" aria-label="Call Elite Tint OKC"><svg viewBox="0 0 24 24" style="width:14px;
428height:14px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.3 19.79 19.79 0 0 1 1.62 4.7 2 2 0 0 1 3.59 2.52h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 10.09a16 16 0 0 0 6 6l.92-.92a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.49 17.5"/></svg></a> 429 <a href="https://maps.app.goo.gl/GHV4HNksRBQ8BPwU6" target="_blank" rel="noopener noreferrer" class="mob-nav-loc" aria-label="Get directions"><svg viewBox="0 0 24 24" style="width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg></a> 430 <button class="ham" id="ham" aria-label="Open navigation menu" role="button" aria-label="Open menu">â°</button> 431 </div> 432 </div> 433</nav> 434<div id="mob-nav"> 435 <a href="https://elitetintokc.com/" class="mob-l" style="display:block;text-decoration:none;color:inherit">Home</a> 436 <button class="mob-l" id="mob-svc-t" onclick="toggleMobSvc()" aria-haspopup="true" aria-expanded="false" aria-expanded="false" aria-controls="mob-svc-list">Services â¾</button> 437 <div class="mob-svc-list" id="mob-svc-list"> 438 <a href="https://elitetintokc.com/services/automotive-window-tinting" class="mob-sl" style="display:block;text-decoration:none;color:inherit">Automotive Tinting</a> 439 <a href="https://elitetintokc.com/services/paint-protection-film" class="mob-sl" style="display:block;text-decoration:none;color:inherit">Paint Protection Film</a> 440 <a href="https://elitetintokc.com/services/ceramic-coatings" class="mob-sl" style="display:block;text-decoration:none;color:inherit">Ceramic Coatings</a> 441 <a href="https://elitetintokc.com/services/residential-window-tinting" class="mob-sl" style="display:block;text-decoration:none;color:inherit">Residential Tinting</a> 442 <a href="https://elitetintokc.com/services/commercial-window-tinting" class="mob-sl" style="display:block;text-decoration:none;color:inherit">Commercial Tinting</a> 443 <a href="https://elitetintokc.com/services/windshield-protection" class="mob-sl" style="display:block;text-decoration:none;color:inherit">Windshield Protection</a> 444 <a href="https://elitetintokc.com/services/paint-corrections" class="mob-sl" style="display:block;text-decoration:none;color:inherit">Paint Corrections</a> 445 <a href="https://elitetintokc.com/services/vinyl-wraps" class="mob-sl" style="display:block;text-decoration:none;color:inherit">Vinyl Wraps</a> 446 </div> 447 <button class="mob-l" id="mob-loc-t" onclick="var l=document.getElementById('mob-loc-list');var o=l.style.display==='flex';l.style.display=o?'none':'flex';this.textContent=o?'Locations â¾':'Locations â´'">Locations â¾</button> 448 <div id="mob-loc-list" style="display:none;flex-direction:column;padding-left:1rem;gap:.1rem"> 449 <a href="/window-tinting-oklahoma-city-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Oklahoma City</a> 450 <a href="/window-tinting-edmond-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Edmond</a> 451 <a href="/window-tinting-mustang-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Mustang</a> 452 <a href="/window-tinting-yukon-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Yukon</a> 453 <a href="/window-tinting-norman-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Norman</a> 454 <a href="/window-tinting-moore-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Moore</a> 455 <a href="/window-tinting-nichols-hills-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Nichols Hills</a> 456 <a href="/window-tinting-deer-creek-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Deer Creek</a> 457 <a href="/window-tinting-piedmont-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Piedmont</a> 458 <a href="/window-tinting-midwest-city-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Midwest City</a> 459 <a href="/window-tinting-bethany-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Bethany</a> 460 <a href="/window-tinting-choctaw-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Choctaw</a> 461 <a href="/window-tinting-tuttle-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Tuttle</a> 462 <a href="/window-tinting-blanchard-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Blanchard</a> 463 <a href="/window-tinting-newcastle-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Newcastle</a> 464 </div> 465 <a href="https://elitetintokc.com/faqs" class="mob-l" style="display:block;text-decoration:none;color:inherit">FAQs</a> 466 <a href="https://elitetintokc.com/oklahoma-tint-laws" class="mob-l" style="display:block;text-decoration:none;color:inherit">Tint Laws</a> 467 <a href="https://elitetintokc.com/about" class="mob-l" style="display:block;text-decoration:none;color:inherit">About</a> 468 <a href="https://elitetintokc.com/contact" class="mob-l" style="display:block;text-decoration:none;color:inherit">Contact</a> 469 <div class="mob-acts"> 470 <a href="tel:4052568035" class="mob-call"><svg viewBox="0 0 24 24" style="width:16px;height:16px;stroke:var(--gd);
470fill:none;stroke-width:2;flex-shrink:0"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.3 19.79 19.79 0 0 1 1.62 4.7 2 2 0 0 1 3.59 2.52h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 10.09a16 16 0 0 0 6 6l.92-.92a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.49 17.5"/></svg> (405) 256-8035</a> 471 <button class="mob-quote" onclick="openModal();closeMob()">Get Free Quote</button> 472 </div> 473</div> 474<section class="cy-hero"> 475 <div class="wrap cy-inner"> 476 <div class="cy-badge">ð Oklahoma City, Oklahoma</div> 477 <h1 class="cy-h1">Oklahoma City's<br><span style="color:var(--gd)">#1 Window Tinting</span></h1> 478 <p class="cy-sub">From Bricktown to NW OKC, Midtown to Memorial Road. Serving Edmond, Yukon, Mustang, Moore and Midwest City.</p> 479 <div style="display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3rem"> 480 <a href="tel:4052568035" class="btn-gold" style="touch-action:manipulation">â (405) 256-8035</a> 481 <a href="javascript:void(0)" onclick="openModal()" class="btn-ol-gd" style="touch-action:manipulation">Get Free Quote â</a> 482 </div> 483 <div class="cy-stats"> 484 <div class="cy-stat"><div class="cy-sn">500+</div><div class="cy-sl">5-Star Reviews</div></div> 485 <div class="cy-stat"><div class="cy-sn">98%</div><div class="cy-sl">Heat Blocked</div></div> 486 <div class="cy-stat"><div class="cy-sn">â</div><div class="cy-sl">Warranty</div></div> 487 <div class="cy-stat"><div class="cy-sn">
4877</div><div class="cy-sl">Days a Week</div></div> 488 </div> 489 </div> 490</section> 491<section style="padding:5rem 0;background:var(--bg2)"> 492 <div class="wrap"><div style="text-align:center;margin-bottom:2.5rem"><div class="eyebrow">Local Facts</div><h2 class="sec-title">Why <span>Oklahoma City</span> Needs Tinting & Paint Protection</h2></div><div style="display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;background:var(--bg);border:1px solid var(--line);margin-bottom:.75rem"><div style="color:var(--gd);font-size:1.1rem;flex-shrink:0;margin-top:.1rem">â</div><div style="font-size:.875rem;color:var(--muted);line-height:1.65">Oklahoma City averages 234 sunny days per year â UV protection is essential year-round</div></div><div style="display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;background:var(--bg);border:1px solid var(--line);margin-bottom:.75rem"><div style="color:var(--gd);font-size:1.1rem;flex-shrink:0;margin-top:.1rem">â</div><div style="font-size:.875rem;color:var(--muted);line-height:1.65">OKC summer temps regularly exceed 100°F â XPEL ceramic blocks 98% of that radiant heat</div></div><div style="display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;background:var(--bg);border:1px solid var(--line);margin-bottom:.75rem"><div style="color:var(--gd);font-size:1.1rem;flex-shrink:0;margin-top:.1rem">â</div><div style="font-size:.875rem;color:var(--muted);line-height:1.65">Oklahoma ranks among the highest UV index states in the entire US</div></div></div> 493</section> 494<section style="padding:6rem 0;background:var(--bg)"> 495 <div class="wrap"> 496 <div style="text-align:center;margin-bottom:3rem"><div class="eyebrow">Services in Oklahoma City</div><h2 class="sec-title">What We Offer <span>Near You</span></h2></div> 497 <div class="csgrid" style="display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem"> 498 <a href="https://elitetintokc.com/services/automotive-window-tinting" class="csvc"><div style="font-size:2.2rem">ð</div><div class="csvc-t">Automotive Tinting</div><div class="csvc-d">XPEL Prime XR Plus ceramic. 98% heat rejected, 99% UV blocked. All vehicles. Lifetime warranty.</div></a> 499 <a href="https://elitetintokc.com/services/paint-protection-film" class="csvc"><div style="font-size:2.2rem">ð¡ï¸</div><div class="csvc-t">Paint Protection Film</div><div class="csvc-d">XPEL ULTIMATE PLUS self-healing PPF. Invisible armor against rock chips and road debris.</div></a> 500 <a href="https://elitetintokc.com/services/ceramic-coatings" class="csvc"><div style="font-size:2.2rem">â¨</div><div class="csvc-t">Ceramic Coatings</div><div class="csvc-d">Nano-ceramic coating for deep gloss, hydrophobic protection and long-term paint preservation.</div></a> 501 <a href="https://elitetintokc.com/services/residential-window-tinting" class="csvc"><div style="font-size:2.2rem">ð </div><div class="csvc-t">Residential Tinting</div><div class="csvc-d">Cut home heat 80%, energy bills 30%. Block 99% UV. Perfect for Oklahoma City homes.</div></a> 502 <a href="https://elitetintokc.com/services/commercial-window-tinting" class="csvc"><div style="font-size:2.2rem">ð¢</div><div class="csvc-t">Commercial Tinting</div><div class="csvc-d">Offices and storefronts throughout Oklahoma City. Reduce energy costs and improve comfort.</div></a> 503 <a href="https://elitetintokc.com/services/windshield-protection" class="csvc"><div style="font-size:2.2rem;line-height:1;display:inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" fill="none"><rect x="3" y="22" width="32" height="8" rx="2" fill="#C8973A" opacity="0.15" stroke="#C8973A" stroke-width="1.5"/><path d="M8 22 L11 8 L27 8 L30 22 Z" fill="#C8973A" opacity="0.12" stroke="#C8973A" stroke-width="1.5" stroke-linejoin="round"/><path d="M13 11 L25 11" stroke="#C8973A" stroke-width="1" opacity="0.5" stroke-linecap="round"/><path d="M12 14 L26 14" stroke="#C8973A" stroke-width="0.75" opacity="0.3" stroke-linecap="round"/><path d="M14 10 L16 19" stroke="#C8973A" stroke-width="1.5" opacity="0.6" stroke-linecap="round"/>
503<path d="M16 10 L14 15" stroke="#C8973A" stroke-width="1" opacity="0.4" stroke-linecap="round"/></svg></div><div class="csvc-t">Windshield Protection</div><div class="csvc-d">Clear XPEL film prevents rock chips and cracks from Oklahoma road debris.</div></a> 504 </div> 505 </div> 506</section> 507<section style="padding:6rem 0;background:var(--bg2)"> 508 <div class="wrap"> 509 <div class="cwhy" style="display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start"> 510 <div> 511 <div class="eyebrow">Why Choose Elite Tint</div> 512 <h2 class="sec-title" style="margin-bottom:2.5rem">Oklahoma City's <span>Most Trusted Shop</span></h2> 513 <div style="display:flex;gap:1rem;margin-bottom:1.75rem;align-items:flex-start"><div style="flex-shrink:0;width:46px;height:46px;background:rgba(200,151,58,.08);border:1px solid rgba(200,151,58,.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem">ð</div><div><strong style="font-size:.9rem;color:var(--text);display:block;margin-bottom:.3rem">XPEL Certified â #1 Brand Only</strong><p style="font-size:.82rem;color:var(--muted);line-height:1.65;margin:0">We exclusively install XPEL â the world's #1 window film brand. Never cheap alternatives.</p></div></div> 514 <div style="display:flex;gap:1rem;margin-bottom:1.75rem;align-items:flex-start"><div style="flex-shrink:0;width:46px;height:46px;background:rgba(200,151,58,.08);border:1px solid rgba(200,151,58,.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem">â</div><div><strong style="font-size:.9rem;color:var(--text);display:block;margin-bottom:.3rem">500+ Five-Star Reviews</strong><p style="font-size:.82rem;color:var(--muted);line-height:1.65;margin:0">More verified 5-star reviews than any other tint shop in the entire OKC metro area.</p></div></div> 515 <div style="display:flex;gap:1rem;margin-bottom:1.75rem;align-items:flex-start"><div style="flex-shrink:0;width:46px;height:46px;background:rgba(200,151,58,.08);border:1px solid rgba(200,151,58,.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem">ð </div><div><strong style="font-size:.9rem;color:var(--text);display:block;margin-bottom:.3rem">Open 7 Days â 8AM to 8PM</strong><p style="font-size:.82rem;color:var(--muted);line-height:1.65;margin:0">Evenings and weekends included. Same-day appointments for Oklahoma City residents.</p></div></div> 516 <div style="display:flex;gap:1rem;align-items:flex-start"><div style="flex-shrink:0;width:46px;height:46px;background:rgba(200,151,58,.08);border:1px solid rgba(200,151,58,.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem">â¾ï¸</div><div><strong style="font-size:.9rem;color:var(--text);display:block;margin-bottom:.3rem">Transferable Lifetime Warranty</strong><p style="font-size:.82rem;color:var(--muted);line-height:1.65;margin:0">Every XPEL installation backed by lifetime warranty. Transfers to next owner.</p></div></div> 517 </div> 518 <div style="background:var(--bg);border:1px solid rgba(200,151,58,.3);padding:2.5rem;position:sticky;top:90px"> 519 <div style="font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gd);margin-bottom:1rem">Free Quote â Oklahoma City</div> 520 <div style="font-family:var(--fd);font-size:2.2rem;color:var(--text);line-height:.95;margin-bottom:1rem">Get Your<br><span style="color:var(--gd)">Free Quote</span></div> 521 <p style="font-size:.875rem;color:var(--muted);line-height:1.7;margin-bottom:1.5rem">Same-day appointments. Serving Oklahoma City and Edmond, Yukon, Mustang, Moore and Midwest City.</p> 522 <a href="tel:4052568035" class="btn-gold" style="display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem;text-decoration:none;touch-action:manipulation">â (405) 256-8035</a> 523 <a href="javascript:void(0)" onclick="openModal()" class="btn-ol-gd" style="display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;touch-action:manipulation">Get Free Quote Online â</a> 524 <div style="margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--line)"> 525 <div style="font-size:.68rem;font-weight:700;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem">ð OKC</div> 526 <div style="font-size:.82rem;color:var(--text);margin-bottom:1rem">722 NW 86th St Suite D, OKC OK 73114</div> 527 <div style="font-size:.68rem;font-weight:700;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem">ð Mustang</div> 528 <div style="font-size:.82rem;color:var(--text)">308 W State Hwy 152 Unit 112, Mustang OK 73064</div> 529 </div> 530 </div> 531 </div> 532 </div> 533</section> 534<section style="padding:6rem 0;background:var(--bg)"> 535 <div class="wrap"> 536 <div style="text-align:center;margin-bottom:3rem"><div class="eyebrow">Reviews</div><h2 class="sec-title">What <span>Oklahoma City</span> Customers Say</h2></div> 537 <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem"> 538 <div class="crev"><div style="color:var(--gd);margin-bottom:.75rem">â â â â â </div><p style="font-size:.875rem;color:var(--muted);line-height:1.7;font-style:italic;margin-bottom:.75rem">"Hands down the best tinting company we have ever used! Mike always goes above and beyond. The XPEL ceramic film is incredible."</p><div style="font-size:.72rem;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.08em">Courtney S. â Oklahoma City</div></div> 539 <div class="crev"><div style="color:var(--gd);margin-bottom:.75rem">â â â â â </div><p style="font-size:.875rem;color:var(--muted);line-height:1.7;font-style:italic;margin-bottom:.75rem">"I've had many vehicles tinted but never had the outstanding personal service I received from Elite Tint. Quality and warranty unmatched."</p><div style="font-size:.72rem;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.08em">Chuck M. â OKC Metro</div></div> 540 <div class="crev"><div style="color:var(--gd);margin-bottom:.75rem">â â â â â </div><p style="font-size:.875rem;color:var(--muted);line-height:1.7;font-style:italic;margin-bottom:.75rem">"Professional, fast, and the tint looks perfect. XPEL ceramic is worth every penny in Oklahoma's brutal heat. Highly recommend."</p><div style="font-size:.72rem;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.08em">Jason R. â Oklahoma City</div></div> 541 </div> 542 </div> 543</section> 544<section style="padding:6rem 0;background:var(--bg2)"> 545 <div class="wrap" style="max-width:780px"> 546 <div style="text-align:center;margin-bottom:3rem"><div class="eyebrow">FAQ</div><h2 class="sec-title">Questions from <span>Oklahoma City</span></h2></div> 547 <details class="cfaq"><summary>How far is Elite Tint from Oklahoma City?</summary><p>Our OKC location at 722 NW 86th St Suite D is easily accessible from Oklahoma City. Our Mustang location at 308 W State Hwy 152 may be even closer. C
547all (405) 256-8035 and we'll help you choose the best location.</p></details> 548 <details class="cfaq"><summary>What window film do you install in Oklahoma City?</summary><p>We exclusively install XPEL Prime XR Plus ceramic film â blocking 98% infrared heat and 99% UV rays, backed by a transferable lifetime warranty. Built for Oklahoma's extreme heat.</p></details> 549 <details class="cfaq"><summary>Is window tinting legal in Oklahoma City, Oklahoma?</summary><p>Yes. Oklahoma requires front side windows above 25% VLT. Rear and back windows on SUVs and trucks can be any darkness. We guarantee 100% legal compliant tint on every vehicle in Oklahoma City.</p></details> 550 <details class="cfaq"><summary>How much does tinting cost in Oklahoma City?</summary><p>Most cars start around $199â$299 for XPEL ceramic. Call (405) 256-8035 or get a free quote online. Same-day response guaranteed.</p></details> 551 <details class="cfaq"><summary>What warranty do you offer?</summary><p>Every XPEL installation includes a transferable lifetime warranty covering bubbling, peeling, cracking and color change for the life of your vehicle.</p></details> 552 </div> 553</section> 554<section style="background:var(--gd);padding:5rem 0"> 555 <div class="wrap" style="text-align:center"> 556 <h2 style="font-family:var(--fd);font-size:clamp(2.5rem,6vw,5rem);color:var(--bk);line-height:.93;margin-bottom:1rem">Ready in Oklahoma City?</h2> 557 <p style="color:rgba(0,0,0,.55);font-size:.95rem;margin-bottom:2rem">Open 7 days · 8AMâ8PM · Free quotes · XPEL certified · Lifetime warranty</p> 558 <div style="display:flex;gap:1rem;justify-content:center;flex-wrap:wrap"> 559 <a href="tel:4052568035" style="background:var(--bk);color:var(--gd);padding:.9rem 2.5rem;font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;touch-action:manipulation">â (405) 256-8035</a> 560 <a href="javascript:void(0)" onclick="openModal()" style="background:transparent;color:var(--bk);border:2px solid var(--bk);padding:.9rem 2.5rem;font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;touch-action:manipulation">GET FREE QUOTE â</a> 561 </div> 562 </div> 563</section> 564<footer role="contentinfo" style="background:#060606;padding:5rem 0 2rem;border-top:2px solid rgba(200,151,58,.2)"> 565 <div class="wrap"> 566 <div class="footer-grid" style="margin-bottom:4rem"> 567 <div> 568 <img src="/img/logo-transparent.png?v=20260524" alt="Elite Tint OKC" width="220" height="136" style="height:66px;width:auto;object-fit:contain;margin-bottom:1.5rem;filter:drop-shadow(0 0 14px rgba(200,151,58,.4))"> 569 <p style="font-size:.85rem;line-height:1.75;color:var(--muted);max-width:250px;margin-bottom:1.75rem">Oklahoma City's premier XPEL-certified window tinting and paint protection shop. Two locations serving the OKC metro.</p> 570 <div style="display:flex;gap:.6rem;margin-bottom:1.5rem"> 571 <a href="https://www.facebook.com/EliteTintOKC/" target="_blank" rel="noopener noreferrer" aria-label="Facebook" style="width:40px;height:40px;background:rgba(200,151,58,.08);border:1px solid rgba(200,151,58,.3);display:flex;align-items:center;justify-content:center;color:var(--gd)"><svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg></a> 572 <a href="https://www.instagram.com/elitetintokc/" target="_blank" rel="noopener noreferrer" aria-label="Instagram" style="width:40px;height:40px;background:rgba(200,151,58,.08);border:1px solid rgba(200,151,58,.3);display:flex;align-items:center;justify-content:center;color:var(--gd)"><svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg></a> 573 </div> 574 <div style="display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(200,151,58,.3);padding:.35rem .9rem;font-size:.65rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gd)">⦠XPEL Certified Installer</div> 575 </div> 576 <div> 577 <h4 style="font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gd);margin-bottom:1.25rem">Services</h4> 578 <ul style="list-style:none;display:flex;flex-direction:column;gap:.55rem"> 579 <li><span onclick="location.href='https://elitetintokc.com/services/automotive-window-tinting'" class="fl" aria-label="Automotive Tinting" style="background:none;border:none;padding:0">Automotive Tinting</span></li> 580 <li><span onclick="location.href='https://elitetintokc.com/services/paint-protection-film'" class="fl" aria-label="Paint Protection Film" style="background:none;border:none;padding:0">Paint Protection Film</span></li> 581 <li><span onclick="location.href='https://elitetintokc.com/services/ceramic-coatings'" class="fl" aria-label="Ceramic Coatings" style="background:none;border:none;padding:0">Ceramic Coatings</span></li> 582 <li><span onclick="location.href='https://elitetintokc.com/services/residential-window-tinting'" class="fl" aria-label="Residential Tinting" style="background:none;border:none;padding:0">Residential Tinting</span></li> 583 <li><span onclick="location.href='https://elitetintokc.com/services/commercial-window-tinting'" class="fl" aria-label="Commercial Tinting" style="background:none;border:none;padding:0">Commercial Tinting</span></li> 584 <li><span onclick="location.href='https://elitetintokc.com/services/windshield-protection'" class="fl" aria-label="Windshield Protection" style="background:none;border:none;padding:0">Windshield Protection</span></li> 585 <li><span onclick="location.href='https://elitetintokc.com/services/paint-corrections'" class="fl" aria-label="Paint Corrections" style="background:none;border:none;padding:0">Paint Corrections</span></li> 586 <li><span onclick="location.href='https://elitetintokc.com/services/vinyl-wraps'" class="fl" aria-label="Vinyl Wraps" style="background:none;border:none;padding:0">Vinyl Wraps</span></li> 587 </ul> 588 </div> 589 <div> 590 <h4 style="font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gd);margin-bottom:1.25rem">Quick Links</h4> 591 <ul style="list-style:none;display:flex;flex-direction:column;gap:.55rem"> 592 <li><span onclick="location.href='https://elitetintokc.com/'" class="fl" role="link" tabindex="0" aria-label="Go to Home page" aria-label="Home" style="background:none;border:none;padding:0">Home</span></li> 593 <li><span onclick="location.href='https://elitetintokc.com/about'" class="fl" aria-label="About Us" style="background:none;border:none;padding:0">About Us</span></li> 594 <li><span onclick="location.href='https://elitetintokc.com/faqs'" class="fl" aria-label="FAQs" style="background:none;border:none;padding:0">FAQs</span></li> 595 <li><span onclick="location.href='https://elitetintokc.com/oklahoma-tint-laws'" class="fl" aria-label="Tint Laws" style="background:none;border:none;padding:0">Tint Laws</span></li> 596 <li><span onclick="location.href='https://elitetintokc.com/contact'" class="fl" aria-label="Contact Us" style="background:none;border:none;padding:0">Contact Us</span></li> 597 <li><a href="https://elitetintmustang.com" target="_blank" rel="noopener noreferrer" class="fl">Mustang Location â</a></li> 598 </ul> 599 </div> 600 <div> 601 <h4 style="font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gd);margin-bottom:1.25rem">Contact</h4> 602 <div style="display:flex;flex-direction:column;gap:.9rem"> 603 <div style="display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--muted)"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:var(--gd);
603fill:none;stroke-width:2;flex-shrink:0"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.3 19.79 19.79 0 0 1 1.62 4.7 2 2 0 0 1 3.59 2.52h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 10.09a16 16 0 0 0 6 6l.92-.92a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.49 17.5"/></svg><a href="tel:4052568035" class="fl">(405) 256-8035</a></div> 604 <div style="display:flex;align-items:flex-start;gap:.6rem;font-size:.85rem;color:var(--muted)"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:var(--gd);fill:none;stroke-width:2;flex-shrink:0;margin-top:.1rem"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg><a href="https://maps.app.goo.gl/GHV4HNksRBQ8BPwU6" target="_blank" rel="noopener noreferrer" class="fl">722 NW 86th St Suite D<br>Oklahoma City, OK 73114</a></div> 605 <div style="display:flex;align-items:flex-start;gap:.6rem;font-size:.85rem;color:var(--muted)"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:var(--gd);fill:none;stroke-width:2;flex-shrink:0;margin-top:.1rem"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg><a href="https://elitetintmustang.com" target="_blank" rel="noopener noreferrer" class="fl">308 W State Hwy 152 Unit 112<br>Mustang, OK 73064</a></div> 606 <div style="margin-top:2rem;padding-top:2rem;border-top:1px solid var(--line)"> 607 <div style="font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gd);margin-bottom:1rem;display:flex;align-items:center;gap:.6rem"><span style="width:16px;height:1px;background:var(--gd);display:block"></span>Our Location</div> 608 <a href="https://maps.app.goo.gl/GHV4HNksRBQ8BPwU6" target="_blank" rel="noopener noreferrer" 609 style="display:block;text-decoration:none;border:1px solid var(--line-gd);overflow:hidden;transition:border-color .2s" 610 onmouseover="this.style.borderColor='var(--gd)'" onmouseout="this.style.borderColor='var(--line-gd)'"> 611 <div style="background:linear-gradient(135deg,#111 0%,#161616 100%);padding:1.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;min-height:160px;position:relative;overflow:hidden"> 612 <div style="position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(200,151,58,.06) 0%,transparent 70%)"></div> 613 <svg viewBox="0 0 24 24" style="width:32px;height:32px;stroke:var(--gd);fill:none;stroke-width:1.5;position:relative;z-index:1"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg> 614 <div style="text-align:center;position:relative;z-index:1"> 615 <div style="font-size:.82rem;font-weight:700;color:var(--text);margin-bottom:.25rem">Elite Tint OKC</div> 616 <div style="font-size:.75rem;color:var(--mid)">722 NW 86th St Suite D</div> 617 <div style="font-size:.72rem;color:var(--muted)">Oklahoma City, OK 73114</div> 618 </div> 619 <div style="font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gd);border:1px solid var(--line-gd);padding:.35rem .9rem;position:relative;z-index:1">Open in Google Maps â</div> 620 </div> 621</a> 622 <div style="display:flex;gap:.5rem;margin-top:.6rem"> 623 <a href="https://maps.app.goo.gl/GHV4HNksRBQ8BPwU6" target="_blank" rel="noopener noreferrer" style="flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem;background:var(--bg3);border:1px solid var(--line-gd);font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gd);text-decoration:none;transition:background .2s" onmouseover="this.style.background='rgba(200,151,58,.1)'" onmouseout="this.style.background='var(--bg3)'"><svg viewBox="0 0 24 24" style="width:11px;height:11px;stroke:var(--gd);fill:none;stroke-width:2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>OKC</a> 624 <a href="https://www.google.com/maps/search/Elite+Window+Tinting+Mustang+OK/@35.384159,-97.7309887,17z" target="_blank" rel="noopener noreferrer" style="flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem;background:var(--bg3);border:1px solid var(--line-gd);font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gd);text-decoration:none;transition:background .2s" onmouseover="this.style.background='rgba(200,151,58,.1)'" onmouseout="this.style.background='var(--bg3)'"><svg viewBox="0 0 24 24" style="width:11px;height:11px;stroke:var(--gd);
624fill:none;stroke-width:2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>Mustang</a> 625 </div> 626 </div> 627 <div style="margin-top:1.25rem;display:flex;flex-direction:column;gap:.6rem"> 628 <a href="https://maps.app.goo.gl/GHV4HNksRBQ8BPwU6" target="_blank" rel="noopener noreferrer" style="display:flex;align-items:center;gap:.6rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gd);border:1px solid var(--line-gd);padding:.6rem 1rem;transition:background .2s" onmouseover="this.style.background='rgba(200,151,58,.08)'" onmouseout="this.style.background='transparent'"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:var(--gd);fill:none;stroke-width:2;flex-shrink:0"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>OKC, Get Directions â</a> 629 <a href="https://www.google.com/maps/search/Elite+Window+Tinting+Mustang+OK" target="_blank" rel="noopener noreferrer" style="display:flex;align-items:center;gap:.6rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gd);border:1px solid var(--line-gd);padding:.6rem 1rem;transition:background .2s" onmouseover="this.style.background='rgba(200,151,58,.08)'" onmouseout="this.style.background='transparent'"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:var(--gd);fill:none;stroke-width:2;flex-shrink:0"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>Mustang, Get Directions â</a> 630 </div> 631 </div> 632 </div> 633 </div> 634 <div style="border-top:1px solid var(--line);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.75rem;color:rgba(255,255,255,.2)"> 635 <span>© 2025 Elite Window Tinting & Paint Protection. All rights reserved.</span> 636 </div> 637 </div> 638</footer> 639<div id="sticky-bar"> 640 <a href="tel:4052568035" class="sticky-call" aria-label="Call Elite Tint OKC"><svg viewBox="0 0 24 24" style="width:16px;height:16px;stroke:var(--gd);fill:none;stroke-width:2;flex-shrink:0"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.3 19.79 19.79 0 0 1 1.62 4.7 2 2 0 0 1 3.59 2.52h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 10.09a16 16 0 0 0 6 6l.92-.92a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.49 17.5"/></svg> Call (405) 256-8035</a> 641 <div class="sticky-div"></div> 642 <button class="sticky-quote" onclick="openModal()">Get Free Quote</button> 643</div> 644<div class="overlay" id="qModal" onclick="if(event.target===this)closeModal()" tabindex="0" role="button"> 645 <div style="background:#fff;width:min(740px,96vw);margin:1rem auto;position:relative;border-radius:4px;overflow:visible"> 646 <button onclick="closeModal()" aria-label="Close" style="position:fixed;top:1rem;right:1rem;z-index:600;background:var(--gd);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:var(--bk);cursor:pointer">â</button> 647 <div id="tzw_ph" role="region" aria-label="Quote request form" style="height:400px;display:flex;align-items:center;justify-content:center"><div style="color:#888;font-size:.9rem">Loading...</div></div> 648 </div> 649</div>
650<script> 651(function(){ 652 // Modal 653 window.openModal = function(){ 654 var m=document.getElementById('qModal'); 655 if(!m||m.classList.contains('open'))return; 656 m.style.display='block'; m.classList.add('open'); 657 var sy=window.scrollY; document.body.dataset.sy=sy; 658 document.body.style.cssText='overflow:hidden;position:fixed;top:-'+sy+'px;width:100%'; 659 requestAnimationFrame(function(){var ph=document.getElementById('tzw_ph');if(ph){var ifr=document.createElement('iframe');ifr.src='https://app.tintwiz.com/web/ce/8uj2eytwwpymjpgjrlvo6xvjuor93imi';ifr.frameBorder='0';ifr.style.cssText='display:block;border:none;width:100%;height:1500px;min-height:1500px';ph.parentNode.replaceChild(ifr,ph);}}); 660 }; 661 window.closeModal = function(){ 662 var m=document.getElementById('qModal'); if(!m)return; 663 m.classList.remove('open'); m.style.display=''; 664 var sy=parseInt(document.body.dataset.sy||'0'); 665 document.body.style.cssText=''; window.scrollTo(0,sy); 666 }; 667 668 // Hamburger 669 var ham=document.getElementById('ham'), mob=document.getElementById('mob-nav'); 670 function closeMob(){ 671 if(mob)mob.style.display='none'; if(ham)ham.textContent='â°'; 672 var sy=parseInt(document.body.dataset.sy||'0'); 673 document.body.style.cssText=''; window.scrollTo(0,sy); 674 } 675 if(ham&&mob){ 676 ham.addEventListener('click',function(e){ 677 e.stopPropagation(); 678 if(mob.style.display==='flex'){closeMob();} 679 else{document.body.dataset.sy=window.scrollY;mob.style.display='flex';ham.textContent='â';document.body.style.cssText='overflow:hidden;position:fixed;top:-'+window.scrollY+'px;width:100%';} 680 }); 681 } 682 683 // Mobile toggles 684 var mst=document.getElementById('mob-svc-t'); 685 if(mst)mst.addEventListener('click',function(){var l=document.getElementById('mob-svc-list');if(l)l.style.display=l.style.display==='flex'?'none':'flex';}); 686 687 688 // Desktop dropdowns - click only (no hover to avoid race conditions) 689 var sli=document.getElementById('svc-li'), smeg=document.getElementById('svc-mega'); 690 var lli=document.getElementById('loc-li'), lmeg=document.getElementById('loc-mega'); 691 692 function closeDropdowns(){ 693 if(smeg){smeg.style.display='none'; if(sli)sli.classList.remove('open');} 694 if(lmeg){lmeg.style.display='none'; if(lli)lli.classList.remove('open');} 695 } 696 697 if(sli&&smeg){ 698 sli.querySelector('a').addEventListener('click',function(e){ 699 e.preventDefault(); e.stopPropagation(); 700 var wasOpen=smeg.style.display==='block'; 701 closeDropdowns(); 702 if(!wasOpen){smeg.style.display='block';sli.classList.add('open');} 703 }); 704 } 705 706 if(lli&&lmeg){ 707 lli.querySelector('a').addEventListener('click',function(e){ 708 e.preventDefault(); e.stopPropagation(); 709 var wasOpen=lmeg.style.display==='block'; 710 closeDropdowns(); 711 if(!wasOpen){lmeg.style.display='block';lli.classList.add('open');} 712 }); 713 } 714 715 // Hover for desktop 716 if(window.matchMedia('(hover:hover)').matches){ 717 var th; 718 if(sli&&smeg){ 719 sli.addEventListener('mouseenter',function(){clearTimeout(th);smeg.style.display='block';sli.classList.add('open');if(lmeg){lmeg.style.display='none';if(lli)lli.classList.remove('open');}}); 720 sli.addEventListener('mouseleave',function(){th=setTimeout(function(){smeg.style.display='none';sli.classList.remove('open');},300);}); 721 smeg.addEventListener('mouseenter',function(){clearTimeout(th);}); 722 smeg.addEventListener('mouseleave',function(){th=setTimeout(function(){smeg.style.display='none';sli.classList.remove('open');},300);}); 723 } 724 if(lli&&lmeg){ 725 lli.addEventListener('mouseenter',function(){clearTimeout(th);lmeg.style.display='block';lli.classList.add('open');if(smeg){smeg.style.display='none';if(sli)sli.classList.remove('open');}}); 726 lli.addEventListener('mouseleave',function(){th=setTimeout(function(){lmeg.style.display='none';lli.classList.remove('open');},300);}); 727 lmeg.addEventListener('mouseenter',function(){clearTimeout(th);}); 728 lmeg.addEventListener('mouseleave',function(){th=setTimeout(function(){lmeg.style.display='none';lli.classList.remove('open');},300);}); 729 } 730 } 731 732 // Document click - close dropdowns and mob nav 733 document.addEventListener('click',function(e){ 734 if(mob&&mob.style.display==='flex'&&!mob.contains(e.target)&&e.target!==ham&&!(ham&&ham.contains(e.target)))closeMob(); 735 if((!sli||!sli.contains(e.target))&&(!lli||!lli.contains(e.target)))closeDropdowns(); 736 }); 737 738})(); 739</script>
739 740</body> 741</html>
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.