1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <title>Dentist in Lancaster CA | Lancaster CA Dentist | Cosmetic Dentist Lancaster CA</title> 5 <meta charset="utf-8"> 6<meta name="viewport" content="width=device-width, initial-scale=1"> 7<meta name="robots" content="index, follow"> 8<meta property="og:title" content="AV Dental Wellness Group: Your Partner for a Beautiful & Healthy Smile"> 9<meta property="og:url" content="https://avdentalwellness.com/"> 10<meta property="og:type" content="website"> 11<meta property="og:description" content="Experience compassionate care and advanced technology at AV Dental Wellness Group in Lancaster, CA. From routine cleanings to smile transformations, we're here for all your dental needs."> 12<meta property="og:image" content="https://avdentalwellness.com/custom/images/logo.png"> 13<meta http-equiv="expires" content="never"> 14<meta http-equiv="cache-control" content="public"> 15<link rel="preload" as="script" href="https://api.aleso.ai/aleso.js"> 16<link rel="preload" as="script" href="/system/js/jquery-3.5.1.min.js">
17<script> 18 var javascript; 19 var javascript_deferred; 20 21 var js_id = 0; 22 var jsd_id = 0; 23 24 var viewport_size = 0; 25 26 javascript.load = []; 27 javascript_deferred.load = []; 28 29 30 function javascript() { }; 31 function javascript_deferred() { }; 32 33 function get_id() { 34 var uid = 'js_' + js_id; 35 javascript.load.push(uid); 36 js_id++; 37 return uid; 38 } 39 40 function get_deferred_id() { 41 var uid = 'jsd_' + jsd_id; 42 javascript_deferred.load.push(uid); 43 jsd_id++; 44 return uid; 45 } 46 47 // *** ADDED â Consent Mode v2 bootstrap *** 48 // Must run BEFORE the privacy IIFE installs its stubs. 49 // Uses the real gtag() function call (not raw array push) so that gtag.js 50 // registers consent state via its consent API â this is what makes hits 51 // report pscdl=granted/denied instead of pscdl=noapi. 52 53 var DI_CONSENT_MODE_V2 = (typeof window.DiConsentMode === 'boolean') ? window.DiConsentMode : true; 54 55 window.dataLayer = window.dataLayer || []; 56 window.gtag = function () { window.dataLayer.push(arguments); }; 57 58 window.google_tracking = window.google_tracking || {}; 59 window.google_tracking.gtag = window.gtag; 60 61 // Default: deny everything. Must be called before any Google tag loads. 62 window.gtag('consent', 'default', { 63 analytics_storage: 'denied', 64 ad_storage: 'denied', 65 ad_user_data: 'denied', 66 ad_personalization: 'denied', 67 wait_for_update: 500 68 }); 69 70 // Returning visitor with stored consent: update immediately so GTM/GA 71 // initialize already knowing consent is granted. 72 (function () { 73 try { 74 var name = 'di_privacy_consent'; 75 var match = document.cookie.match(new RegExp('(?:^|;\\s*)' + name + '=([^;]*)')); 76 if (match && decodeURIComponent(match[1]) === 'granted') { 77 window.gtag('consent', 'update', { 78 analytics_storage: 'granted', 79 ad_storage: 'granted', 80 ad_user_data: 'granted', 81 ad_personalization: 'granted' 82 }); 83 } 84 } catch (e) { } 85 })(); 86 // *** END ADDED â Consent Mode v2 bootstrap *** 87 88 89 (function (window, document) { 90 'use strict'; 91 92 /* 93 Privacy / Consent Tracking Controller 94 95 Purpose: 96 - Pending consent: hold known/curated tracking scripts and API calls. 97 - Accepted consent: release held tracking scripts/calls immediately. 98 - Rejected consent: discard held tracking scripts/calls. 99 - GPC / Do Not Track: always treat as denied. 100 - Unknown third-party scripts are not held client-side; they are controlled by the server-side CSP policy. 101 102 Important: 103 - This script intentionally distinguishes between: 104 1) Non-essential trackers / analytics / pixels / session replay tools. 105 2) Functional third-party services that are required for the site experience. 106 3) Unknown third-party resources, which should be blocked by server-side CSP while consent is pending/denied. 107 */ 108 109 var CONSENT_KEY = 'di_privacy_consent'; 110 var COOKIE_MAX_AGE = 60 * 60 * 24 * 180; 111 112 var heldScripts = []; 113 var heldCalls = []; 114 var heldSockets = []; 115 116 function _logBlocked() { 117 console.log.apply(console, arguments); 118 } 119 120 function detectGPC() { 121 try { 122 // Global Privacy Control, where supported. 123 if (navigator && typeof navigator.globalPrivacyControl !== 'undefined') { 124 if (navigator.globalPrivacyControl) return true; 125 } 126 127 if (window.matchMedia && window.matchMedia('(global-privacy-control: 1)').matches) { 128 return true; 129 } 130 131 // Legacy browser "Do Not Track" support. 132 var dnt = navigator.doNotTrack || window.doNotTrack || navigator.msDoNotTrack; 133 if (dnt === '1' || dnt === 'yes') { 134 return true; 135 } 136 } catch (e) { } 137 138 return false; 139 } 140 141 function getStoredConsent() { 142 try { 143 var name = CONSENT_KEY.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); 144 var match = document.cookie.match(new RegExp('(?:^|;\\s*)' + name + '=([^;]*)')); 145 146 if (!match) { 147 return null; 148 } 149 150 var v = decodeURIComponent(match[1]); 151 152 if (v === 'granted' || v === 'denied') { 153 return v; 154 } 155 } catch (e) { } 156 157 return null; 158 } 159 160 function setStoredConsent(v) { 161 if (v !== 'granted' && v !== 'denied') { 162 return; 163 } 164 165 /* 166 The consent cookie is the single source of truth. 167 168 It controls: 169 - Server-side CSP mode 170 - JavaScript consent state 171 - Whether the banner appears 172 173 When this cookie expires, consent returns to "pending" and the banner 174 will be shown again. 175 */ 176 try { 177 document.cookie = 178 CONSENT_KEY + '=' + encodeURIComponent(v) + 179 '; Path=/' + 180 '; Max-Age=' + COOKIE_MAX_AGE + 181 '; SameSite=Lax' + 182 (window.location.protocol === 'https:' ? '; Secure' : ''); 183 } catch (e) { } 184 } 185 186 function clearStoredConsent() { 187 try { 188 document.cookie = 189 CONSENT_KEY + '=; Path=/; Max-Age=0; SameSite=Lax' + 190 (window.location.protocol === 'https:' ? '; Secure' : ''); 191 } catch (e) { } 192 } 193 194 function clearLegacyStoredConsent() { 195 try { 196 localStorage.removeItem(CONSENT_KEY); 197 } catch (e) { } 198 } 199 200 clearLegacyStoredConsent(); 201 202 var gpcEnabled = detectGPC(); 203 var storedConsent = getStoredConsent(); 204 var consent = storedConsent || null; 205 206 function getConsentState() { 207 if (gpcEnabled) return 'denied'; 208 return consent || 'pending'; 209 } 210 211 function trackingAllowed() { 212 return !gpcEnabled && consent === 'granted'; 213 } 214 215 function shouldHold() { 216 return !gpcEnabled && getConsentState() === 'pending'; 217 } 218 219 function shouldDrop() { 220 return gpcEnabled || getConsentState() === 'denied'; 221 } 222 223 /* 224 Early static script guard. 225 226 This catches hard-coded parser-discovered
226<script src="..."> tags that appear 227 later in the HTML, before the browser has a chance to execute them. 228 229 This is especially important for trackers added as normal static HTML tags, 230 such as Cloudflare Web Analytics / Browser Insights. 231 232 Note: 233 - This is not meant to replace CSP. 234 - CSP is still the hard server-side fallback. 235 - This guard exists so known static tracker scripts can be held/released 236 on the same page after consent. 237 */ 238 var earlyStaticScriptPatterns = [ 239 /static\.cloudflareinsights\.com\/beacon\.min\.js/i, 240 /js\.zi-scripts\.com\/zi-tag\.js/i 241 ]; 242 243 function earlyMatchesStaticScript(src) { 244 if (!src) return false; 245 246 var s = String(src); 247 248 for (var i = 0; i < earlyStaticScriptPatterns.length; i++) { 249 if (earlyStaticScriptPatterns[i].test(s)) { 250 return true; 251 } 252 } 253 254 return false; 255 } 256 257 function earlyCloneScriptForRelease(original) { 258 var clone = document.createElement('script'); 259 260 for (var i = 0; i < original.attributes.length; i++) { 261 var attr = original.attributes[i]; 262 263 try { 264 clone.setAttribute(attr.name, attr.value); 265 } catch (e) { } 266 } 267 268 return clone; 269 } 270 271 function earlyHoldStaticScript(script) { 272 if (!script || !script.src) return false; 273 274 var src = script.src; 275 276 if (!earlyMatchesStaticScript(src)) { 277 return false; 278 } 279 280 for (var i = 0; i < heldScripts.length; i++) { 281 if (heldScripts[i].src === src) { 282 return true; 283 } 284 } 285 286 if (shouldHold()) { 287 heldScripts.push({ 288 src: src, 289 node: earlyCloneScriptForRelease(script), 290 parent: document.head || document.documentElement, 291 method: 'appendChild', 292 refNode: null 293 }); 294 295 try { 296 if (script.parentNode) { 297 script.parentNode.removeChild(script); 298 } 299 } catch (e) { } 300 301 _logBlocked('[Privacy] Early-held static tracker script until consent â', src); 302 return true; 303 } 304 305 if (shouldDrop()) { 306 try { 307 if (script.parentNode) { 308 script.parentNode.removeChild(script); 309 } 310 } catch (e) { } 311 312 _logBlocked('[Privacy] Early-removed static tracker script â', src); 313 return true; 314 } 315 316 return false; 317 } 318 319 function installEarlyStaticScriptGuard() { 320 function scanExistingScriptsEarly() { 321 var scripts = document.querySelectorAll('script[src]'); 322 323 for (var i = 0; i < scripts.length; i++) { 324 earlyHoldStaticScript(scripts[i]); 325 } 326 } 327 328 scanExistingScriptsEarly(); 329 330 if (window.MutationObserver && document.documentElement) { 331 try { 332 var earlyObserver = new MutationObserver(function (mutations) { 333 for (var i = 0; i < mutations.length; i++) { 334 var added = mutations[i].addedNodes; 335 336 for (var j = 0; j < added.length; j++) { 337 var node = added[j]; 338 339 if (node && node.tagName === 'SCRIPT') { 340 earlyHoldStaticScript(node); 341 } 342 343 if (node && node.querySelectorAll) { 344 var scripts = node.querySelectorAll('script[src]'); 345 346 for (var k = 0; k < scripts.length; k++) { 347 earlyHoldStaticScript(scripts[k]); 348 } 349 } 350 } 351 } 352 }); 353 354 earlyObserver.observe(document.documentElement, { 355 childList: true, 356 subtree: true 357 }); 358 } catch (e) { } 359 } 360 } 361 362 installEarlyStaticScriptGuard(); 363 364 /* 365 Beacon/network endpoints. 366 367 These are non-essential analytics, ads, attribution, session replay, 368 heatmap, call tracking, fingerprinting, and marketing automation endpoints. 369 370 While consent is pending or denied, requests matching these patterns are 371 blocked client-side. This prevents known trackers from sending data even if 372 a script tries to fire a fetch/XHR/sendBeacon/image beacon. 373 */ 374 var beaconPatterns = [ 375 376 // Google Ads / AdSense / remarketing / conversion endpoints 377 /:\/\/ssl\.google-analytics\.com\//i, 378 /:\/\/stats\.g\.doubleclick\.net\//i, 379 /:\/\/www\.google\.com\/pagead\/1p-user-list/i, 380 /:\/\/www\.google\.com\/pagead\/conversion/i, 381 /:\/\/googleads\.g\.doubleclick\.net\//i, 382 /:\/\/pagead2\.googlesyndication\.com\//i, 383 /:\/\/www\.googlesyndication\.com\/pagead\//i, 384 /:\/\/www\.googleadservices\.com\/pagead\//i, 385 /:\/\/www\.google\.com\/pagead\//i, 386 387 // Meta / Facebook 388 /:\/\/www\.facebook\.com\/tr\?/i, 389 /:\/\/graph\.facebook\.com\/v\d+\.\d+\/events/i, 390 391 // TikTok 392 /:\/\/business\.tiktok\.com\/bt\//i, 393 /:\/\/s\.tiktok\.com\//i, 394 395 // Pinterest 396 /:\/\/log\.pinterest\.com\//i, 397 /:\/\/analytics\.pinterest\.com\//i, 398 399 // LinkedIn 400 /:\/\/px\.ads\.linkedin\.com/i, 401 402 // Snapchat 403 /:\/\/tr\.snapchat\.com\//i, 404 405 // Twitter / X 406 /:\/\/analytics\.twitter\.com\//i, 407 /:\/\/t\.co\/i\/collect/i, 408 409 // Reddit Ads 410 /:\/\/events\.redditmedia\.com\//i, 411 /:\/\/www\.redditstatic\.com\/ads\/pixel\.js/i, 412 /:\/\/alb\.reddit\.com\//i, 413 414 // Heatmaps / session replay / behavior tracking 415 /:\/\/static\.hotjar\.com\/c\/hotjar-/i, 416 /:\/\/track\.hotjar\.com\//i, 417 /:\/\/script\.crazyegg\.com\/pages\//i, 418 /:\/\/rs\.fullstory\.com/i, 419 /:\/\/api\.mouseflow\.com\//i, 420 /:\/\/www\.clarity\.ms\/collect/i, 421 /:\/\/tools\.luckyorange\.com\//i, 422 423 // Marketing automation / CRM / attribution 424 /:\/\/track\.hubspot\.com\//i, 425 /:\/\/api\.hsforms\.com\/submissions/i, 426 /:\/\/piwik\.pardot\.com\//i, 427 /:\/\/go\.pardot\.com\//i, 428 /:\/\/cdn\.segment\.com\/v1\/p\//i, 429 /:\/\/api\.mixpanel\.com\//i, 430 /:\/\/api\.amplitude\.com/i, 431 /:\/\/plausible\.io\/api\/event/i, 432 /:\/\/matomo\.cloud\/matomo\.php/i, 433 /:\/\/.*\/matomo\.php/i, 434 /:\/\/analytics\.liine\.com\//i, 435 /:\/\/instantleadcapture\.com\//i, 436 /:\/\/px\.premion\.com\//i, 437 /:\/\/js\.adsrvr\.org\//i, 438 /:\/\/cdn\.raek\.net\//i, 439 /:\/\/s1\.revenuewell\.com\//i, 440 /:\/\/diffuser-cdn\.app-us1\.com\//i, 441 /:\/\/chimpstatic\.com\//i, 442 443 // Fingerprinting-style endpoints or libraries. 444 /fingerprint/i, 445 /\.fpjs\.io/i, 446 447 // AdRoll 448 /:\/\/s\.adroll\.com\//i, 449 /:\/\/d\.adroll\.com\//i, 450 /:\/\/pixel\.adroll\.com\//i, 451 452 // ZoomInfo 453 /:\/\/ws\.zoominfo\.com\/pixel\//i, 454 /:\/\/ws\.zoominfo\.com\//i, 455 456 // VigLink / affiliate tracking 457 /:\/\/vigl\.us\//i, 458 459 // Trovo tag 460 /:\/\/tag\.trovo-tag\.com\//i, 461
462 // Programmatic adtech / cookie-sync / audience matching 463 /:\/\/x\.bidswitch\.net\/sync/i, 464 /:\/\/pixel\.tapad\.com\/idsync/i, 465 /:\/\/ml314\.com\/utsync\.ashx/i, 466 /:\/\/ps\.eyeota\.net\/match/i, 467 /:\/\/cm\.g\.doubleclick\.net\/pixel/i, 468 /:\/\/dsum-sec\.casalemedia\.com\/rum/i, 469 /:\/\/image2\.pubmatic\.com\/AdServer\/Pug/i, 470 /:\/\/pixel\.rubiconproject\.com\/tap\.php/i, 471 /:\/\/us-u\.openx\.net\/w\/1\.0\/sd/i, 472 /:\/\/sync\.outbrain\.com\/cookie-sync/i, 473 /:\/\/sync\.taboola\.com\//i, 474 /:\/\/eb2\.3lift\.com\/xuid/i, 475 /:\/\/ib\.adnxs\.com\/setuid/i, 476 477 // Patient Prism / call intelligence 478 /:\/\/next-api\.patientprism\.com\/v1\/snippet\//i, 479 480 // First-party legacy referral / page interaction tracking 481 // /:\/\/referrals\.di-api\.com\//i, 482 483 // Identity / ad targeting / profiling 484 /:\/\/pro\.ip-api\.com\/json\//i, 485 /:\/\/alocdn\.com\/.*\/xtarget\/p\.json/i, 486 /:\/\/tag\.link-url\.io\//i, 487 /:\/\/idx\.liadm\.com\//i, 488 489 // Cloudflare Web Analytics / Browser Insights 490 /:\/\/static\.cloudflareinsights\.com\/beacon/i, 491 /:\/\/cloudflareinsights\.com\//i, 492 493 // Additional tracker / analytics / adtech beacon endpoints 494 /:\/\/dni\.logmycalls\.com\//i, 495 /:\/\/insight\.adsrvr\.org\//i, 496 /:\/\/bat\.bing\.com\//i, 497 /:\/\/settings\.luckyorange\.com\//i, 498 /:\/\/app\.operadds\.com\//i, 499 /:\/\/js\.zi-scripts\.com\//i, 500 /:\/\/analytics-[0-9]+\.kxcdn\.com\//i, 501 /:\/\/alice\.liine\.com\//i, 502 /:\/\/data\.hockeystack\.com\/send/i,
503 /:\/\/jelly\.mdhv\.io\//i, 504 /:\/\/tag\.simpli\.fi\//i, 505 /:\/\/i\.simpli\.fi\/p/i, 506 /:\/\/um\.simpli\.fi\//i, 507 /:\/\/www\.redditstatic\.com\/ads\/pixel\.js/i, 508 /:\/\/dni\.logmycalls\.com\//i, 509 /:\/\/a\.usbrowserspeed\.com\/cs/i, 510 /:\/\/.*\.usbrowserspeed\.com\/cs/i, 511 512 // Pendo product analytics 513 /:\/\/cdn\.pendo\.io\//i, 514 /:\/\/data\.pendo\.io\//i, 515 /:\/\/app\.pendo\.io\//i, 516 517 // Piwik PRO analytics / tag manager 518 /:\/\/.*\.piwik\.pro\//i, 519 520 // Leadpages analytics 521 /:\/\/api\.leadpages\.io\/analytics\//i, 522 523 // BrandCDN / conversion pixel 524 /:\/\/adservices\.brandcdn\.com\/pixel\//i, 525 526 // LiveRamp / identity sync 527 /:\/\/idsync\.rlcdn\.com\//i, 528 529 // Kissmetrics analytics 530 /:\/\/i\.kissmetrics\.io\//i, 531 /:\/\/scripts\.kissmetrics\.io\//i, 532 /:\/\/trk\.kissmetrics\.io\//i, 533 /:\/\/et\.kissmetrics\.io\//i, 534 535 // RLETS / call tracking / attribution storage iframe 536 /:\/\/[^\/]+\.rlets\.com\/static\/storage\.html/i, 537 538 // ReachLocal / LocaliQ capture, attribution, geolocation enrichment 539 /:\/\/capture-api\.reachlocalservices\.com\//i, 540 541 // EXTENDED LIST --- 542 // Scheduling / booking widgets 543 /:\/\/[^\/]*calendly\.com\//i, 544 /:\/\/assets\.calendly\.com\//i, 545 /:\/\/[^\/]*localmed\.com\//i, 546 /:\/\/frontend\.assets\.nexhealth\.com\//i, 547 /:\/\/schedule\.jarvisanalytics\.com\//i, 548 /:\/\/embed\.acuityscheduling\.com\//i, 549 /:\/\/cdn\.timetrade\.com\//i, 550 /:\/\/book\.getweave\.com\//i, 551 /:\/\/book2\.getweave\.com\//i, 552 /:\/\/book\.gke1-west3\.wsf-prod-1\.wstack\.net\//i, 553 /:\/\/nextgen\.clixondental\.com\//i, 554 /:\/\/olb\.saloniris\.com\//i, 555 /:\/\/plugin\.mysalononline\.com\//i, 556 557 // Zocdoc 558 /:\/\/api\.zocdoc\.com\//i, 559 /:\/\/api2\.zocdoc\.com\//i, 560 /:\/\/bob\.zocdoc\.com\//i, 561 /:\/\/static\.zocdoc\.com\//i, 562 /:\/\/www\.zocdoc\.com\//i, 563 /:\/\/book\.zocdoc\.com\//i, 564 /:\/\/offsiteschedule\.zocdoc\.com\//i, 565 /:\/\/[^\/]+\.zocdoc\.com\//i, 566 567 // Chat / chatbot / AI assistant widgets 568 /:\/\/connect\.podium\.com\//i, 569 /:\/\/platform\.swellcx\.com\//i, 570 /:\/\/cdn\.apigateway\.co\//i, 571 /:\/\/chat\.gocloudgain\.com\//i, 572 /:\/\/chat\.dentina\.ai\//i, 573 /:\/\/static\.ai\.getdeardoc\.com\//i, 574 /:\/\/chat\.getdeardoc\.com\//i, 575 /:\/\/api\.chat\.getdeardoc\.com\//i, 576 /:\/\/app\.dasconsultantsusa\.com\//i, 577 /:\/\/server\.dasconsultantsusa\.com\//i, 578 /:\/\/app\.purechat\.com\//i, 579 /:\/\/widgetapi\.purechat\.com\//i, 580 /:\/\/[^\/]*botsrv\.com\//i, 581 /:\/\/botsrv2\.com\//i, 582 /:\/\/static\.botsrv2\.com\//i, 583 /:\/\/app\.botsify\.com\//i, 584 /:\/\/widget\.botsify\.com\//i, 585 /:\/\/embed\.tawk\.to\//i, 586 /:\/\/static-v\.tawk\.to\//i, 587 /:\/\/va\.tawk\.to\//i, 588 /:\/\/[^\/]+\.tawk\.to\//i, 589 /:\/\/[^\/]*formilla\.com\//i, 590 /:\/\/widgets\.leadconnectorhq\.com\//i, 591 /:\/\/services\.leadconnectorhq\.com\//i, 592 /:\/\/services\.msgsndr\.com\//i, 593 /:\/\/app\.chatsupport\.co\//i, 594 /:\/\/[^\/]*truelark\.com\//i, 595 /:\/\/ops\.truelark\.com\//i, 596 /:\/\/[^\/]*247aireceptionist\.com\//i, 597 /:\/\/code\.jivosite\.com\//i, 598 /:\/\/[^\/]+\.jivosite\.com\//i, 599 /:\/\/api\.livechatinc\.com\//i, 600 /:\/\/cdn\.livechatinc\.com\//i, 601 /:\/\/[^\/]+\.livechatinc\.com\//i, 602 /:\/\/chat\.doctorsinternet\.com\/web-bot\//i, 603 604 // Forms / lead capture / embedded form systems 605 /:\/\/webform\.adit\.com\//i, 606 /:\/\/embed\.lpcontent\.net\//i, 607 /:\/\/api\.leadpages\.io\//i, 608 /:\/\/app-widgets\.jotform\.io\//i, 609 /:\/\/widgets\.jotform\.io\//i, 610 /:\/\/forms\.liine\.com\//i, 611 /:\/\/dim\.dentalimplantmachine\.co\//i, 612 /:\/\/[^\/]+\.kit\.com\//i, 613 /:\/\/[^\/]+\.ck\.page\//i, 614 /:\/\/[^\/]*convertkit\.com\//i, 615 /:\/\/app\.convertkit\.com\//i, 616 /:\/\/f\.convertkit\.com\//i, 617 /:\/\/api\.hsforms\.com\//i, 618 /:\/\/forms\.hsforms\.com\//i, 619 /:\/\/js\.hsforms\.net\//i, 620 621 // Reviews / reputation / social proof widgets 622 /:\/\/go\.doctorsinternet\.com\//i, 623 /:\/\/go\.pimm-usa\.com\//i, 624 /:\/\/widgets-v7\.birdeye\.com\//i, 625 /:\/\/webchat\.birdeye\.com\//i, 626 /:\/\/widget-v7-cdn\.birdeye\.com\//i, 627 /:\/\/[^\/]*birdeye\.com\//i, 628 /:\/\/widgets\.revue\.us\//i, 629 /:\/\/widgets\.thereviewsplace\.com\//i, 630 /:\/\/assets\.thereviewsplace\.com\//i, 631 /:\/\/api\.thereviewsplace\.com\//i, 632 /:\/\/providers\.doctor\.com\//i, 633 /:\/\/app\.operadds\.com\//i, 634 /:\/\/reviewsonmywebsite\.com\//i, 635 /:\/\/localimpact\.com\//i, 636 /:\/\/local\.demandforce\.com\//i, 637 /:\/\/www\.demandforced3\.com\//i, 638 /:\/\/[^\/]*elfsight\.com\//i, 639 /:\/\/[^\/]*elfsightcdn\.com\//i, 640 641 // Social widgets / embeds 642 /:\/\/www\.instagram\.com\//i, 643 /:\/\/www\.tiktok\.com\//i, 644 /:\/\/lf16-tiktok-web\.tiktokcdn-us\.com\//i, 645 /:\/\/www\.facebook\.com\/plugins\//i, 646 /:\/\/widgets\.pinterest\.com\//i, 647 /:\/\/www\.yelp\.com\//i, 648 649 // Financing / payment / membership widgets 650 /:\/\/files\.withcherry\.com\//i, 651 /:\/\/gql\.withcherry\.com\//i, 652 /:\/\/master-cherry-storage\.s3\.us-west-2\.amazonaws\.com\//i, 653 /:\/\/member\.kleer\.com\//i, 654 /:\/\/member\.clerri\.com\//i, 655 /:\/\/checkout\.staxpayments\.com\//i, 656 /:\/\/goblueswipe\.transactiongateway\.com\//i, 657 /:\/\/secure\.networkmerchants\.com\//i, 658 /:\/\/apply\.sunbit\.com\//i, 659 /:\/\/www\.paypal\.com\//i, 660 /:\/\/www\.paypalobjects\.com\//i, 661 /:\/\/www\.carecredit\.com\//i, 662 663 // Patient / health / practice widgets that may create sessions or lead context 664 /:\/\/patient\.phreesia\.com\//i, 665 /:\/\/patient\.klara\.com\//i, 666 /:\/\/widget\.klara\.com\//i, 667 /:\/\/patient-api\.speareducation\.com\//i, 668 /:\/\/api\.modento\.io\//i, 669 /:\/\/app\.neuralityhealth\.ai\//i, 670 /:\/\/www\.smilevirtual\.com\//i, 671 /:\/\/[^\/]*doctible\.com\//i, 672 /:\/\/[^\/]*yapiapp\.io\//i, 673 674 // Intake / scheduling / patient forms 675 /:\/\/[^\/]*intakeq\.com\//i, 676 /:\/\/app\.prod\.intelibly\.com\//i, 677 /:\/\/app\.intelibly\.com\//i, 678 /:\/\/sc-widget\.prod\.intelibly\.com\//i, 679 /:\/\/clients-cdn\.pplpractice\.com\//i, 680 /:\/\/webrefillplugin\.bestrxconnect\.com\//i, 681 /:\/\/view\.implantsmiles\.co\//i, 682 683 // Simplifeye / patient communication 684 /:\/\/embed\.simplifeye\.co\//i, 685 /:\/\/api\.simplifeye\.co\//i, 686 687 // AI chat / chatbot / web assistant widgets 688 /:\/\/aichatbotweb\.revenuewell\.com\//i, 689 /:\/\/[^\/]+\.web-assistant\.tensorlinks\.app\//i, 690 /:\/\/[^\/]*tensorlinks\.app\//i, 691 /:\/\/api\.heygent\.ai\//i, 692 /:\/\/lexicon-prod\.apigateway\.co\//i, 693 /:\/\/conversation-prod\.apigateway\.co\//i, 694 /:\/\/widget\.osam\.one\//i, 695 696 // Local marketing / lead widgets 697 /:\/\/www\.localmarketingmanager\.com\//i, 698 /:\/\/[^\/]*localmarketingmanager\.com\//i, 699 700 // Health / patient commerce / referral widgets 701 /:\/\/assets\.fullscript\.com\//i, 702 /:\/\/www\.opencare\.com\//i, 703 /:\/\/[^\/]*opencare\.com\//i 704 // END EXTENDED LIST --- 705 ]; 706 707 if (!DI_CONSENT_MODE_V2) { 708 beaconPatterns.push( 709 /:\/\/www\.google-analytics\.com\/collect/i, 710 /:\/\/www\.google-analytics\.com\/g\/collect/i, 711 /:\/\/www\.googletagmanager\.com\/collect/i, 712 /:\/\/region1\.google-analytics\.com\/g\/collect/i, 713 /:\/\/region2\.google-analytics\.com\/g\/collect/i, 714 /:\/\/analytics\.google\.com\/g\/collect/i 715 ); 716 } 717 /* 718 Script loader patterns. 719 720 These are known non-essential tracker scripts. While consent is pending, 721 the script is held instead of loaded. If consent is accepted, held scripts 722 are released on the same page. If consent is denied, held scripts are discarded. 723 */ 724 var blockUrls = [ 725 726 // Google Ads / AdSense / remarketing scripts 727 /google\.com\/pagead\/tag\/js/i, 728 /googleads\.g\.doubleclick\.net\//i, 729 /pagead2\.googlesyndication\.com\//i, 730 /pagead2\.googlesyndication\.com\/pagead\//i, 731 /www\.googlesyndication\.com\/pagead\//i, 732 /www\.googleadservices\.com\/pagead\//i, 733 734 // Meta / Facebook 735 /connect\.facebook\.net\/.*\/fbevents\.js/i, 736 /facebook\.com\/tr\/?/i, 737 738 // TikTok 739 /business\.tiktok\.com\/widget/i, 740 /s\.tiktok\.com\//i, 741 /analytics\.tiktok\.com\/i18n\/pixel\/events\.js/i, 742 743 // LinkedIn 744 /snap\.licdn\.com\/li\.js/i, 745 /snap\.licdn\.com\/li\.lms-analytics\/insight\.min\.js/i, 746 747 // Twitter / X 748 /static\.ads-twitter\.com\/uwt\.js/i, 749 750 // Pinterest 751 /assets\.pinterest\.com\/js\/pinit\.js/i, 752 753 // Snapchat 754 /sc-static\.net\/connect\.js/i, 755 756 // Heatmaps / session replay / user behavior analytics 757 /static\.hotjar\.com\/c\/hotjar-/i, 758 /tools\.luckyorange\.com\/core\/lo\.js/i, 759 /fullstory\.com\/s\/fs\.js/i, 760 /clarity\.ms\/tag/i, 761 /script\.crazyegg\.com\/pages\//i, 762 /mouseflow\.com\/projects\//i, 763 764 // Analytics / CDP / product analytics 765 /cdn\.mixpanel\.com\/lib/i, 766 /cdn\.amplitude\.com\/js/i, 767 /cdn\.segment\.com\/analytics/i, 768 /plausible\.io\/js\/script/i, 769 770 // Call tracking / DNI / lead capture / attribution 771 /tctm\.co\/t\.js/i, 772 /appcontent\.practicenumbers\.com\/phone_number_replace_/i, 773 /cdn\.callrail\.com\/companies\/.+\/swap\.js/i, 774 /cdn\.calltrk\.com\/companies\/.+\/swap\.js/i, 775 /cdn\.rlets\.com\/capture_configs\//i, 776 /analytics\.liine\.com\/v1\/bootstrapped/i, 777 /instantleadcapture\.com\/px\.min\.js/i, 778 /js\.adsrvr\.org\/up_loader/i, 779 /px\.premion\.com\/pixel\.js/i, 780 781 // Anti-fraud / visitor ID / attribution-style scripts 782 /www\.clickcease\.com\/monitor\/.+\.js/i, 783 /cdn\.raek\.net\/js\/raek\.min\.js/i, 784 /hockeystack(@latest)?\/hockeystack\.min\.js/i, 785 786 // Chat/CX scripts that include explicit tracking behavior. 787 /cdn\.livechatinc\.com\/tracking\.js/i, 788 /static\.mobilemonkey\.com\/js\/business_/i, 789 /static\.zdassets\.com\/ekr\/snippet\.js/i,
790 /platform\.swellcx\.com\/widget\/js\/chat\.js/i, 791 /cdn\.apigateway\.co\/webchat-client/i, 792 793 // Marketing automation / email / CRM 794 /js\.hubspot\.com\/analytics/i, 795 /js\.hs-scripts\.com\/\d+\.js/i, 796 /js\.hsforms\.net\/forms\/embed\/v2\.js/i, 797 /chimpstatic\.com\/mcjs-connected\/js\//i, 798 /diffuser-cdn\.app-us1\.com\/diffuser\/diffuser\.js/i, 799 /tag\.brandcdn\.com\/autoscript\//i, 800 /tag\.validate\.audio\/validate\.js/i, 801 /s1\.revenuewell\.com\/scripts\/js-api\.js/i, 802 803 // BrandCDN conversion pixel script 804 /adservices\.brandcdn\.com\/pixel\/cv_pixel\.js/i, 805 806 // AdRoll 807 /s\.adroll\.com\/j\/[^\/]+\/roundtrip\.js/i, 808 809 // ZoomInfo pixel 810 /ws\.zoominfo\.com\/pixel\//i, 811 812 // Trovo tag iframe/script 813 /tag\.trovo-tag\.com\//i, 814 815 // Patient Prism / call intelligence 816 /next-api\.patientprism\.com\/v1\/snippet\//i, 817 818 // Cloudflare Web Analytics / Browser Insights 819 /static\.cloudflareinsights\.com\/beacon\.min\.js/i, 820 821 // Additional tracker scripts 822 /dni\.logmycalls\.com\/dni\.js/i, 823 /insight\.adsrvr\.org\//i, 824 /bat\.bing\.com\/bat\.js/i, 825 /settings\.luckyorange\.com\//i, 826 /app\.operadds\.com\//i, 827 /js\.zi-scripts\.com\/zi-tag\.js/i, 828 /analytics-[0-9]+\.kxcdn\.com\/analytics\.js/i, 829 /tag\.simpli\.fi\//i, 830 /i\.simpli\.fi\/p/i, 831 /www\.redditstatic\.com\/ads\/pixel\.js/i, 832 /dni\.logmycalls\.com\/dni\.js/i, 833 834 // Pendo product analytics 835 /cdn\.pendo\.io\/agent\/static\/[^\/]+\/pendo\.js/i, 836 837 // Piwik PRO container / analytics 838 /containers\.piwik\.pro\/[^\/]+\.js/i, 839 840 // Kissmetrics analytics scripts 841 /i\.kissmetrics\.io\/i\.js/i, 842 /scripts\.kissmetrics\.io\/.*\.js/i, 843 844 // EXTENDED LIST --- 845 // Scheduling / booking widgets 846 /calendly\.com/i, 847 /assets\.calendly\.com/i, 848 /localmed\.com/i, 849 /frontend\.assets\.nexhealth\.com/i, 850 /schedule\.jarvisanalytics\.com/i, 851 /embed\.acuityscheduling\.com/i, 852 /cdn\.timetrade\.com/i, 853 /book\.getweave\.com/i, 854 /book2\.getweave\.com/i, 855 /book\.gke1-west3\.wsf-prod-1\.wstack\.net/i, 856 /nextgen\.clixondental\.com/i, 857 /olb\.saloniris\.com/i, 858 /plugin\.mysalononline\.com/i, 859 860 // Zocdoc 861 /zocdoc\.com/i, 862 /zocdocstatic\.com/i, 863 /static\.zocdoc\.com/i, 864 /offsiteschedule\.zocdoc\.com/i, 865 /book\.zocdoc\.com/i, 866 867 // Chat / chatbot / AI assistant widgets 868 /connect\.podium\.com/i, 869 /platform\.swellcx\.com/i, 870 /cdn\.apigateway\.co/i, 871 /chat\.gocloudgain\.com/i, 872 /chat\.dentina\.ai/i, 873 /static\.ai\.getdeardoc\.com/i, 874 /chat\.getdeardoc\.com/i, 875 /api\.chat\.getdeardoc\.com/i, 876 /app\.dasconsultantsusa\.com/i, 877 /server\.dasconsultantsusa\.com/i, 878 /app\.purechat\.com/i, 879 /widgetapi\.purechat\.com/i, 880 /botsrv\.com/i, 881 /botsrv2\.com/i, 882 /static\.botsrv2\.com/i, 883 /app\.botsify\.com/i, 884 /widget\.botsify\.com/i, 885 /embed\.tawk\.to/i, 886 /static-v\.tawk\.to/i, 887 /va\.tawk\.to/i, 888 /formilla\.com/i, 889 /widgets\.leadconnectorhq\.com/i, 890 /services\.leadconnectorhq\.com/i, 891 /services\.msgsndr\.com/i, 892 /app\.chatsupport\.co/i, 893 /truelark\.com/i, 894 /ops\.truelark\.com/i, 895 /247aireceptionist\.com/i, 896 /code\.jivosite\.com/i, 897 /jivosite\.com/i, 898 /api\.livechatinc\.com/i, 899 /cdn\.livechatinc\.com/i, 900 /chat\.doctorsinternet\.com/i, 901 902 // Forms / lead capture / embedded form systems 903 /webform\.adit\.com/i, 904 /embed\.lpcontent\.net/i, 905 /api\.leadpages\.io/i, 906 /app-widgets\.jotform\.io/i, 907 /widgets\.jotform\.io/i, 908 /forms\.liine\.com/i, 909 /dim\.dentalimplantmachine\.co/i, 910 /kit\.com/i, 911 /ck\.page/i, 912 /convertkit\.com/i, 913 /app\.convertkit\.com/i, 914 /f\.convertkit\.com/i, 915 /api\.hsforms\.com/i, 916 /forms\.hsforms\.com/i, 917 /js\.hsforms\.net/i, 918 919 // Reviews / reputation / social proof widgets 920 /go\.doctorsinternet\.com/i, 921 /go\.pimm-usa\.com/i, 922 /widgets-v7\.birdeye\.com/i, 923 /webchat\.birdeye\.com/i, 924 /widget-v7-cdn\.birdeye\.com/i, 925 /birdeye\.com/i, 926 /widgets\.revue\.us/i, 927 /widgets\.thereviewsplace\.com/i, 928 /assets\.thereviewsplace\.com/i, 929 /api\.thereviewsplace\.com/i, 930 /providers\.doctor\.com/i, 931 /app\.operadds\.com/i, 932 /reviewsonmywebsite\.com/i, 933 /localimpact\.com/i, 934 /local\.demandforce\.com/i, 935 /demandforced3\.com/i, 936 /elfsight\.com/i, 937 /elfsightcdn\.com/i, 938 939 // Social widgets / embeds 940 /instagram\.com/i, 941 /tiktok\.com/i, 942 /lf16-tiktok-web\.tiktokcdn-us\.com/i, 943 /facebook\.com\/plugins/i, 944 /widgets\.pinterest\.com/i, 945 /www\.yelp\.com/i, 946 947 // Financing / payment / membership widgets 948 /files\.withcherry\.com/i, 949 /gql\.withcherry\.com/i, 950 /master-cherry-storage\.s3\.us-west-2\.amazonaws\.com/i, 951 /member\.kleer\.com/i, 952 /member\.clerri\.com/i, 953 /checkout\.staxpayments\.com/i, 954 /goblueswipe\.transactiongateway\.com/i, 955 /secure\.networkmerchants\.com/i, 956 /apply\.sunbit\.com/i, 957 /www\.paypal\.com/i, 958 /www\.paypalobjects\.com/i, 959 /www\.carecredit\.com/i, 960 961 // Patient / health / practice widgets that may create sessions or lead context 962 /patient\.phreesia\.com/i, 963 /patient\.klara\.com/i, 964 /widget\.klara\.com/i, 965 /patient-api\.speareducation\.com/i, 966 /api\.modento\.io/i, 967 /app\.neuralityhealth\.ai/i, 968 /www\.smilevirtual\.com/i, 969 /doctible\.com/i, 970 /yapiapp\.io/i, 971 972 // Intake / scheduling / patient forms 973 /intakeq\.com/i, 974 /app\.prod\.intelibly\.com/i, 975 /app\.intelibly\.com/i, 976 /sc-widget\.prod\.intelibly\.com/i, 977 /clients-cdn\.pplpractice\.com/i, 978 /webrefillplugin\.bestrxconnect\.com/i, 979 /view\.implantsmiles\.co/i, 980 981 // Simplifeye / patient communication 982 /embed\.simplifeye\.co/i, 983 /api\.simplifeye\.co/i, 984 985 // AI chat / chatbot / web assistant widgets 986 /aichatbotweb\.revenuewell\.com/i, 987 /web-assistant\.tensorlinks\.app/i, 988 /tensorlinks\.app/i, 989 /api\.heygent\.ai/i, 990 /lexicon-prod\.apigateway\.co/i, 991 /conversation-prod\.apigateway\.co/i, 992 /widget\.osam\.one/i, 993 994 // Local marketing / lead widgets 995 /www\.localmarketingmanager\.com/i, 996 /localmarketingmanager\.com/i, 997 998 // Health / patient commerce / referral widgets 999 /assets\.fullscript\.com/i, 1000 /www\.opencare\.com/i, 1001 /opencare\.com/i 1002 // END EXTENDED LIST --- 1003 ]; 1004 1005 1006 if (!DI_CONSENT_MODE_V2) { 1007 blockUrls.push( 1008 /googletagmanager\.com\/gtag\/js/i, 1009 /googletagmanager\.com\/gtm\.js/i 1010 ); 1011 } 1012 1013 /* 1014 First-party analytics websocket. 1015 */ 1016 var socketPatterns = [ 1017 // /^wss:\/\/socket\.di-api\.com\/analytics/i 1018 ]; 1019 1020 function matchesPattern(url, patterns) { 1021 if (!url) return false;
1022 1023 var s = String(url); 1024 1025 return patterns.some(function (r) { 1026 return r.test(s); 1027 }); 1028 } 1029 1030 function shouldBlockUrl(url) { 1031 return matchesPattern(url, beaconPatterns); 1032 } 1033 1034 function shouldBlockScript(url) { 1035 return matchesPattern(url, blockUrls); 1036 } 1037 1038 function shouldHoldSocket(url) { 1039 return matchesPattern(url, socketPatterns); 1040 } 1041 1042 function holdScript(src, node, parent, method, refNode) { 1043 if (!src) return; 1044 1045 for (var i = 0; i < heldScripts.length; i++) { 1046 if (heldScripts[i].src === src) return; 1047 } 1048 1049 heldScripts.push({ 1050 src: src, 1051 node: node || null, 1052 parent: parent || null, 1053 method: method || 'appendChild', 1054 refNode: refNode || null 1055 }); 1056 1057 _logBlocked('[Privacy] Held tracker script until consent â', src); 1058 } 1059 1060 function holdCall(type, args) { 1061 heldCalls.push({ 1062 type: type, 1063 args: Array.prototype.slice.call(args) 1064 }); 1065 1066 _logBlocked('[Privacy] Held tracker call until consent â', type); 1067 } 1068 1069 function holdSocket(url, protocols) { 1070 for (var i = 0; i < heldSockets.length; i++) { 1071 if (heldSockets[i].url === url) return; 1072 } 1073 1074 heldSockets.push({ 1075 url: url, 1076 protocols: protocols 1077 }); 1078 1079 _logBlocked('[Privacy] Held analytics WebSocket until consent â', url); 1080 } 1081 1082 function blockOrHoldScript(src, node, parent, method, refNode) { 1083 if (!shouldBlockScript(src)) return false; 1084 1085 if (shouldHold()) { 1086 holdScript(src, node, parent, method, refNode); 1087 return true; 1088 } 1089 1090 if (shouldDrop()) { 1091 _logBlocked('[Privacy] Blocked tracker script â', src); 1092 return true; 1093 } 1094 1095 return false; 1096 } 1097 1098 function blockOrHoldCall(type, args) { 1099 if (trackingAllowed()) return false; 1100 1101 if (shouldHold()) { 1102 holdCall(type, args); 1103 return true; 1104 } 1105 1106 if (shouldDrop()) { 1107 _logBlocked('[Privacy] Blocked tracker call â', type); 1108 return true; 1109 } 1110 1111 return false; 1112 } 1113 1114 var origCreateElement = document.createElement; 1115 var proto = Element.prototype; 1116 var origAppend = proto.appendChild; 1117 var origInsert = proto.insertBefore; 1118 var origAppendMethod = proto.append; 1119 var origPrependMethod = proto.prepend; 1120 var OrigWebSocket = window.WebSocket || null; 1121 1122 function cloneScriptForRelease(original) { 1123 var clone = origCreateElement.call(document, 'script'); 1124 1125 for (var i = 0; i < original.attributes.length; i++) { 1126 var attr = original.attributes[i]; 1127 1128 if (attr.name === 'src') { 1129 continue; 1130 } 1131 1132 try { 1133 clone.setAttribute(attr.name, attr.value); 1134 } catch (e) { } 1135 } 1136 1137 clone.src = original.src; 1138 1139 return clone; 1140 } 1141 1142 function holdStaticScriptTag(script) { 1143 if (!script || !script.src) return false; 1144 1145 var src = script.src; 1146 1147 if (!shouldBlockScript(src)) { 1148 return false; 1149 } 1150 1151 for (var i = 0; i < heldScripts.length; i++) { 1152 if (heldScripts[i].src === src) { 1153 return true; 1154 } 1155 } 1156 1157 if (shouldHold()) { 1158 heldScripts.push({ 1159 src: src, 1160 node: cloneScriptForRelease(script), 1161 parent: document.head || document.documentElement, 1162 method: 'appendChild', 1163 refNode: null 1164 }); 1165 1166 try { 1167 if (script.parentNode) { 1168 script.parentNode.removeChild(script); 1169 } 1170 } catch (e) { } 1171 1172 _logBlocked('[Privacy] Held static tracker script until consent â', src); 1173 return true; 1174 } 1175 1176 if (shouldDrop()) { 1177 try { 1178 if (script.parentNode) { 1179 script.parentNode.removeChild(script); 1180 } 1181 } catch (e) { } 1182 1183 _logBlocked('[Privacy] Removed static tracker script â', src); 1184 return true; 1185 } 1186 1187 return false; 1188 } 1189 1190 function scanStaticTrackerScripts() { 1191 var scripts = document.querySelectorAll('script[src]'); 1192 1193 for (var i = 0; i < scripts.length; i++) { 1194 holdStaticScriptTag(scripts[i]); 1195 } 1196 } 1197 1198 function restoreDataLayerPush() { 1199 window.dataLayer = window.dataLayer || []; 1200 1201 try { 1202 window.dataLayer.push = Array.prototype.push; 1203 } catch (e) { } 1204 } 1205 1206 function releaseHeldScripts() { 1207 var scripts = heldScripts.slice(); 1208 heldScripts = []; 1209 1210 for (var i = 0; i < scripts.length; i++) { 1211 var item = scripts[i]; 1212 1213 try { 1214 var node = item.node;
1215 1216 if (!node) { 1217 node = origCreateElement.call(document, 'script'); 1218 node.src = item.src; 1219 node.async = true; 1220 } 1221 1222 if (item.method === 'insertBefore' && item.parent && item.refNode) { 1223 origInsert.call(item.parent, node, item.refNode); 1224 } else if (item.parent) { 1225 origAppend.call(item.parent, node); 1226 } else { 1227 origAppend.call(document.head || document.documentElement, node); 1228 } 1229 1230 _logBlocked('[Privacy] Released tracker script after consent â', item.src); 1231 } catch (e) { 1232 _logBlocked('[Privacy] Failed to release tracker script â', item.src, e); 1233 } 1234 } 1235 } 1236 1237 function releaseHeldSockets() { 1238 var sockets = heldSockets.slice(); 1239 heldSockets = []; 1240 1241 if (!OrigWebSocket) return; 1242 1243 for (var i = 0; i < sockets.length; i++) { 1244 try { 1245 if (sockets[i].protocols !== undefined) { 1246 new OrigWebSocket(sockets[i].url, sockets[i].protocols); 1247 } else { 1248 new OrigWebSocket(sockets[i].url); 1249 } 1250 1251 _logBlocked('[Privacy] Released analytics WebSocket after consent â', sockets[i].url); 1252 } catch (e) { 1253 _logBlocked('[Privacy] Failed to release analytics WebSocket â', sockets[i].url, e); 1254 } 1255 } 1256 } 1257 1258 function replayHeldCalls() { 1259 var calls = heldCalls.slice(); 1260 heldCalls = []; 1261 1262 restoreDataLayerPush(); 1263 1264 for (var i = 0; i < calls.length; i++) { 1265 var item = calls[i]; 1266 1267 try { 1268 if (item.type === 'dataLayer.push') { 1269 Array.prototype.push.apply(window.dataLayer, item.args); 1270 continue; 1271 } 1272 1273 if (item.type === 'gtag' || item.type === 'google_tracking.gtag') { 1274 window.dataLayer = window.dataLayer || []; 1275 Array.prototype.push.call(window.dataLayer, item.args); 1276 continue; 1277 } 1278 1279 if ((item.type === 'fbq' || item.type === 'facebook_tracking.fbq') && typeof window.fbq === 'function') { 1280 window.fbq.apply(window, item.args); 1281 continue; 1282 } 1283 1284 if (item.type === 'analytics.track' && window.analytics && typeof window.analytics.track === 'function') { 1285 window.analytics.track.apply(window.analytics, item.args); 1286 continue; 1287 } 1288 1289 if (item.type === 'analytics.identify' && window.analytics && typeof window.analytics.identify === 'function') { 1290 window.analytics.identify.apply(window.analytics, item.args); 1291 continue; 1292 } 1293 1294 if (item.type === 'analytics.page' && window.analytics && typeof window.analytics.page === 'function') { 1295 window.analytics.page.apply(window.analytics, item.args); 1296 continue; 1297 } 1298 1299 if (item.type === 'mixpanel.track' && window.mixpanel && typeof window.mixpanel.track === 'function') { 1300 window.mixpanel.track.apply(window.mixpanel, item.args); 1301 continue; 1302 } 1303 1304 if (item.type === 'amplitude.logEvent' && window.amplitude && typeof window.amplitude.logEvent === 'function') { 1305 window.amplitude.logEvent.apply(window.amplitude, item.args); 1306 continue; 1307 } 1308 1309 if (item.type === 'plausible' && typeof window.plausible === 'function') { 1310 window.plausible.apply(window, item.args); 1311 continue; 1312 } 1313 } catch (e) { 1314 _logBlocked('[Privacy] Failed to replay tracker call â', item.type, e); 1315 } 1316 } 1317 } 1318 1319 function acceptTracking() { 1320 if (gpcEnabled) { 1321 _logBlocked('[Privacy] Consent grant ignored because GPC/DNT is enabled.'); 1322 return; 1323 } 1324 1325 consent = 'granted'; 1326 setStoredConsent('granted'); 1327 1328 // *** ADDED â Consent Mode v2 update signal *** 1329 // Use the real gtag() function (defined before the IIFE) so gtag.js 1330 // registers consent via its API. Must fire before releaseHeldScripts 1331 // so GA loads already knowing consent is granted. 1332 try { 1333 if (typeof window.gtag === 'function') { 1334 console.log('[Privacy] Updating Consent Mode v2 signals for granted consent.'); 1335 window.gtag('consent', 'update', { 1336 analytics_storage: 'granted', 1337 ad_storage: 'granted', 1338 ad_user_data: 'granted', 1339 ad_personalization: 'granted' 1340 }); 1341 } 1342 } catch (e) { } 1343 // *** END ADDED â Consent Mode v2 update signal *** 1344 1345 restoreDataLayerPush(); 1346 releaseHeldScripts(); 1347 releaseHeldSockets(); 1348 1349 setTimeout(function () { 1350 replayHeldCalls(); 1351 }, 800); 1352 1353 _logBlocked('[Privacy] Tracking accepted. Held trackers released.'); 1354 } 1355 1356 function denyTracking() { 1357 consent = 'denied'; 1358 setStoredConsent('denied'); 1359 1360 heldScripts = []; 1361 heldCalls = []; 1362 heldSockets = []; 1363 1364 _logBlocked('[Privacy] Tracking denied. Held trackers discarded.'); 1365 } 1366 1367 var privacy = { 1368 gpcEnabled: gpcEnabled, 1369 1370 get consent() { 1371 return getConsentState(); 1372 }, 1373 1374 get trackingAllowed() { 1375 return trackingAllowed(); 1376 }, 1377 1378 get heldScripts() { 1379 return heldScripts.slice(); 1380 }, 1381 1382 get heldCalls() { 1383 return heldCalls.slice(); 1384 }, 1385 1386 get heldSockets() { 1387 return heldSockets.slice(); 1388 }, 1389 1390 setConsent: function (value) { 1391 if (value === 'granted') { 1392 acceptTracking(); 1393 return; 1394 } 1395 1396 if (value === 'denied') { 1397 denyTracking(); 1398 } 1399 }, 1400 1401 accept: acceptTracking, 1402 deny: denyTracking, 1403 release: acceptTracking, 1404 1405 reset: function () { 1406 clearStoredConsent(); 1407 consent = null; 1408 heldScripts = []; 1409 heldCalls = []; 1410 heldSockets = []; 1411 } 1412 }; 1413 1414 window.DiPrivacy = privacy; 1415 1416 // *** ADDED â Early return for granted users *** 1417 // If user has already granted consent, skip installing all the stubs and blockers. 1418 // The Consent Mode v2 default + update was already pushed via the real gtag() 1419 // before the IIFE started, so GTM/GA will read granted state on init. 1420 if (trackingAllowed()) { 1421 return; 1422 } 1423 // *** END ADDED â Early return for granted users *** 1424 1425 console.log('[Privacy] Tracking is held/blocked. Consent state â', getConsentState()); 1426 1427 // sendBeacon is commonly used for analytics hits and page-unload beacons. 1428 if (navigator.sendBeacon) { 1429 var origBeacon = navigator.sendBeacon; 1430 1431 navigator.sendBeacon = function (url, data) { 1432 if (!trackingAllowed() && shouldBlockUrl(url)) { 1433 _logBlocked('[Privacy] Blocked sendBeacon â', url); 1434 return true; 1435 } 1436 1437 return origBeacon.apply(this, arguments); 1438 }; 1439 } 1440
1441 // fetch() is commonly used by modern analytics, CDPs, pixels, and session replay tools. 1442 if (window.fetch) { 1443 var origFetch = window.fetch; 1444 1445 window.fetch = function (input, init) { 1446 var url = (typeof input === 'string') ? input : (input && input.url); 1447 1448 if (!trackingAllowed() && shouldBlockUrl(url)) { 1449 _logBlocked('[Privacy] Blocked fetch â', url); 1450 return Promise.resolve(new Response(null, { status: 204 })); 1451 } 1452 1453 return origFetch.apply(this, arguments).catch(function () { 1454 return new Response(null, { status: 204 }); 1455 }); 1456 }; 1457 } 1458 1459 // XHR is still used by older analytics and marketing scripts. 1460 if (window.XMLHttpRequest) { 1461 var OrigXHR = XMLHttpRequest; 1462 1463 function WrappedXHR() { 1464 var xhr = new OrigXHR(); 1465 var _open = xhr.open; 1466 var _send = xhr.send; 1467 1468 xhr.open = function (method, url) { 1469 xhr._blockedUrl = url; 1470 xhr._blockThis = !trackingAllowed() && shouldBlockUrl(url); 1471 return _open.apply(xhr, arguments); 1472 }; 1473 1474 xhr.send = function () { 1475 if (xhr._blockThis) { 1476 _logBlocked('[Privacy] Blocked XHR â', xhr._blockedUrl); 1477 1478 try { 1479 xhr.abort(); 1480 } catch (e) { } 1481 1482 return; 1483 } 1484 1485 return _send.apply(xhr, arguments); 1486 }; 1487 1488 return xhr; 1489 } 1490 1491 WrappedXHR.prototype = OrigXHR.prototype; 1492 window.XMLHttpRequest = WrappedXHR; 1493 } 1494 1495 // Some trackers still fire using image beacon URLs. 1496 if (window.HTMLImageElement) { 1497 var imgProto = HTMLImageElement.prototype; 1498 var desc = Object.getOwnPropertyDescriptor(imgProto, 'src'); 1499 1500 if (desc && desc.set) { 1501 Object.defineProperty(imgProto, 'src', { 1502 get: desc.get, 1503 set: function (url) { 1504 if (!trackingAllowed() && shouldBlockUrl(url)) { 1505 _logBlocked('[Privacy] Blocked Image â', url); 1506 return url; 1507 } 1508 1509 return desc.set.call(this, url); 1510 }, 1511 configurable: true, 1512 enumerable: true 1513 }); 1514 } 1515 } 1516 1517 // Consent-gated WebSockets. Only matching socketPatterns are held before consent. 1518 if (OrigWebSocket) { 1519 window.WebSocket = function (url, protocols) { 1520 if (!trackingAllowed() && shouldHoldSocket(url)) { 1521 if (shouldHold()) { 1522 holdSocket(url, protocols); 1523 } else { 1524 _logBlocked('[Privacy] Blocked analytics WebSocket â', url); 1525 } 1526 1527 return { 1528 close: function () { }, 1529 send: function () { }, 1530 addEventListener: function () { }, 1531 removeEventListener: function () { }, 1532 dispatchEvent: function () { return false; }, 1533 readyState: 3, 1534 bufferedAmount: 0, 1535 url: String(url || '') 1536 }; 1537 } 1538 1539 if (protocols !== undefined) { 1540 return new OrigWebSocket(url, protocols); 1541 } 1542 1543 return new OrigWebSocket(url); 1544 }; 1545 1546 window.WebSocket.prototype = OrigWebSocket.prototype; 1547 } 1548 1549 // jQuery.getScript() is used by many older site snippets to load trackers dynamically. 1550 if (window.jQuery && window.jQuery.getScript) { 1551 var $ = window.jQuery; 1552 var origGetScript = $.getScript; 1553 1554 $.getScript = function (url, cb) { 1555 if (blockOrHoldScript(url, null, null, 'jqueryGetScript', null)) { 1556 return; 1557 } 1558 1559 return origGetScript.apply(this, arguments); 1560 }; 1561 } 1562 1563 // Dynamically inserted
1563<script src> trackers are held or blocked. 1564 (function () { 1565 proto.appendChild = function (node) { 1566 if (node && node.tagName === 'SCRIPT') { 1567 var src = node.src || node.getAttribute('src'); 1568 1569 if (blockOrHoldScript(src, node, this, 'appendChild', null)) { 1570 return node; 1571 } 1572 } 1573 1574 return origAppend.call(this, node); 1575 }; 1576 1577 proto.insertBefore = function (node, ref) { 1578 if (node && node.tagName === 'SCRIPT') { 1579 var src = node.src || node.getAttribute('src'); 1580 1581 if (blockOrHoldScript(src, node, this, 'insertBefore', ref)) { 1582 return node; 1583 } 1584 } 1585 1586 return origInsert.call(this, node, ref); 1587 }; 1588 1589 if (origAppendMethod) { 1590 proto.append = function () { 1591 for (var i = 0; i < arguments.length; i++) { 1592 var node = arguments[i]; 1593 1594 if (node && node.tagName === 'SCRIPT') { 1595 var src = node.src || node.getAttribute('src'); 1596 1597 if (blockOrHoldScript(src, node, this, 'appendChild', null)) { 1598 return; 1599 } 1600 } 1601 } 1602 1603 return origAppendMethod.apply(this, arguments); 1604 }; 1605 } 1606 1607 if (origPrependMethod) { 1608 proto.prepend = function () { 1609 for (var i = 0; i < arguments.length; i++) { 1610 var node = arguments[i]; 1611 1612 if (node && node.tagName === 'SCRIPT') { 1613 var src = node.src || node.getAttribute('src'); 1614 1615 if (blockOrHoldScript(src, node, this, 'appendChild', null)) { 1616 return; 1617 } 1618 } 1619 } 1620 1621 return origPrependMethod.apply(this, arguments); 1622 }; 1623 } 1624 })(); 1625 1626 // Static/parser-inserted tracker scripts are scanned separately. 1627 // This helps catch hard-coded
1627<script src="..."> tags that are not loaded through appendChild/insertBefore. 1628 scanStaticTrackerScripts(); 1629 1630 if (document.readyState === 'loading') { 1631 document.addEventListener('DOMContentLoaded', scanStaticTrackerScripts); 1632 } 1633 1634 // Watch for tracker scripts added later by widgets or inline code. 1635 // This catches scripts that are inserted into the page after our initial scan. 1636 if (window.MutationObserver) { 1637 try { 1638 var trackerScriptObserver = new MutationObserver(function (mutations) { 1639 for (var i = 0; i < mutations.length; i++) { 1640 var added = mutations[i].addedNodes; 1641 1642 for (var j = 0; j < added.length; j++) { 1643 var node = added[j]; 1644 1645 if (node && node.tagName === 'SCRIPT') { 1646 holdStaticScriptTag(node); 1647 } 1648 1649 if (node && node.querySelectorAll) { 1650 var scripts = node.querySelectorAll('script[src]'); 1651 1652 for (var k = 0; k < scripts.length; k++) { 1653 holdStaticScriptTag(scripts[k]); 1654 } 1655 } 1656 } 1657 } 1658 }); 1659 1660 trackerScriptObserver.observe(document.documentElement, { 1661 childList: true, 1662 subtree: true 1663 }); 1664 } catch (e) { } 1665 } 1666 1667 function trackerStub(name) { 1668 return function () { 1669 blockOrHoldCall(name, arguments); 1670 }; 1671 } 1672 1673 /* 1674 Common tracker APIs. 1675 1676 These stubs prevent known trackers from firing before consent. 1677 When consent is pending, calls are held. When consent is denied or GPC/DNT 1678 is active, calls are discarded. When accepted, held calls are replayed. 1679 */ 1680 window.dataLayer = window.dataLayer || []; 1681 1682 window.dataLayer.push = function () { 1683 // *** ADDED â Consent Mode v2 / GTM / gtag bypass *** 1684 // Allow consent signals, GTM internals, and gtag config/js/set/get 1685 // through unconditionally. GTM needs unobstructed dataLayer.push 1686 // to initialize itself and read consent state. Consent signals 1687 // must never be held or dropped. 1688 var arg = arguments[0]; 1689 1690 // Always allow consent signals through â Consent Mode v2 must not be gated. 1691 // gtag('consent', 'default'|'update', {...}) arrives as arguments where arg[0] === 'consent'. 1692 var isConsentCommand = arg && ( 1693 arg[0] === 'consent' || 1694 arg['0'] === 'consent' 1695 ); 1696 1697 // Always allow GTM internal events through (gtm.start, gtm.js, gtm.dom, gtm.load, etc.) 1698 var isGtmInternal = arg && typeof arg === 'object' && !Array.isArray(arg) && ( 1699 'gtm.start' in arg || 1700 'gtm.uniqueEventId' in arg || 1701 (arg.event && typeof arg.event === 'string' && arg.event.indexOf('gtm.') === 0) 1702 ); 1703 1704 // Allow gtag config/js/set/get commands so gtag.js can initialize properly. 1705 // gtag('js', new Date()) and gtag('config', 'G-XXX') need to reach dataLayer. 1706 var isGtagInternal = arg && ( 1707 arg[0] === 'js' || 1708 arg[0] === 'config' || 1709 arg[0] === 'set' || 1710 arg[0] === 'get' || 1711 arg['0'] === 'js' || 1712 arg['0'] === 'config' || 1713 arg['0'] === 'set' || 1714 arg['0'] === 'get' 1715 ); 1716 1717 if (isConsentCommand || isGtmInternal || isGtagInternal) { 1718 return Array.prototype.push.apply(window.dataLayer, arguments); 1719 } 1720 // *** END ADDED â Consent Mode v2 / GTM / gtag bypass *** 1721 1722 if (blockOrHoldCall('dataLayer.push', arguments)) { 1723 return; 1724 } 1725 1726 return Array.prototype.push.apply(window.dataLayer, arguments); 1727 }; 1728 1729 // *** ADDED â gtag stubs intentionally not installed *** 1730 // NOTE: window.gtag and window.google_tracking.gtag were defined as real 1731 // functions BEFORE this IIFE ran (in the Consent Mode v2 bootstrap block). 1732 // We do NOT overwrite them with stubs here â they need to remain real so 1733 // that gtag.js can register consent via its API (which is what produces 1734 // pscdl=denied/granted on hits instead of pscdl=noapi). 1735 // 1736 // Tracking gating for gtag still happens via the wrapped dataLayer.push 1737 // above: consent/gtm/gtag-internal commands pass through, everything else 1738 // (e.g. gtag('event', 'conversion', {...})) goes through blockOrHoldCall. 1739 // *** END ADDED â gtag stubs intentionally not installed *** 1740 1741 window.fbq = trackerStub('fbq'); 1742 window.facebook_tracking = window.facebook_tracking || {}; 1743 window.facebook_tracking.fbq = trackerStub('facebook_tracking.fbq'); 1744 1745 window.FB = window.FB || { AppEvents: {} }; 1746 window.FB.AppEvents.logEvent = trackerStub('FB.AppEvents.logEvent'); 1747 window.FB.AppEvents.logPurchase = trackerStub('FB.AppEvents.logPurchase'); 1748 1749 window.twttr = window.twttr || {}; 1750 window.twttr.track = trackerStub('twttr.track'); 1751 window.twttr.load = trackerStub('twttr.load'); 1752 1753 window._linkedin_data_partner_ids = []; 1754 window.linkedinData = trackerStub('linkedinData'); 1755 1756 window.pintrk = trackerStub('pintrk'); 1757 window.ttq = trackerStub('ttq'); 1758 window.snaptr = trackerStub('snaptr'); 1759 window.hj = trackerStub('hj'); 1760 1761 window.mixpanel = window.mixpanel || {}; 1762 window.mixpanel.track = trackerStub('mixpanel.track'); 1763 window.mixpanel.identify = trackerStub('mixpanel.identify'); 1764 window.mixpanel.register = trackerStub('mixpanel.register'); 1765 1766 window.amplitude = window.amplitude || {}; 1767 window.amplitude.logEvent = trackerStub('amplitude.logEvent'); 1768 window.amplitude.setUserProperties = trackerStub('amplitude.setUserProperties'); 1769 1770 window.analytics = window.analytics || {}; 1771 window.analytics.track = trackerStub('analytics.track'); 1772 window.analytics.identify = trackerStub('analytics.identify'); 1773 window.analytics.page = trackerStub('analytics.page'); 1774 1775 window.plausible = trackerStub('plausible'); 1776 1777 })(window, document); 1778</script>
vendor: 1 bytes, line 1778
1778
1779<script> 1780 (function () { 1781 1782 // Set window.privacy_allow = { disabled: true } before this script to suppress the banner entirely 1783 var privacy_allow = Object.assign({ disabled: false }, window.privacy_allow || {}); 1784 window.privacy_allow = privacy_allow; 1785 1786 // Per-site override API â call before or after this script: 1787 // privacy_config.set('variant', 'manage'); 1788 if (!window.privacy_config || typeof window.privacy_config !== 'object') window.privacy_config = {}; 1789 Object.defineProperty(window.privacy_config, 'set', { 1790 enumerable: false, configurable: true, 1791 value: function (key, val) { window.privacy_config[key] = val; } 1792 }); 1793 1794 // variant: 'simple' â Decline / Accept All banner (no modal) 1795 // variant: 'manage' â Manage / Accept All banner + preferences modal 1796 var privacy_config_defaults = { 1797 primaryColor: '#1e3a5f', 1798 bgColor: '#ffffff', 1799 textColor: '#374151', 1800 // fontFamily: 'inherit', 1801 fontFamily: 'system-ui, -apple-system, "Segoe UI", Roboto, sans-serif', 1802 buttonRadius: '4px', 1803 privacyPolicyUrl: '/privacy/', 1804 variant: 'manage', 1805 bannerText: 'We use cookies and tracking technologies to improve your browsing experience on our website, to show you personalized content, and to analyze our website traffic. Read our [privacy policy] to learn more.', 1806 declineLabel: 'Decline', 1807 manageLabel: 'Manage', 1808 acceptLabel: 'Accept All', 1809 modalTitle: 'Your tracking preferences.', 1810 modalDesc: 'We use tracking technologies, including scripts that may not set cookies, to understand how you use our site and deliver relevant content. You can learn more in our', 1811 submitLabel: 'Submit Preferences', 1812 rejectLabel: 'Reject all', 1813 cancelLabel: 'Cancel', 1814 categories: [ 1815 { 1816 id: 'tracking', 1817 label: 'Tracking & Analytics', 1818 description: 'Scripts and technologies that help us understand how visitors interact with our site, measure performance, and serve relevant content and ads.', 1819 defaultOn: true, 1820 } 1821 ] 1822 }; 1823 var privacy_config; 1824 1825 // âââ helpers âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 1826 1827 function privacy_cb_el(tag, props) { 1828 var node = document.createElement(tag); 1829 if (props) Object.keys(props).forEach(function (k) { node[k] = props[k]; }); 1830 return node; 1831 } 1832 1833 function privacy_cb_removeBanner() { 1834 var el = document.getElementById('di-consent-banner'); 1835 if (el) el.parentNode.removeChild(el); 1836 } 1837 1838 function privacy_cb_removeModal() { 1839 var el = document.getElementById('di-cookie-pref-dialog'); 1840 if (!el) return; 1841 try { el.close(); } catch (e) { } 1842 } 1843 1844 function privacy_cb_accept() { 1845 try { if (window.DiPrivacy && typeof window.DiPrivacy.accept === 'function') window.DiPrivacy.accept(); } catch (e) { } 1846 privacy_cb_removeModal(); privacy_cb_removeBanner(); 1847 } 1848 1849 function privacy_cb_reject() { 1850 try { if (window.DiPrivacy && typeof window.DiPrivacy.deny === 'function') window.DiPrivacy.deny(); } catch (e) { } 1851 privacy_cb_removeModal(); privacy_cb_removeBanner(); 1852 } 1853 1854 function privacy_cb_rejectAll() { 1855 privacy_config.categories.forEach(function (cat) { 1856 var t = document.getElementById('di-cm-' + cat.id + '-toggle'); 1857 if (t) t.checked = false; 1858 }); 1859 privacy_cb_reject(); 1860 } 1861 1862 function privacy_cb_savePreferences() { 1863 var anyOff = privacy_config.categories.some(function (cat) { 1864 var t = document.getElementById('di-cm-' + cat.id + '-toggle'); 1865 return t && !t.checked; 1866 }); 1867 anyOff ? privacy_cb_reject() : privacy_cb_accept(); 1868 } 1869 1870 // âââ styles ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 1871 1872 function privacy_cb_injectStyles() { 1873 console.log('Injecting consent banner styles...'); 1874 var existing = document.getElementById('di-consent-banner-styles'); 1875 if (existing) existing.parentNode.removeChild(existing); 1876 var style = document.createElement('style'); 1877 style.id = 'di-consent-banner-styles'; 1878 var css = ''; 1879 1880 // css += '#di-consent-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999999999;background:var(--di-cb-bg);box-shadow:0 -4px 16px rgba(0,0,0,.10);padding:20px 24px;font-family:var(--di-cb-font);box-sizing:border-box;}'; 1881 css += '#di-consent-banner{position:fixed;bottom:0;left:0;right:0;z-index:2147483647;background:var(--di-cb-bg);box-shadow:0 -4px 16px rgba(0,0,0,.10);padding:20px 24px;box-sizing:border-box;}'; 1882 css += '#di-consent-banner,#di-consent-banner *{font-family:var(--di-cb-font,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif)!important;letter-spacing:normal!important;}'; 1883 css += '#di-consent-banner .di-cb__text{font-size:14px!important;line-height:1.5!important;color:var(--di-cb-text);margin:0;}'; 1884 css += '@media(max-width:420px){#di-consent-banner{min-height:270px;}}'; 1885 css += '#di-consent-banner .di-cb__inner{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:32px;max-width:1280px;margin:0 auto;}'; 1886 css += '@media(min-width:640px){#di-consent-banner .di-cb__inner{flex-direction:row;}}'; 1887 css += '#di-consent-banner .di-cb__text{font-size:14px;color:var(--di-cb-text);margin:0;}'; 1888 css += '#di-consent-banner .di-cb__learn{color:var(--di-cb-primary);text-decoration:underline;transition:opacity .2s ease;}'; 1889 css += '#di-consent-banner .di-cb__learn:hover{opacity:.8;}'; 1890 css += '#di-consent-banner .di-cb__actions{display:flex;gap:8px!important;flex-shrink:0;}'; 1891 css += '@media(max-width:639px){#di-consent-banner .di-cb__actions{width:100%;flex-direction:column-reverse;}}'; 1892 css += '#di-consent-banner .di-cb__btn{cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;border-radius:var(--di-cb-radius);border:1px solid transparent;line-height:1;white-space:nowrap;transition:background .2s ease,color .2s ease,opacity .2s ease;}'; 1893 css += '#di-consent-banner .di-cb__btn--secondary{background:transparent;border-color:var(--di-cb-primary);color:var(--di-cb-primary);}'; 1894 css += '#di-consent-banner .di-cb__btn--secondary:hover{background:var(--di-cb-primary);color:#fff;}'; 1895 css += '#di-consent-banner .di-cb__btn--primary{background:var(--di-cb-primary);border-color:var(--di-cb-primary);color:#fff;}'; 1896 css += '#di-consent-banner .di-cb__btn--primary:hover{opacity:.88;}'; 1897 1898 css += '@keyframes di-cm-fadein{from{opacity:0}
1898to{opacity:1}}'; 1899 css += '@keyframes di-cm-slidein{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}'; 1900 css += '#di-cookie-pref-dialog{border:none;padding:0;margin:auto;background:#fff;border-radius:10px;box-shadow:0 8px 40px rgba(0,0,0,.22);max-width:480px;width:calc(100vw - 32px);box-sizing:border-box;overflow:hidden;font-family:var(--di-cb-font);animation:di-cm-slidein .2s ease;}'; 1901 css += '#di-cookie-pref-dialog::backdrop{background:rgba(0,0,0,.45);animation:di-cm-fadein .18s ease;}'; 1902 css += '#di-cookie-pref-dialog .di-cm__header{padding:22px 24px 0;}'; 1903 css += '#di-cookie-pref-dialog .di-cm__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;}'; 1904 css += '#di-cookie-pref-dialog .di-cm__title{font-size:19px;font-weight:700;color:#111827;margin:0 0 8px;line-height:1.3;}'; 1905 css += '#di-cookie-pref-dialog .di-cm__close{background:none;border:none;cursor:pointer;color:#9ca3af;font-size:22px;line-height:1;padding:0;flex-shrink:0;margin-top:2px;transition:color .15s ease;}'; 1906 css += '#di-cookie-pref-dialog .di-cm__close:hover{color:#374151;}'; 1907 css += '#di-cookie-pref-dialog .di-cm__desc{font-size:13px;color:#6b7280;margin:0;line-height:1.55;padding:0 24px;}'; 1908 css += '#di-cookie-pref-dialog .di-cm__desc a{color:var(--di-cb-primary);text-decoration:underline;}'; 1909 css += '#di-cookie-pref-dialog .di-cm__rows{margin-top:16px;border-top:1px solid #f3f4f6;}'; 1910 css += '#di-cookie-pref-dialog .di-cm__item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid #f3f4f6;}'; 1911 css += '#di-cookie-pref-dialog .di-cm__item-info{flex:1;}'; 1912 css += '#di-cookie-pref-dialog .di-cm__item-label{font-size:14px;font-weight:600;color:#111827;margin:0 0 4px;}'; 1913 css += '#di-cookie-pref-dialog .di-cm__item-desc{font-size:12px;color:#6b7280;margin:0;line-height:1.5;}'; 1914 css += '#di-cookie-pref-dialog .di-cm__toggle-wrap{flex-shrink:0;position:relative;width:44px;height:24px;margin-top:2px;}'; 1915 css += '#di-cookie-pref-dialog .di-cm__toggle-wrap input{opacity:0;width:0;height:0;position:absolute;}'; 1916 css += '#di-cookie-pref-dialog .di-cm__toggle-track{position:absolute;inset:0;background:#d1d5db;border-radius:999px;cursor:pointer;transition:background .2s ease;}'; 1917 css += '#di-cookie-pref-dialog .di-cm__toggle-track::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s ease;}'; 1918 css += '#di-cookie-pref-dialog .di-cm__toggle-wrap input:checked+.di-cm__toggle-track{background:var(--di-cb-primary);}'; 1919 css += '#di-cookie-pref-dialog .di-cm__toggle-wrap input:checked+.di-cm__toggle-track::after{transform:translateX(20px);}'; 1920 css += '#di-cookie-pref-dialog .di-cm__footer{display:flex;gap:8px;padding:16px 24px;flex-wrap:wrap;}'; 1921 css += '#di-cookie-pref-dialog .di-cm__btn{cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;border-radius:var(--di-cb-radius);border:1px solid transparent;line-height:1;white-space:nowrap;flex:1;transition:background .2s ease,color .2s ease,opacity .2s ease;}'; 1922 css += '#di-cookie-pref-dialog .di-cm__btn--cancel{background:transparent;border-color:#d1d5db;color:#374151;}'; 1923 css += '#di-cookie-pref-dialog .di-cm__btn--cancel:hover{background:#f9fafb;}'; 1924 css += '#di-cookie-pref-dialog .di-cm__btn--reject{background:transparent;border-color:var(--di-cb-primary);color:var(--di-cb-primary);}'; 1925 css += '#di-cookie-pref-dialog .di-cm__btn--reject:hover{background:var(--di-cb-primary);color:#fff;}'; 1926 css += '#di-cookie-pref-dialog .di-cm__btn--submit{background:var(--di-cb-primary);border-color:var(--di-cb-primary);color:#fff;}'; 1927 css += '#di-cookie-pref-dialog .di-cm__btn--submit:hover{opacity:.88;}'; 1928 css += '#di-cookie-pref-dialog .di-cm__policy{padding:0 24px 16px;font-size:11px;color:#9ca3af;}'; 1929 css += '#di-cookie-pref-dialog .di-cm__policy a{color:#9ca3af;text-decoration:underline;}'; 1930 css += '#di-cookie-pref-dialog .di-cm__policy a:hover{color:#6b7280;}'; 1931 1932 style.textContent = css; 1933 document.head.appendChild(style); 1934 } 1935 1936 // âââ modal âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 1937 1938 function privacy_cb_createDialog() { 1939 1940 var dialog = privacy_cb_el('dialog', { id: 'di-cookie-pref-dialog' }); 1941 dialog.style.setProperty('--di-cb-primary', privacy_config.primaryColor); 1942 dialog.style.setProperty('--di-cb-radius', privacy_config.buttonRadius); 1943 dialog.style.setProperty('--di-cb-font', privacy_config.fontFamily); 1944 1945 dialog.addEventListener('click', function (e) { 1946 var r = dialog.getBoundingClientRect(); 1947 if (e.clientX < r.left || e.clientX > r.right || e.clientY < r.top || e.clientY > r.bottom) privacy_cb_removeModal(); 1948 }); 1949 dialog.addEventListener('cancel', function (e) { e.preventDefault(); privacy_cb_removeModal(); }); 1950 1951 var titleRow = privacy_cb_el('div', { className: 'di-cm__title-row' }); 1952 var titleEl = privacy_cb_el('p', { className: 'di-cm__title', textContent: privacy_config.modalTitle }); 1953 var closeBtn = privacy_cb_el('button', { className: 'di-cm__close', type: 'button', innerHTML: 'Ã' }); 1954 closeBtn.setAttribute('aria-label', 'Close'); 1955 closeBtn.addEventListener('click', privacy_cb_removeModal); 1956 titleRow.appendChild(titleEl); 1957 titleRow.appendChild(closeBtn); 1958 1959 var header = privacy_cb_el('div', { className: 'di-cm__header' }); 1960 header.appendChild(titleRow); 1961 1962 var desc = privacy_cb_el('p', { className: 'di-cm__desc' }); 1963 desc.appendChild(document.createTextNode(privacy_config.modalDesc + ' ')); 1964 desc.appendChild(privacy_cb_el('a', { href: privacy_config.privacyPolicyUrl, textContent: 'Privacy Policy' })); 1965 desc.appendChild(document.createTextNode('.')); 1966 1967 var rows = privacy_cb_el('div', { className: 'di-cm__rows' }); 1968 var toggleInputs = [];
1969 privacy_config.categories.forEach(function (cat) { 1970 var row = privacy_cb_el('div', { className: 'di-cm__item' }); 1971 var info = privacy_cb_el('div', { className: 'di-cm__item-info' }); 1972 var lbl = privacy_cb_el('p', { className: 'di-cm__item-label', textContent: cat.label }); 1973 var dsc = privacy_cb_el('p', { className: 'di-cm__item-desc', textContent: cat.description }); 1974 var wrap = privacy_cb_el('label', { className: 'di-cm__toggle-wrap' }); 1975 var input = privacy_cb_el('input', { type: 'checkbox', id: 'di-cm-' + cat.id + '-toggle', checked: cat.defaultOn !== false }); 1976 var track = privacy_cb_el('span', { className: 'di-cm__toggle-track' }); 1977 toggleInputs.push(input); 1978 info.appendChild(lbl); info.appendChild(dsc); 1979 wrap.appendChild(input); wrap.appendChild(track); 1980 row.appendChild(info); row.appendChild(wrap); 1981 rows.appendChild(row); 1982 }); 1983 1984 var footer = privacy_cb_el('div', { className: 'di-cm__footer' }); 1985 var cancelBtn = privacy_cb_el('button', { className: 'di-cm__btn di-cm__btn--cancel', type: 'button', textContent: privacy_config.cancelLabel }); 1986 var rejectBtn = privacy_cb_el('button', { className: 'di-cm__btn di-cm__btn--reject', type: 'button', textContent: privacy_config.rejectLabel }); 1987 rejectBtn.setAttribute('data-event', 'consent_reject'); 1988 var submitBtn = privacy_cb_el('button', { className: 'di-cm__btn di-cm__btn--submit', type: 'button', textContent: privacy_config.submitLabel }); 1989 function privacy_cb_updateSubmitEvent() { 1990 var anyOff = toggleInputs.some(function (t) { return !t.checked; }); 1991 submitBtn.setAttribute('data-event', anyOff ? 'consent_reject' : 'consent_accept'); 1992 } 1993 privacy_cb_updateSubmitEvent(); 1994 toggleInputs.forEach(function (t) { t.addEventListener('change', privacy_cb_updateSubmitEvent); }); 1995 cancelBtn.addEventListener('click', privacy_cb_removeModal); 1996 rejectBtn.addEventListener('click', privacy_cb_rejectAll); 1997 submitBtn.addEventListener('click', privacy_cb_savePreferences); 1998 footer.appendChild(cancelBtn); footer.appendChild(rejectBtn); footer.appendChild(submitBtn); 1999 2000 var policyFooter = privacy_cb_el('div', { className: 'di-cm__policy' }); 2001 policyFooter.appendChild(privacy_cb_el('a', { href: privacy_config.privacyPolicyUrl, textContent: 'Privacy Policy' })); 2002 2003 dialog.appendChild(header); 2004 dialog.appendChild(desc); 2005 dialog.appendChild(rows); 2006 dialog.appendChild(footer); 2007 dialog.appendChild(policyFooter); 2008 return dialog; 2009 } 2010 2011 function privacy_cb_openModal() { 2012 var dialog = document.getElementById('di-cookie-pref-dialog'); 2013 if (dialog) dialog.showModal(); 2014 } 2015 2016 // âââ banner ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 2017 2018 function privacy_cb_createBanner() { 2019 2020 var wrap = privacy_cb_el('div', { id: 'di-consent-banner' }); 2021 var inner = privacy_cb_el('div', { className: 'di-cb__inner' }); 2022 var p = privacy_cb_el('p', { className: 'di-cb__text' }); 2023 2024 var match = privacy_config.bannerText.match(/^([\s\S]*?)\[([^\]]+)\]([\s\S]*)$/); 2025 if (match) { 2026 p.appendChild(document.createTextNode(match[1])); 2027 p.appendChild(privacy_cb_el('a', { className: 'di-cb__learn', href: privacy_config.privacyPolicyUrl, textContent: match[2] })); 2028 p.appendChild(document.createTextNode(match[3])); 2029 } else { 2030 p.textContent = privacy_config.bannerText; 2031 } 2032 2033 var actions = privacy_cb_el('div', { className: 'di-cb__actions' }); 2034 var secondary = privacy_config.variant === 'manage' 2035 ? privacy_cb_el('button', { className: 'di-cb__btn di-cb__btn--secondary', type: 'button', textContent: privacy_config.manageLabel }) 2036 : privacy_cb_el('button', { className: 'di-cb__btn di-cb__btn--secondary', type: 'button', textContent: privacy_config.declineLabel }); 2037 if (privacy_config.variant !== 'manage') secondary.setAttribute('data-event', 'consent_reject'); 2038 var acceptBtn = privacy_cb_el('button', { className: 'di-cb__btn di-cb__btn--primary', type: 'button', textContent: privacy_config.acceptLabel }); 2039 acceptBtn.setAttribute('data-event', 'consent_accept'); 2040 2041 secondary.addEventListener('click', privacy_config.variant === 'manage' ? privacy_cb_openModal : privacy_cb_reject); 2042 acceptBtn.addEventListener('click', privacy_cb_accept); 2043 2044 actions.appendChild(secondary); 2045 actions.appendChild(acceptBtn); 2046 inner.appendChild(p); 2047 inner.appendChild(actions); 2048 wrap.appendChild(inner); 2049 return wrap; 2050 } 2051 2052 // âââ init ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 2053 2054 function privacy_cb_init() { 2055 2056 if (!document.body) { 2057 document.addEventListener('DOMContentLoaded', privacy_cb_init, { once: true }); 2058 return; 2059 } 2060 2061 privacy_config = Object.assign({}, privacy_config_defaults, window.privacy_config || {}); 2062 if (window.privacy_allow && window.privacy_allow.disabled === true) return; 2063 if (!window.DiPrivacy || window.DiPrivacy.consent !== 'pending' || window.DiPrivacy.gpcEnabled) { 2064 var signals = []; 2065 2066 if (navigator.globalPrivacyControl === true) { 2067 signals.push('navigator.globalPrivacyControl'); 2068 } 2069 if (window.matchMedia && window.matchMedia('(global-privacy-control: 1)').matches) { 2070 signals.push('matchMedia(global-privacy-control: 1)'); 2071 } 2072 var dnt = navigator.doNotTrack || window.doNotTrack || navigator.msDoNotTrack; 2073 if (dnt === '1' || dnt === 'yes') { 2074 signals.push('doNotTrack (' + dnt + ')'); 2075 } 2076 2077 if (signals.length) { 2078 console.log('[Privacy] GPC/DNT active via: ' + signals.join(', ')); 2079 } else { 2080 console.log('[Privacy] No GPC/DNT signals active â early return triggered by DiPrivacy state (consent=' + 2081 (window.DiPrivacy && window.DiPrivacy.consent) + ', gpcEnabled=' + 2082 (window.DiPrivacy && window.DiPrivacy.gpcEnabled) + ')'); 2083 } 2084 return; 2085 } 2086 privacy_cb_injectStyles(); 2087 document.body.appendChild(privacy_cb_createDialog()); 2088 var banner = privacy_cb_createBanner(); 2089 banner.style.setProperty('--di-cb-primary', privacy_config.primaryColor); 2090 banner.style.setProperty('--di-cb-bg', privacy_config.bgColor); 2091 banner.style.setProperty('--di-cb-text', privacy_config.textColor); 2092 banner.style.setProperty('--di-cb-font', privacy_config.fontFamily); 2093 banner.style.setProperty('--di-cb-radius', privacy_config.buttonRadius); 2094 document.body.appendChild(banner); 2095 } 2096 2097 if (document.readyState === 'loading') { 2098 document.addEventListener('DOMContentLoaded', privacy_cb_init, { once: true }); 2099 } else if (document.body) { 2100 privacy_cb_init(); 2101 } else { 2102 document.addEventListener('DOMContentLoaded', privacy_cb_init, { once: true }); 2103 } 2104 2105 })(); 2106</script>
2106 2107<!--
2107<script>FontAwesomeConfig = {searchPseudoElements: true};</script>
2107 -->
2108<script> 2109 javascript_deferred.prototype[get_deferred_id()] = function() { 2110 $.getScript('https://www.googletagmanager.com/gtag/js?id=G-40375GWMQ6'); 2111 window.dataLayer = window.dataLayer || []; 2112 google_tracking.gtag('js', new Date()); 2113 google_tracking.gtag('config', 'G-40375GWMQ6'); 2114 } 2115 javascript_deferred.prototype[get_deferred_id()] = function() { 2116 $.getScript('https://static.elfsight.com/platform/platform.js'); 2117 } 2118 javascript_deferred.prototype[get_deferred_id()] = function() { 2119 $.getScript('https://go.doctorsinternet.com/embed/v7/177196753626154/11/9876543213011151831779139'); 2120 } 2121 javascript_deferred.prototype[get_deferred_id()] = function() {
vendor: 373 bytes, lines 2121-2126
2121 2122 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 2123 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 2124 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 2125 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 2126 })(window,document,'script','dataLayer','
2126GTM-KGDD9SWB
vendor: 9 bytes, lines 2126-2127
2126'); 2127
2127} 2128</script>
2128 2129 2130 2131 2132 <link rel="canonical" href="https://avdentalwellness.com/"> 2133 2134 <meta name="description" content="At AV Dental Wellness Group, we provide comprehensive dental care, including cosmetic dentistry, dental implants, and restorative procedures. Contact us today to schedule your appointment."> 2135 <meta name="keywords" content="Dentist near me, Dentist in Lancaster CA, Lancaster CA Dentist, Cosmetic Dentist Lancaster CA, Dentist near me, Cosmetic Dentist Lancaster CA, Lancaster CA Family Dentist, Lancaster CA Implant Dentistry, Emergency Dentist near Lancaster CA, Cosmetic Dental Office 93535, Dental Implants Lancaster CA, Implant Restorations 93535, Lancaster CA Ceramic Crowns, Lancaster CA Dental Implants, Dental Cleanings Lancaster CA, Pediatric Dentist Lancaster CA, Emergency Dental Treatment Lancaster CA, Lancaster ClearCorrect, Root Canal Therapy Lancaster CA, Lancaster ClearCorrect, Lancaster CA Teeth Whitening, Lancaster Bone Grafts, Dentist near me in Lancaster CA, Top Dentist Lancaster CA, Top Dentist Lancaster CA, Dentist 93535, Dentist in Lancaster CA, Lancaster CA Dentist, Lancaster CA Dental Office"> 2136
2136<script type="application/ld+json">{"@context":{"@vocab":"https:\/\/schema.org\/"},"@graph":[{"@type":"Organization","@id":"https:\/\/avdentalwellness.com\/#business","url":"https:\/\/avdentalwellness.com\/","name":"AV Dental Wellness Group","description":"AV Dental Wellness Group","mainEntityOfPage":{"@id":"https:\/\/avdentalwellness.com\/"},"logo":{"@type":"ImageObject","url":"https:\/\/avdentalwellness.com\/custom\/images\/logo.png"}},{"@type":"LocalBusiness","@id":"https:\/\/avdentalwellness.com\/#location-151-east-ave-j-ca","parentOrganization":{"@id":"https:\/\/avdentalwellness.com\/#business"},"url":"https:\/\/avdentalwellness.com\/","mainEntityOfPage":{"@id":"https:\/\/avdentalwellness.com\/"},"name":"AV Dental Wellness Group","address":{"@type":"PostalAddress","streetAddress":"151 East Ave. J","addressLocality":"Lancaster","addressRegion":"CA","postalCode":"93535","telephone":"(661) 942-1179"},"branchOf":{"@id":"https:\/\/avdentalwellness.com\/#business"},"image":{"@type":"ImageObject","url":"https:\/\/avdentalwellness.com\/custom\/images\/logo.png"},"openingHours":["Mo 8:00-17:00","Tu 8:00-17:00","We 8:00-17:00","Th 8:00-17:00","Fr 8:00-13:00"],"paymentAccepted":"Cash, Credit Card, Personal Check","currenciesAccepted":"USD"}]}</script>
2136 2137 <style>body { 2138 border: 0px; 2139 padding: 0px; 2140 margin: 0px; 2141 font-family: "arial"; 2142 font-size: 16px; 2143 letter-spacing: 0.25px; 2144 word-spacing: 0.5px; 2145 font-weight: normal; 2146 background: white; 2147 box-sizing: border-box; 2148 width: 100%; 2149 height: 100%; 2150 -webkit-tap-highlight-color: rgba(0,0,0,0); 2151 text-rendering: optimizeSpeed !important; 2152 display: flex; 2153 flex-wrap: wrap; 2154} 2155body::after { 2156 content: ''; 2157 clear: both; 2158 visibility: hidden; 2159 display: block; 2160} 2161@media (max-width: 360px) { 2162 body { 2163 overflow-x: hidden; 2164 } 2165} 2166body > section { 2167 float: left; 2168 width: 100%; 2169 position: relative; 2170 z-index: 10; 2171 box-sizing: border-box; 2172 display: inline-block; 2173 flex-basis: 100%; 2174} 2175body a { 2176 text-decoration: none; 2177 color: inherit; 2178 transition: color 0.4s; 2179} 2180body a:hover { 2181 color: #0a82d2; 2182} 2183body a svg { 2184 pointer-events: none; 2185} 2186body p { 2187 margin: 1rem 0px; 2188 line-height: 1.6rem; 2189} 2190body img { 2191 max-width: 100%; 2192 max-height: 100%; 2193 image-rendering: -webkit-optimize-contrast; 2194} 2195body picture { 2196 max-width: 100%; 2197 max-height: 100%; 2198} 2199body h1, 2200body h2, 2201body h3, 2202body h4, 2203body h5, 2204body h6 { 2205 margin: 1rem 0px; 2206} 2207body h1 { 2208 font-size: 5rem; 2209} 2210body h2 { 2211 font-size: 4rem; 2212} 2213body h3 { 2214 font-size: 3rem; 2215} 2216body h4 { 2217 font-size: 2rem; 2218} 2219body h5, 2220body h6 { 2221 font-size: 1rem; 2222} 2223body sup { 2224 font-size: 0.75rem; 2225 line-height: 0px; 2226} 2227body li { 2228 line-height: 1.6rem; 2229} 2230body iframe { 2231 width: 100%; 2232 margin: 0px; 2233 padding: 0px; 2234 border: 0px; 2235} 2236body iframe:not([height]) { 2237 height: 100%; 2238} 2239body picture { 2240 max-width: 100%; 2241 max-height: 100%; 2242} 2243body .button { 2244 padding: 20px 40px; 2245 display: inline-block; 2246 cursor: pointer; 2247 transition: background 0.4s, color 0.4s; 2248 margin: 1rem 0px; 2249 text-align: center; 2250 line-height: 1.6rem; 2251 box-sizing: border-box; 2252} 2253@media (max-width: 640px) { 2254 body .button { 2255 padding: 20px; 2256 } 2257} 2258body .float-left { 2259 float: left; 2260} 2261body .float-right { 2262 float: right; 2263} 2264body .position-center { 2265 display: inline-block; 2266 position: relative; 2267 left: 50%; 2268 transform: translate(-50%); 2269} 2270body .clear { 2271 clear: both; 2272} 2273body .inline-block { 2274 display: inline-block; 2275} 2276body .flex { 2277 display: flex; 2278} 2279body .background_container { 2280 position: relative; 2281 overflow: hidden; 2282} 2283body .background_container .background_image { 2284 position: absolute; 2285 min-width: 100%; 2286 min-height: 100%; 2287 transform: translate(-50%,-50%); 2288 left: 50%; 2289 top: 50%; 2290 object-fit: cover; 2291 height: inherit; 2292 width: 100%; 2293 height: 100%; 2294} 2295body .background_container .background_image * { 2296 width: 100%; 2297 object-fit: cover; 2298 object-position: inherit; 2299 height: inherit; 2300} 2301body section[data-type="system-lightbox-container"] { 2302 position: fixed; 2303 width: 100%; 2304 height: 100%; 2305 top: 0px; 2306 left: 0px; 2307 z-index: 99999; 2308 display: flex; 2309 opacity: 0; 2310 pointer-events: none; 2311 transition: opacity 0.4s; 2312 -webkit-user-select: none; 2313 -moz-user-select: none; 2314 -ms-user-select: none; 2315 user-select: none; 2316} 2317body section[data-type="system-lightbox-container"].show { 2318 opacity: 1; 2319 pointer-events: initial; 2320} 2321body section[data-module="ad_tracking"] { 2322 display: none; 2323} 2324body form input[type="submit"] { 2325 display: none; 2326} 2327body form section[data-type="system-lightbox-content"] { 2328 display: none; 2329} 2330body form [data-hidden="1"] { 2331 display: none; 2332} 2333body form input[type="file"] { 2334 display: none; 2335} 2336body form div[data-container="file"] { 2337 margin: 5px; 2338 transition: opacity 0.4s; 2339} 2340body form div[data-container="file"].disabled { 2341 opacity: 0.2; 2342 pointer-events: none; 2343} 2344body form [data-container="file"] label { 2345 display: inline-block; 2346 cursor: pointer; 2347 line-height: 1.6rem; 2348 box-sizing: border-box; 2349 border-radius: 3px; 2350 transition: all .75s ease; 2351 background-size: 500% 500%; 2352 background-position: -2px -2px; 2353 padding: 20px 40px; 2354 color: white; 2355 position: relative; 2356} 2357body form [data-container="file"] label:hover { 2358 background-position: bottom right; 2359} 2360body form [data-container="file"] label .remove_file { 2361 position: absolute; 2362 top: -5px; 2363 left: -5px; 2364 width: 24px; 2365 height: 24px; 2366 background-color: white; 2367 border-radius: 50%; 2368 display: flex; 2369 justify-content: center; 2370 align-items: center; 2371 color: black; 2372 box-shadow: 1px 1px 5px rgba(0,0,0,0.4); 2373 font-size: 1rem; 2374} 2375body form div[data-group="file"] { 2376 display: flex; 2377 flex: 0 0 auto; 2378 width: calc(100% - 20px); 2379 margin: 10px 10px; 2380 flex-wrap: wrap; 2381 justify-content: center; 2382 user-select: none; 2383 transition: opacity 0.4s; 2384} 2385body form div[data-group="file"] > div { 2386 display: flex; 2387 flex-wrap: wrap; 2388 justify-content: center; 2389} 2390body form div[data-group="file"] .max_size_container { 2391 width: 100%; 2392 display: flex; 2393 justify-content: center; 2394 padding: 10px 20px; 2395 box-sizing: border-box; 2396 border: 3px solid #fbfbfb; 2397 border-radius: 3px; 2398 transition: background-color 0.4s, border 0.4s; 2399 margin-top: 20px; 2400} 2401body form div[data-group="file"] .max_size_container .size_divider { 2402 display: inline-block; 2403 margin: 0px 5px; 2404} 2405body form div[data-group="file"] .max_size_container .current_size_warning { 2406 display: none; 2407 margin-right: 10px; 2408 font-size: 24px; 2409} 2410body form div[data-group="file"] .max_size_container .current_size_ok { 2411 display: inline-block; 2412 margin-right: 10px; 2413 font-size: 24px; 2414} 2415body form div[data-group="file"] .too_large { 2416 color: #c40000; 2417 font-weight: bold; 2418 box-sizing: border-box; 2419 border: 3px solid #c40000; 2420 background-color: #c40000; 2421 color: white; 2422} 2423body form div[data-group="file"] .too_large .current_size_warning { 2424 display: inline-block; 2425} 2426body form div[data-group="file"] .too_large .current_size_ok { 2427 display: none; 2428} 2429body form [data-type='submit'].disabled { 2430 opacity: 0.2; 2431 pointer-events: none; 2432} 2433body form[action="https://maps.google.com/maps"] input[type="submit"] { 2434 display: initial; 2435 padding: 5px 10px; 2436 font-size: 1rem; 2437 box-sizing: border-box; 2438 border: 1px solid grey; 2439}
2440body form[action="https://maps.google.com/maps"] input#saddr { 2441 border: 1px solid grey; 2442 margin: 0px 10px; 2443 font-size: 1rem; 2444 padding: 5px 10px; 2445 box-sizing: border-box; 2446} 2447body .ui-widget.ui-widget-content { 2448 border: 0px; 2449} 2450body .ui-datepicker-flex { 2451 display: flex !important; 2452 background-color: rgba(0,0,0,0.95); 2453 position: fixed !important; 2454 top: 0px !important; 2455 left: 0px !important; 2456 z-index: 1000 !important; 2457 width: 100%; 2458 height: 100%; 2459 color: white; 2460 display: none; 2461 flex-direction: column; 2462 justify-content: center; 2463 align-items: center; 2464} 2465body .ui-datepicker-flex th, 2466body .ui-datepicker-flex td { 2467 width: 50px; 2468 height: 50px; 2469 box-sizing: border-box; 2470 text-align: center; 2471 font-size: 1.25rem; 2472 padding: 0px; 2473} 2474body .ui-datepicker-flex th a, 2475body .ui-datepicker-flex td a { 2476 padding: 0px; 2477} 2478@media (max-width: 320px) { 2479 body .ui-datepicker-flex th, 2480 body .ui-datepicker-flex td { 2481 width: 40px; 2482 height: 40px; 2483 font-size: 1rem; 2484 } 2485} 2486body .ui-datepicker-flex .ui-datepicker-header { 2487 display: flex; 2488 justify-content: center; 2489 width: 350px; 2490 border: 0px; 2491 border-bottom: 1px solid white; 2492 border-radius: 0px; 2493 background: initial; 2494 color: white; 2495} 2496body .ui-datepicker-flex .ui-datepicker-header .ui-datepicker-prev { 2497 order: 0; 2498} 2499body .ui-datepicker-flex .ui-datepicker-header .ui-datepicker-title { 2500 order: 1; 2501} 2502body .ui-datepicker-flex .ui-datepicker-header .ui-datepicker-next { 2503 order: 2; 2504} 2505body .ui-datepicker-flex .ui-widget-header .ui-state-hover { 2506 background: white; 2507 border-radius: 0px; 2508} 2509body .ui-datepicker-flex .ui-datepicker-calendar { 2510 width: 350px; 2511} 2512body .ui-datepicker-flex .ui-datepicker-calendar .ui-state-default { 2513 background: initial; 2514 color: white; 2515 border: 0px; 2516 text-align: center; 2517} 2518body .ui-datepicker-flex .ui-datepicker-calendar .ui-datepicker-current-day { 2519 background-color: white; 2520 border-radius: 50%; 2521} 2522body .ui-datepicker-flex .ui-datepicker-calendar .ui-datepicker-current-day a { 2523 color: black; 2524} 2525body .sidebar[data-sidebar="false"] { 2526 display: none; 2527} 2528body .sidebar[data-sidebar="true"] { 2529 flex-basis: 280px; 2530 width: 100%; 2531 flex-grow: 1; 2532 flex-shrink: 0; 2533 margin-left: 40px; 2534 box-sizing: border-box; 2535} 2536body .sidebar[data-sidebar="true"] img, 2537body .sidebar[data-sidebar="true"] picture { 2538 border-radius: 5px; 2539} 2540body .sidebar[data-sidebar="true"] > .label { 2541 font-size: 1.25rem; 2542 margin: 1.5rem 0px 0.5rem; 2543 border-bottom: 1px solid #ececec; 2544 padding-bottom: 0.5rem; 2545} 2546body .sidebar[data-sidebar="true"] div[data-sidebar="address_all"] { 2547 padding: 1rem 0rem; 2548} 2549body .sidebar[data-sidebar="true"] div[data-sidebar="address_all"] > div { 2550 line-height: 1.6rem; 2551} 2552body .sidebar[data-sidebar="true"] div[data-sidebar="address_current"] { 2553 padding: 1rem 0rem; 2554} 2555body .sidebar[data-sidebar="true"] div[data-sidebar="address_current"] > div { 2556 line-height: 1.6rem; 2557} 2558body .sidebar[data-sidebar="true"] div[data-sidebar="social_current"], 2559body .sidebar[data-sidebar="true"] div[data-micro-template="social_icons_dynamic"] { 2560 display: flex; 2561} 2562body .sidebar[data-sidebar="true"] div[data-sidebar="social_current"] div.title, 2563body .sidebar[data-sidebar="true"] div[data-micro-template="social_icons_dynamic"] div.title { 2564 margin-bottom: 10px; 2565} 2566body .sidebar[data-sidebar="true"] div[data-sidebar="social_current"] div[data-micro-template="social_icons"], 2567body .sidebar[data-sidebar="true"] div[data-micro-template="social_icons_dynamic"] div[data-micro-template="social_icons"] { 2568 display: flex; 2569 width: 50px; 2570 height: 50px; 2571} 2572body .sidebar[data-sidebar="true"] div[data-sidebar="social_current"] div[data-micro-template="social_icons"] a, 2573body .sidebar[data-sidebar="true"] div[data-micro-template="social_icons_dynamic"] div[data-micro-template="social_icons"] a { 2574 font-size: 1.6rem; 2575 display: flex; 2576 width: 100%; 2577 height: 100%; 2578 justify-content: center; 2579 align-items: center; 2580} 2581body .sidebar[data-sidebar="true"] div[data-micro-template="office_hours"], 2582body .sidebar[data-sidebar="true"] div[data-micro-template="office_hours_dynamic"] { 2583 display: flex; 2584 flex-direction: row; 2585 flex-wrap: wrap; 2586 padding: 1rem 0px; 2587} 2588body .sidebar[data-sidebar="true"] div[data-micro-template="office_hours"] > div.title, 2589body .sidebar[data-sidebar="true"] div[data-micro-template="office_hours_dynamic"] > div.title { 2590 margin-bottom: 10px; 2591} 2592body .sidebar[data-sidebar="true"] div[data-micro-template="office_hours"] .row, 2593body .sidebar[data-sidebar="true"] div[data-micro-template="office_hours_dynamic"] .row { 2594 display: flex; 2595 flex: 1 0 100%; 2596} 2597body .sidebar[data-sidebar="true"] div[data-micro-template="office_hours"] .row .day, 2598body .sidebar[data-sidebar="true"] div[data-micro-template="office_hours_dynamic"] .row .day { 2599 flex: 1 0 40%; 2600 line-height: 1.6rem; 2601} 2602body .sidebar[data-sidebar="true"] div[data-micro-template="office_hours"] .row .time, 2603body .sidebar[data-sidebar="true"] div[data-micro-template="office_hours_dynamic"] .row .time { 2604 flex: 1 0 60%; 2605 text-align: right; 2606 line-height: 1.6rem; 2607} 2608body .sidebar[data-sidebar="true"] div[data-sidebar="blogs_by_year"] { 2609 padding: 1rem 20px; 2610} 2611body .sidebar[data-sidebar="true"] div[data-sidebar="blogs_by_year"] ul { 2612 list-style: initial; 2613 margin: initial; 2614 padding: initial; 2615} 2616body .sidebar[data-sidebar="true"] div[data-sidebar="blogs_by_year"] ul li:not(:last-of-type) { 2617 margin-bottom: 10px; 2618} 2619body .sidebar[data-sidebar="true"] div[data-sidebar="related_blogs"] { 2620 padding: 1rem 20px; 2621} 2622body .sidebar[data-sidebar="true"] div[data-sidebar="related_blogs"] ul { 2623 list-style: initial; 2624 margin: initial; 2625 padding: initial; 2626} 2627body .sidebar[data-sidebar="true"] div[data-sidebar="related_blogs"] ul li:not(:last-of-type) { 2628 margin-bottom: 10px; 2629} 2630@media (max-width: 920px) { 2631 body .sidebar[data-sidebar="true"] { 2632 flex-basis: 100%; 2633 max-width: 100%; 2634 margin-left: 0px; 2635 margin-top: 1rem; 2636 justify-content: center; 2637 text-align: center; 2638 } 2639 body .sidebar[data-sidebar="true"] div[data-sidebar] { 2640 justify-content: center; 2641 } 2642 body .sidebar[data-sidebar="true"] div[data-sidebar="related_blogs"] ul, 2643 body .sidebar[data-sidebar="true"] div[data-sidebar="blogs_by_year"] ul { 2644 list-style: none; 2645 } 2646 body .sidebar[data-sidebar="true"] div[data-sidebar="related_blogs"] ul, 2647 body .sidebar[data-sidebar="true"] div[data-sidebar="blogs_by_year"] ul { 2648 list-style: none; 2649 } 2650 body .sidebar[data-sidebar="true"] div[data-micro-template="office_hours"] .row .day, 2651 body .sidebar[data-sidebar="true"] div[data-micro-template="office_hours_dynamic"] .row .day { 2652 padding-right: 10px; 2653 box-sizing: border-box; 2654 flex: 1 0 50%; 2655 text-align: right; 2656 } 2657 body .sidebar[data-sidebar="true"] div[data-micro-template="office_hours"] .row .time, 2658 body .sidebar[data-sidebar="true"] div[data-micro-template="office_hours_dynamic"] .row .time { 2659 padding-left: 10px; 2660 box-sizing: border-box; 2661 flex: 1 0 50%; 2662 text-align: left; 2663 } 2664} 2665@media (max-width: 920px) and (max-width: 360px) { 2666 body .sidebar[data-sidebar="true"] div[data-micro-template="office_hours"] .row .day, 2667 body .sidebar[data-sidebar="true"] div[data-micro-template="office_hours_dynamic"] .row .day { 2668 flex: 1 0 40%; 2669 } 2670 body .sidebar[data-sidebar="true"] div[data-micro-template="office_hours"] .row .time, 2671 body .sidebar[data-sidebar="true"] div[data-micro-template="office_hours_dynamic"] .row .time { 2672 flex: 1 0 60%; 2673 } 2674} 2675@media (max-width: 1080px) { 2676 body section[data-module="blog_content"] .content_container,
2677 body section[data-module="article_content"] .content_container { 2678 flex-wrap: wrap; 2679 } 2680} 2681@media (max-width: 920px) { 2682 body section[data-module="dynamic_content"] .content_container, 2683 body section[data-module="interior_content"] .content_container { 2684 flex-wrap: wrap; 2685 } 2686} 2687</style> 2688 <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""><link href="https://fonts.googleapis.com/css?family=Playfair+Display&display=swap" rel="preload" as="style" onload="this.rel='stylesheet'"><link href="https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="preload" as="style" onload="this.rel='stylesheet'"><link href="https://fonts.googleapis.com/css?family=Nunito+Sans:ital,wght@0,400;0,600;1,200&display=swap" rel="preload" as="style" onload="this.rel='stylesheet'"></head> 2689 <body data-template-group="homepage"> 2690 <!-- Google Tag Manager (noscript) --> 2691<noscript><iframe src="" height="0" width="0" style="display:none;visibility:hidden" data-src="https://www.googletagmanager.com/ns.html?id=GTM-KGDD9SWB" aria-label="iframe"></iframe></noscript> 2692<!-- End Google Tag Manager (noscript) --> 2693 2694 2695<style>body { 2696 background: #ffffff; 2697 color: #222; 2698 font-family: "Arial"; 2699} 2700body a { 2701 color: #121111; 2702} 2703body a:hover { 2704 color: #deb284; 2705} 2706body h1 { 2707 font-family: "Helvetica"; 2708} 2709body h2 { 2710 font-family: "Helvetica"; 2711} 2712body h3 { 2713 font-family: "Helvetica"; 2714} 2715body h1, 2716body h2, 2717body h3, 2718body h4, 2719body h5, 2720body h6 { 2721 color: #121111; 2722 font-weight: bold; 2723} 2724body input, 2725body textarea { 2726 font-family: "Arial"; 2727 border: 0px; 2728 border-radius: 0; 2729} 2730body input[type="text"], 2731body textarea { 2732 -webkit-appearance: none; 2733} 2734body .button { 2735 background: #999393; 2736 color: #ffffff; 2737 font-size: 18px; 2738} 2739body .button:hover { 2740 background: #ffffff; 2741 color: #222; 2742} 2743body .text_background { 2744 color: #ffffff; 2745} 2746body .text_primary { 2747 color: #121111; 2748} 2749body .text_secondary { 2750 color: #deb284; 2751} 2752body .text_tertiary { 2753 color: #f8eee5; 2754} 2755body .background_background { 2756 background: #ffffff; 2757} 2758body .background_primary { 2759 background: #121111; 2760} 2761body .background_secondary { 2762 background: #deb284; 2763} 2764body .background_tertiary { 2765 background: #f8eee5; 2766} 2767body .item_float_right { 2768 float: right; 2769 margin: 0 0 15px 15px; 2770} 2771@media (max-width: 550px) { 2772 body .item_float_right { 2773 float: none; 2774 margin: 0 auto 10px; 2775 } 2776} 2777body .item_float_left { 2778 float: left; 2779 margin: 0 15px 15px 0; 2780} 2781@media (max-width: 550px) { 2782 body .item_float_left { 2783 float: none; 2784 margin: 0 auto 10px; 2785 } 2786} 2787body .margin_center { 2788 margin: 0 auto; 2789} 2790body .margin_left { 2791 margin: 0 auto 0 0; 2792} 2793body .margin_right { 2794 margin: 0 0 0 auto; 2795} 2796body .margin_bottom { 2797 margin: auto 0 0 0; 2798} 2799body .margin_top { 2800 margin: 0 0 auto 0; 2801} 2802body .sys_flex_container { 2803 display: flex; 2804 gap: 20px; 2805} 2806body .sys_flex_container.flex_wrap { 2807 flex-wrap: wrap; 2808} 2809@media (max-width: 1080px) { 2810 body .sys_flex_container.flex_wrap_tablet { 2811 flex-wrap: wrap; 2812 } 2813} 2814@media (max-width: 810px) { 2815 body .sys_flex_container.flex_wrap_phablet { 2816 flex-wrap: wrap; 2817 } 2818} 2819@media (max-width: 550px) { 2820 body .sys_flex_container.flex_wrap_phone { 2821 flex-wrap: wrap; 2822 } 2823} 2824body .sys_flex_container.justify_center { 2825 justify-content: center; 2826} 2827body .sys_flex_container.justify_start { 2828 justify-content: flex-start; 2829} 2830body .sys_flex_container.justify_end { 2831 justify-content: flex-end; 2832} 2833body .sys_flex_container.justify_around { 2834 justify-content: space-around; 2835} 2836body .sys_flex_container.justify_between { 2837 justify-content: space-between; 2838} 2839body .sys_flex_container.align_center { 2840 align-items: center; 2841} 2842body .sys_flex_container.align_start { 2843 align-items: flex-start; 2844} 2845body .sys_flex_container.align_end { 2846 align-items: flex-end; 2847} 2848body .sys_flex_container.align_stretch { 2849 align-items: stretch; 2850} 2851body .sys_flex_container > .full_width { 2852 flex-basis: 100%; 2853} 2854@media (max-width: 1080px) { 2855 body .sys_flex_container > .full_width_tablet { 2856 flex-basis: 100%; 2857 } 2858} 2859@media (max-width: 810px) { 2860 body .sys_flex_container > .full_width_phablet { 2861 flex-basis: 100%; 2862 } 2863} 2864@media (max-width: 550px) { 2865 body .sys_flex_container > .full_width_phone { 2866 flex-basis: 100%; 2867 } 2868} 2869body .sys_flex_container.flex_column { 2870 flex-direction: column; 2871} 2872@media (max-width: 1080px) { 2873 body .sys_flex_container.flex_column_tablet { 2874 flex-direction: column; 2875 } 2876} 2877@media (max-width: 810px) { 2878 body .sys_flex_container.flex_column_phablet { 2879 flex-direction: column; 2880 } 2881} 2882@media (max-width: 550px) { 2883 body .sys_flex_container.flex_column_phone { 2884 flex-direction: column; 2885 } 2886} 2887body .sys_grid_container { 2888 display: grid; 2889 gap: 20px; 2890} 2891body .sys_grid_container.two_wide { 2892 grid-template-columns: repeat(2,1fr); 2893} 2894body .sys_grid_container.three_wide { 2895 grid-template-columns: repeat(3,1fr); 2896} 2897body .sys_grid_container.four_wide { 2898 grid-template-columns: repeat(4,1fr); 2899} 2900body .sys_grid_container.five_wide { 2901 grid-template-columns: repeat(5,1fr); 2902} 2903@media (max-width: 1080px) { 2904 body .sys_grid_container.one_wide_tablet { 2905 grid-template-columns: repeat(1,1fr); 2906 } 2907} 2908@media (max-width: 1080px) { 2909 body .sys_grid_container.two_wide_tablet { 2910 grid-template-columns: repeat(2,1fr); 2911 } 2912} 2913@media (max-width: 1080px) { 2914 body .sys_grid_container.three_wide_tablet { 2915 grid-template-columns: repeat(3,1fr); 2916 } 2917} 2918@media (max-width: 1080px) { 2919 body .sys_grid_container.four_wide_tablet { 2920 grid-template-columns: repeat(4,1fr); 2921 } 2922} 2923@media (max-width: 1080px) { 2924 body .sys_grid_container.five_wide_tablet { 2925 grid-template-columns: repeat(5,1fr); 2926 } 2927} 2928@media (max-width: 810px) { 2929 body .sys_grid_container.one_wide_phablet { 2930 grid-template-columns: repeat(1,1fr); 2931 } 2932} 2933@media (max-width: 810px) { 2934 body .sys_grid_container.two_wide_phablet { 2935 grid-template-columns: repeat(2,1fr); 2936 } 2937} 2938@media (max-width: 810px) { 2939 body .sys_grid_container.three_wide_phablet { 2940 grid-template-columns: repeat(3,1fr); 2941 } 2942} 2943@media (max-width: 810px) { 2944 body .sys_grid_container.four_wide_phablet { 2945 grid-template-columns: repeat(4,1fr); 2946 } 2947} 2948@media (max-width: 810px) { 2949 body .sys_grid_container.five_wide_phablet { 2950 grid-template-columns: repeat(5,1fr); 2951 } 2952} 2953@media (max-width: 550px) { 2954 body .sys_grid_container.one_wide_phone { 2955 grid-template-columns: repeat(1,1fr); 2956 } 2957} 2958@media (max-width: 550px) { 2959 body .sys_grid_container.two_wide_phone { 2960 grid-template-columns: repeat(2,1fr); 2961 } 2962} 2963@media (max-width: 550px) { 2964 body .sys_grid_container.three_wide_phone { 2965 grid-template-columns: repeat(3,1fr); 2966 } 2967} 2968@media (max-width: 550px) { 2969 body .sys_grid_container.four_wide_phone { 2970 grid-template-columns: repeat(4,1fr); 2971 } 2972} 2973@media (max-width: 550px) { 2974 body .sys_grid_container.five_wide_phone { 2975 grid-template-columns: repeat(5,1fr); 2976 } 2977} 2978body .sys_grid_container > .full_width { 2979 grid-column: 1/-1; 2980} 2981@media (max-width: 1080px) { 2982 body .sys_grid_container > .full_width_tablet { 2983 grid-column: 1/-1; 2984 } 2985} 2986@media (max-width: 810px) { 2987 body .sys_grid_container > .full_width_phablet { 2988 grid-column: 1/-1; 2989 } 2990} 2991@media (max-width: 550px) { 2992 body .sys_grid_container > .full_width_phone { 2993 grid-column: 1/-1; 2994 } 2995} 2996body .sys_flex_container.no_gap, 2997body .sys_grid_container.no_gap { 2998 gap: 0; 2999} 3000body .sys_flex_container.medium_gap, 3001body .sys_grid_container.medium_gap { 3002 gap: 40px; 3003} 3004body .sys_flex_container.large_gap, 3005body .sys_grid_container.large_gap { 3006 gap: 80px; 3007} 3008@media (max-width: 1080px) { 3009 body .sys_flex_container.no_gap_tablet, 3010 body .sys_grid_container.no_gap_tablet { 3011 gap: 0px; 3012 } 3013} 3014@media (max-width: 1080px) { 3015 body .sys_flex_container.small_gap_tablet, 3016 body .sys_grid_container.small_gap_tablet { 3017 gap: 20px; 3018 } 3019} 3020@media (max-width: 1080px) { 3021 body .sys_flex_container.medium_gap_tablet, 3022 body .sys_grid_container.medium_gap_tablet { 3023 gap: 40px; 3024 } 3025} 3026@media (max-width: 1080px) { 3027 body .sys_flex_container.large_gap_tablet, 3028 body .sys_grid_container.large_gap_tablet { 3029 gap: 80px; 3030 } 3031} 3032@media (max-width: 810px) { 3033 body .sys_flex_container.no_gap_phablet, 3034 body .sys_grid_container.no_gap_phablet { 3035 gap: 0px; 3036 } 3037} 3038@media (max-width: 810px) { 3039 body .sys_flex_container.small_gap_phablet, 3040 body .sys_grid_container.small_gap_phablet { 3041 gap: 20px; 3042 } 3043} 3044@media (max-width: 810px) { 3045 body .sys_flex_container.medium_gap_phablet, 3046 body .sys_grid_container.medium_gap_phablet { 3047 gap: 40px; 3048 } 3049} 3050@media (max-width: 810px) { 3051 body .sys_flex_container.large_gap_phablet, 3052 body .sys_grid_container.large_gap_phablet { 3053 gap: 80px; 3054 } 3055} 3056@media (max-width: 550px) { 3057 body .sys_flex_container.no_gap_phone, 3058 body .sys_grid_container.no_gap_phone { 3059 gap: 0px; 3060 } 3061} 3062@media (max-width: 550px) { 3063 body .sys_flex_container.small_gap_phone, 3064 body .sys_grid_container.small_gap_phone { 3065 gap: 20px; 3066 } 3067} 3068@media (max-width: 550px) { 3069 body .sys_flex_container.medium_gap_phone, 3070 body .sys_grid_container.medium_gap_phone { 3071 gap: 40px; 3072 } 3073} 3074@media (max-width: 550px) { 3075 body .sys_flex_container.large_gap_phone, 3076 body .sys_grid_container.large_gap_phone { 3077 gap: 80px; 3078 } 3079} 3080body div[data-type="locations-social"] { 3081 color: white; 3082} 3083body div[data-type="locations-social"] a:hover {
3084 color: inherit; 3085} 3086body div[data-type="locations-social"] > div { 3087 transition: background 0.2s; 3088} 3089body div[data-type="locations-social"] div[data-type="facebook"] { 3090 background: #4267b2; 3091} 3092body div[data-type="locations-social"] div[data-type="facebook"]:hover { 3093 background: #6283c5; 3094 color: #ffffff; 3095} 3096body div[data-type="locations-social"] div[data-type="twitter"] { 3097 background: #1da1f2; 3098} 3099body div[data-type="locations-social"] div[data-type="twitter"]:hover { 3100 background: #4db5f5; 3101 color: #ffffff; 3102} 3103body div[data-type="locations-social"] div[data-type="google"] { 3104 background: #db4437; 3105} 3106body div[data-type="locations-social"] div[data-type="google"]:hover { 3107 background: #e36c62; 3108 color: #ffffff; 3109} 3110body div[data-type="locations-social"] div[data-type="instagram"] { 3111 background: #833ab4; 3112} 3113body div[data-type="locations-social"] div[data-type="instagram"]:hover { 3114 background: #9c58c9; 3115 color: #ffffff; 3116} 3117body div[data-type="locations-social"] div[data-type="blog"] { 3118 background: #833ab4; 3119} 3120body div[data-type="locations-social"] div[data-type="blog"]:hover { 3121 background: #9c58c9; 3122 color: #ffffff; 3123} 3124body .sidebar[data-sidebar="true"] > .label { 3125 font-size: 1.5rem; 3126 margin: 1.5rem 0px 0.5rem; 3127 border-bottom: 1px solid #121111; 3128 padding-bottom: 0.5rem; 3129 font-weight: bold; 3130 color: #121111; 3131 font-family: "Helvetica"; 3132} 3133body :-moz-placeholder { 3134 color: #222; 3135 font-family: "Arial"; 3136 text-decoration: none; 3137 font-weight: normal; 3138 opacity: 0.8; 3139} 3140body ::-moz-placeholder { 3141 color: #222; 3142 font-family: "Arial"; 3143 text-decoration: none; 3144 font-weight: normal; 3145 opacity: 0.8; 3146} 3147body ::-webkit-input-placeholder { 3148 color: #222; 3149 font-family: "Arial"; 3150 text-decoration: none; 3151 font-weight: normal; 3152 opacity: 0.8; 3153} 3154body :-ms-input-placeholder { 3155 color: #222; 3156 font-family: "Arial"; 3157 text-decoration: none; 3158 font-weight: normal; 3159 opacity: 0.8; 3160} 3161body form * { 3162 font-family: "Arial"; 3163 text-decoration: none; 3164 font-weight: normal; 3165 font-size: 1rem; 3166} 3167body form div[data-container="file"] { 3168 margin: 5px; 3169 transition: opacity 0.4s; 3170} 3171body form div[data-container="file"]:last-of-type label { 3172 background-image: linear-gradient(to bottom right,#121111 25%,#deb284 75%); 3173} 3174body form [data-container="file"] label { 3175 background-image: linear-gradient(to bottom right,#deb284 25%,#121111 75%); 3176} 3177body div[data-micro-template="accordion_container"] { 3178 width: 100%; 3179 max-width: 100%; 3180 font-family: "Arial"; 3181} 3182body div[data-micro-template="accordion_container"] div[data-micro-template="accordion"] .accordion_title { 3183 display: flex; 3184 justify-content: space-between; 3185 align-items: center; 3186 color: #121111; 3187 cursor: pointer; 3188 border-bottom: 1px solid #222; 3189 padding-bottom: 0px; 3190} 3191body div[data-micro-template="accordion_container"] div[data-micro-template="accordion"] .accordion_title .accordion_title_text, 3192body div[data-micro-template="accordion_container"] div[data-micro-template="accordion"] .accordion_title .accordion_toggle { 3193 font-size: 1.5rem; 3194 font-weight: 400; 3195} 3196@media (max-width: 1080px) { 3197 body div[data-micro-template="accordion_container"] div[data-micro-template="accordion"] .accordion_title .accordion_title_text, 3198 body div[data-micro-template="accordion_container"] div[data-micro-template="accordion"] .accordion_title .accordion_toggle { 3199 font-size: 1.2rem; 3200 } 3201} 3202@media (max-width: 550px) { 3203 body div[data-micro-template="accordion_container"] div[data-micro-template="accordion"] .accordion_title .accordion_title_text, 3204 body div[data-micro-template="accordion_container"] div[data-micro-template="accordion"] .accordion_title .accordion_toggle { 3205 font-size: 1.1rem; 3206 } 3207} 3208body div[data-micro-template="accordion_container"] div[data-micro-template="accordion"] .accordion_title.active { 3209 border-color: #ffffff; 3210 color: #ffffff; 3211} 3212body div[data-micro-template="accordion_container"] div[data-micro-template="accordion"] .accordion_title.active .accordion_title_text { 3213 color: #ffffff; 3214} 3215body div[data-micro-template="accordion_container"] div[data-micro-template="accordion"] .accordion_body { 3216 display: none; 3217 padding: 20px 0; 3218 line-height: 1.35em; 3219 text-align: left; 3220} 3221body section[data-type="system-lightbox-container"] .close-icon { 3222 background-color: white; 3223 border-radius: 50%; 3224 box-sizing: border-box; 3225 border: 5px solid white; 3226 display: flex; 3227 justify-content: center; 3228 align-items: center; 3229 top: -10px; 3230 right: -10px; 3231} 3232body section[data-type="system-lightbox-container"] .next-icon { 3233 background-color: white; 3234 border-radius: 50%; 3235 box-sizing: border-box; 3236 border: 4px solid white; 3237 display: flex; 3238 justify-content: center; 3239 align-items: center; 3240 position: absolute; 3241 top: 50%; 3242 right: 0px; 3243 font-size: 2rem; 3244 transform: translate(10px,-50%); 3245 cursor: pointer; 3246} 3247body section[data-type="system-lightbox-container"] .prev-icon { 3248 background-color: white; 3249 border-radius: 50%; 3250 box-sizing: border-box; 3251 border: 4px solid white; 3252 display: flex; 3253 justify-content: center; 3254 align-items: center; 3255 position: absolute; 3256 top: 50%; 3257 left: 0px; 3258 font-size: 2rem; 3259 transform: translate(-10px,-50%); 3260 cursor: pointer; 3261} 3262body section[data-type="system-lightbox-container"] .gallery_grid_modal { 3263 display: none; 3264 position: fixed; 3265 height: 100vh; 3266 width: 100%; 3267 top: 0; 3268 left: 0; 3269 background-color: rgba(0,0,0,0.6); 3270 justify-content: center; 3271 align-items: center; 3272 opacity: 0; 3273 transition: all 0.4s ease-in-out; 3274 z-index: 99999999; 3275} 3276body section[data-type="system-lightbox-container"] .gallery_grid_modal .highlighted_image_container { 3277 cursor: pointer; 3278 margin: 5%; 3279 position: relative; 3280} 3281body section[data-type="system-lightbox-container"] .gallery_grid_modal .highlighted_image_container img { 3282 max-height: 80vh; 3283} 3284body section[data-type="system-lightbox-container"] .gallery_grid_modal .highlighted_image_container .highlighted_image_content { 3285 display: flex; 3286 flex-direction: column; 3287} 3288body section[data-type="system-lightbox-container"] .gallery_grid_modal .highlighted_image_container .highlighted_image_content .button { 3289 order: 5; 3290 margin: 0; 3291} 3292body section[data-type="system-lightbox-container"] .gallery_grid_modal .highlighted_image_container .gallery_grid_arrow { 3293 position: absolute; 3294 top: 50%; 3295} 3296body section[data-type="system-lightbox-container"] .gallery_grid_modal .highlighted_image_container .gallery_grid_arrow svg {
3297 color: #fff; 3298 font-size: 36px; 3299 transition: all 0.2s; 3300} 3301body section[data-type="system-lightbox-container"] .gallery_grid_modal .highlighted_image_container .gallery_grid_arrow:hover svg { 3302 transform: scale(1.2); 3303} 3304body section[data-type="system-lightbox-container"] .gallery_grid_modal .highlighted_image_container .gallery_grid_left { 3305 left: -50px; 3306} 3307body section[data-type="system-lightbox-container"] .gallery_grid_modal .highlighted_image_container .gallery_grid_right { 3308 right: -50px; 3309} 3310body section[data-type="system-lightbox-container"] .gallery_grid_modal .highlighted_image_caption { 3311 position: absolute; 3312 bottom: 100px; 3313 width: 100%; 3314 text-align: center; 3315 background: rgba(0,0,0,0.6); 3316} 3317body section[data-type="system-lightbox-container"] .gallery_grid_modal .highlighted_image_caption .highlighted_image_text { 3318 color: #fff; 3319 font-size: 1.25em; 3320 margin: 0; 3321 font-family: "Arial"; 3322 padding: 15px 0; 3323} 3324body section[data-type="system-lightbox-container"] .gallery_grid_modal.show { 3325 display: flex;
3326 opacity: 1; 3327} 3328@media (max-width: 768px) { 3329 body section[data-type="system-lightbox-container"] .gallery_grid_modal .highlighted_image_caption { 3330 bottom: 75px; 3331 } 3332 body section[data-type="system-lightbox-container"] .gallery_grid_modal .highlighted_image_caption .highlighted_image_text { 3333 font-size: 1em; 3334 padding: 5px; 3335 } 3336 body section[data-type="system-lightbox-container"] .gallery_grid_modal .highlighted_image_container .gallery_grid_left { 3337 left: -40px; 3338 } 3339 body section[data-type="system-lightbox-container"] .gallery_grid_modal .highlighted_image_container .gallery_grid_right { 3340 right: -40px; 3341 } 3342 body section[data-type="system-lightbox-container"] .gallery_grid_modal .highlighted_image_container .highlighted_image_content .button { 3343 padding: 10px; 3344 } 3345} 3346@media (max-width: 480px) { 3347 body section[data-type="system-lightbox-container"] .gallery_grid_modal .highlighted_image_caption { 3348 bottom: 50px; 3349 } 3350 body section[data-type="system-lightbox-container"] .gallery_grid_modal .highlighted_image_container .gallery_grid_arrow { 3351 bottom: -40px; 3352 top: initial; 3353 } 3354 body section[data-type="system-lightbox-container"] .gallery_grid_modal .highlighted_image_container .gallery_grid_left { 3355 left: 20%; 3356 } 3357 body section[data-type="system-lightbox-container"] .gallery_grid_modal .highlighted_image_container .gallery_grid_right { 3358 right: 20%; 3359 } 3360} 3361body .responsive_video { 3362 padding-bottom: 56.25%; 3363 position: relative; 3364} 3365body .responsive_video iframe, 3366body .responsive_video video { 3367 position: absolute; 3368 height: 100%; 3369 width: 100%; 3370 top: 0; 3371 left: 0; 3372} 3373body .ul_column { 3374 column-count: 2; 3375} 3376@media (max-width: 768px) { 3377 body .ul_column { 3378 column-count: 2; 3379 } 3380} 3381@media (max-width: 480px) { 3382 body .ul_column { 3383 column-count: 1; 3384 } 3385} 3386body section .content_container .content div[data-micro-template="invisalign_list_container"] { 3387 display: grid; 3388 grid-template-columns: repeat(4,1fr); 3389 gap: 40px 20px; 3390} 3391@media (max-width: 1366px) { 3392 body section .content_container .content div[data-micro-template="invisalign_list_container"] { 3393 grid-template-columns: repeat(3,1fr); 3394 } 3395} 3396@media (max-width: 810px) { 3397 body section .content_container .content div[data-micro-template="invisalign_list_container"] { 3398 grid-template-columns: repeat(2,1fr); 3399 } 3400} 3401@media (max-width: 550px) { 3402 body section .content_container .content div[data-micro-template="invisalign_list_container"] { 3403 grid-template-columns: repeat(1,1fr); 3404 gap: 20px 10px; 3405 } 3406} 3407@media (max-width: 550px) { 3408 body section .content_container .content div[data-micro-template="invisalign_list_container"] a[data-micro-template="invisalign_list"] .image { 3409 display: none; 3410 } 3411} 3412body section .content_container .content div[data-micro-template="invisalign_list_container"] a[data-micro-template="invisalign_list"] .text { 3413 text-align: center; 3414} 3415@media (max-width: 550px) { 3416 body section .content_container .content div[data-micro-template="invisalign_list_container"] a[data-micro-template="invisalign_list"] .text { 3417 text-align: left; 3418 } 3419} 3420body section .content_container .content div[data-micro-template="invisalign_list_container"] a[data-micro-template="invisalign_list"] .text p { 3421 margin: 0; 3422} 3423body section .content_container .content .invisalign_video_container { 3424 display: grid; 3425 grid-template-columns: repeat(2,1fr); 3426 gap: 40px; 3427} 3428@media (max-width: 550px) { 3429 body section .content_container .content .invisalign_video_container { 3430 grid-template-columns: repeat(1,1fr); 3431 gap: 20px; 3432 } 3433} 3434body section .content_container .content .invisalign_video_container .invisalign_list .text { 3435 text-align: center; 3436} 3437body section .content_container .content .invisalign_video_container .invisalign_list .text p { 3438 color: #deb284; 3439 font-size: 1.2rem; 3440} 3441@media (max-width: 550px) { 3442 body section .content_container .content .invisalign_video_container .invisalign_list .text p { 3443 font-size: 1.1rem; 3444 } 3445} 3446body section .content_container .content .service_video_container { 3447 margin: 60px auto; 3448 display: flex; 3449 border-bottom: 10px solid #deb284; 3450 box-shadow: 6px 5px 8px 0px #bfbfbf; 3451} 3452@media (max-width: 768px) { 3453 body section .content_container .content .service_video_container { 3454 flex-direction: column; 3455 } 3456} 3457body section .content_container .content .service_video_container > div { 3458 flex: 1; 3459} 3460body section .content_container .content .service_video_container .service_video_text { 3461 padding: 0 40px; 3462 background: #121111; 3463 box-sizing: border-box; 3464 display: flex; 3465 justify-content: center; 3466 align-items: center; 3467} 3468@media (max-width: 640px) { 3469 body section .content_container .content .service_video_container .service_video_text { 3470 padding: 0 20px; 3471 } 3472} 3473body section .content_container .content .service_video_container .service_video_text h4 { 3474 color: #fff; 3475 font-size: 1rem; 3476 font-style: italic; 3477 line-height: 1.4em; 3478 font-weight: 400; 3479} 3480body section .content_container .content .service_testimonial_videos { 3481 background: #121111; 3482 padding: 20px 40px; 3483 border-bottom: 10px solid #deb284; 3484 text-align: center; 3485 box-shadow: 6px 5px 8px 0px #bfbfbf; 3486} 3487@media (max-width: 640px) { 3488 body section .content_container .content .service_testimonial_videos { 3489 padding: 20px; 3490 } 3491} 3492body section .content_container .content .service_testimonial_videos .secondary_divider { 3493 display: inline-block; 3494 margin: 0 auto; 3495 height: 3px; 3496 background: #deb284; 3497 width: 150px; 3498} 3499body section .content_container .content .service_testimonial_videos h2 { 3500 color: #fff; 3501 font-size: 2rem; 3502 margin-bottom: 10px; 3503 padding: 0; 3504 font-weight: 400; 3505} 3506body section .content_container .content .service_testimonial_videos h2.text_center { 3507 text-align: center; 3508} 3509body section .content_container .content .service_testimonial_videos p { 3510 color: #fff; 3511} 3512body section .content_container .content .service_testimonial_videos .testimonial_videos_container { 3513 display: flex; 3514 flex-wrap: wrap; 3515 justify-content: space-between; 3516 text-align: center; 3517} 3518body section .content_container .content .service_testimonial_videos .testimonial_videos_container .testimonial_video { 3519 flex-basis: 48%; 3520 margin: 20px 0; 3521} 3522@media (max-width: 550px) { 3523 body section .content_container .content .service_testimonial_videos .testimonial_videos_container .testimonial_video { 3524 flex-basis: 100%; 3525 } 3526} 3527body section .content_container .content .alternating_service_container { 3528 margin-top: 20px; 3529} 3530body section .content_container .content .alternating_service_container .alternating_service { 3531 display: flex; 3532 justify-content: space-between; 3533 align-items: center; 3534 margin-bottom: 30px; 3535 flex-wrap: wrap; 3536} 3537body section .content_container .content .alternating_service_container .alternating_service .image, 3538body section .content_container .content .alternating_service_container .alternating_service .text { 3539 flex-basis: 48%; 3540} 3541@media (max-width: 768px) { 3542 body section .content_container .content .alternating_service_container .alternating_service .image, 3543 body section .content_container .content .alternating_service_container .alternating_service .text { 3544 flex-basis: 100%; 3545 } 3546} 3547body section .content_container .content .alternating_service_container .alternating_service .text h3 { 3548 font-size: 1.4rem; 3549} 3550@media (max-width: 768px) { 3551 body section .content_container .content .alternating_service_container .alternating_service .image { 3552 text-align: center; 3553 } 3554} 3555body section .content_container .content .alternating_service_container .alternating_service:nth-of-type(even) .image { 3556 order: 2; 3557 text-align: right; 3558} 3559@media (max-width: 768px) { 3560 body section .content_container .content .alternating_service_container .alternating_service:nth-of-type(even) .image { 3561 text-align: center; 3562 order: initial; 3563 } 3564} 3565</style><style>html { 3566 scroll-behavior: smooth; 3567} 3568body { 3569 --kraken-container-width: 1350px; 3570 font-size: 18px; 3571} 3572@media (max-width: 1080px) { 3573 body { 3574 font-size: 16px; 3575 } 3576} 3577body section .content_container { 3578 width: min(100%,var(--kraken-container-width)); 3579 margin: 0 auto; 3580 padding: 0 40px; 3581 box-sizing: border-box; 3582 height: 100%; 3583} 3584@media (max-width: 550px) { 3585 body section .content_container { 3586 padding: 0 20px; 3587 } 3588} 3589body section .responsive_iframe { 3590 position: relative; 3591 width: 100%; 3592 height: 100%; 3593} 3594body section .responsive_iframe.sixteen_9 { 3595 padding-bottom: 56.25%; 3596} 3597body section .responsive_iframe.four_3 { 3598 padding-bottom: 75%; 3599} 3600body section .responsive_iframe iframe { 3601 position: absolute; 3602 height: 100%; 3603 width: 100%; 3604 top: 0; 3605 left: 0; 3606} 3607body section img, 3608body section picture, 3609body section video { 3610 display: block; 3611} 3612body section .float_right { 3613 float: right; 3614 margin: 0 0 20px 20px; 3615} 3616@media (max-width: 550px) { 3617 body section .float_right { 3618 float: none; 3619 margin: 0 auto 20px; 3620 } 3621} 3622body section .float_left { 3623 float: left; 3624 margin: 0 20px 20px 0; 3625} 3626@media (max-width: 550px) { 3627 body section .float_left { 3628 float: none; 3629 margin: 0 auto 20px; 3630 } 3631} 3632body section .kraken_image { 3633 position: relative; 3634} 3635body section .kraken_image::before { 3636 content: ""; 3637 position: absolute; 3638 width: 0; 3639 height: 0; 3640 right: 0; 3641 bottom: 0; 3642 z-index: 5; 3643 border-bottom: 55px solid #ffffff; 3644 border-left: 160px solid transparent; 3645} 3646body section .xlarge_image img, 3647body section .xlarge_image picture, 3648body section .large_image img, 3649body section .large_image picture, 3650body section .medium_image img, 3651body section .medium_image picture, 3652body section .small_image img, 3653body section .small_image picture { 3654 width: 100%; 3655 height: 100%; 3656 object-fit: cover; 3657 object-position: center center; 3658} 3659body section .xlarge_image { 3660 width: min(100%,1200px); 3661} 3662body section .large_image { 3663 width: min(100%,900px); 3664} 3665body section .medium_image { 3666 width: min(100%,600px); 3667} 3668body section .small_image { 3669 width: min(100%,300px); 3670} 3671body section h1, 3672body section h2, 3673body section h3, 3674body section h4, 3675body section h5, 3676body section p { 3677 line-height: 1.5em; 3678 text-transform: none; 3679 font-weight: 400; 3680} 3681body section h1 { 3682 font-size: 3rem; 3683 line-height: 1.25em; 3684} 3685@media (max-width: 810px) { 3686 body section h1 { 3687 font-size: 2.25rem; 3688 } 3689} 3690@media (max-width: 550px) { 3691 body section h1 { 3692 font-size: 2rem; 3693 } 3694} 3695body section h2 { 3696 font-size: 1.75rem; 3697 color: #222; 3698} 3699@media (max-width: 1080px) { 3700 body section h2 { 3701 font-size: 1.5rem; 3702 } 3703} 3704body section h3 { 3705 font-size: 1.5rem; 3706 color: #222; 3707 font-weight: 600; 3708} 3709@media (max-width: 1080px) { 3710 body section h3 { 3711 font-size: 1.3rem; 3712 } 3713} 3714body section h4 { 3715 font-family: "Arial"; 3716 font-size: 18px; 3717 text-transform: uppercase; 3718 color: #121111; 3719} 3720@media (max-width: 1080px) { 3721 body section h4 { 3722 font-size: 16px; 3723 } 3724} 3725body section h5 { 3726 font-family: "Helvetica"; 3727 font-size: 1.25rem; 3728 color: #222; 3729} 3730body section p { 3731 font-size: 18px; 3732 font-weight: 300; 3733} 3734@media (max-width: 1080px) { 3735 body section p { 3736 font-size: 16px; 3737 } 3738} 3739body section ul li { 3740 font-weight: 300; 3741} 3742body section a { 3743 color: #121111; 3744} 3745body section a:hover {
3746 color: #deb284; 3747} 3748body section a.kraken_link { 3749 position: relative; 3750 color: #222; 3751 text-transform: uppercase; 3752 box-sizing: border-box; 3753 padding-bottom: 3px; 3754 font-weight: 500; 3755 font-size: 16px; 3756} 3757body section a.kraken_link i, 3758body section a.kraken_link svg { 3759 transition: all 0.3s; 3760} 3761body section a.kraken_link:before { 3762 content: ""; 3763 position: absolute; 3764 left: 50%; 3765 right: 100%; 3766 bottom: 0px; 3767 background: #deb284; 3768 height: 2px; 3769 opacity: 1; 3770 transform: translateX(-50%); 3771 width: 100%; 3772} 3773body section a.kraken_link:hover { 3774 color: #deb284; 3775} 3776body section a.kraken_link:hover i, 3777body section a.kraken_link:hover svg { 3778 padding-left: 5px; 3779} 3780body section a.kraken_link:hover:before { 3781 animation: krakenlink .5s 1; 3782} 3783body section a.button, 3784body section .button { 3785 color: #222; 3786 background: #deb284; 3787 position: relative; 3788 padding: 10px 40px; 3789 border-radius: 0px; 3790 text-transform: none; 3791 border: 1px solid #deb284; 3792 font-size: 18px; 3793 text-align: center; 3794 display: flex; 3795 align-items: center; 3796 justify-content: center; 3797 box-sizing: border-box; 3798} 3799@media (max-width: 810px) { 3800 body section a.button, 3801 body section .button { 3802 font-size: 16px; 3803 } 3804} 3805body section a.button:before, 3806body section .button:before { 3807 content: ""; 3808 position: absolute; 3809 left: 50%; 3810 right: 100%; 3811 bottom: 10px; 3812 background: #deb284; 3813 height: 2px; 3814 opacity: 0; 3815 transition-property: width; 3816 transition-duration: .3s; 3817 transition-timing-function: ease-out; 3818 transform: translateX(-50%); 3819 width: 0; 3820} 3821body section a.button:hover, 3822body section .button:hover { 3823 color: #222; 3824 background: #ffffff; 3825} 3826body section a.button:hover:before, 3827body section .button:hover:before { 3828 right: 0; 3829 opacity: 1; 3830 width: calc(100% - 80px); 3831} 3832body section a.button.kraken_button, 3833body section .button.kraken_button { 3834 color: #222; 3835 background: #deb284; 3836 border: 1px solid #deb284; 3837} 3838body section a.button.kraken_button:before, 3839body section .button.kraken_button:before { 3840 display: none; 3841} 3842body section a.button.kraken_button span, 3843body section .button.kraken_button span { 3844 position: relative; 3845} 3846body section a.button.kraken_button span:before, 3847body section .button.kraken_button span:before { 3848 content: ""; 3849 position: absolute; 3850 left: 50%; 3851 right: 100%; 3852 bottom: 0px; 3853 background: #deb284; 3854 height: 2px; 3855 opacity: 0; 3856 transition-property: width; 3857 transition-duration: .3s; 3858 transition-timing-function: ease-out; 3859 transform: translateX(-50%); 3860 width: 0; 3861} 3862body section a.button.kraken_button:hover, 3863body section .button.kraken_button:hover { 3864 color: #222; 3865 background: #ffffff; 3866} 3867body section a.button.kraken_button:hover:before, 3868body section .button.kraken_button:hover:before { 3869 display: none; 3870} 3871body section a.button.kraken_button:hover span:before, 3872body section .button.kraken_button:hover span:before { 3873 right: 0; 3874 opacity: 1; 3875 width: 100%; 3876} 3877body section a.button.button_alt, 3878body section .button.button_alt { 3879 color: #ffffff; 3880 background: none; 3881 border: 1px solid #ffffff; 3882} 3883body section a.button.button_alt:before, 3884body section .button.button_alt:before { 3885 background: #deb284; 3886} 3887body section a.button.button_alt:hover, 3888body section .button.button_alt:hover { 3889 color: #222; 3890 background: #ffffff; 3891} 3892body section ul[data-micro-template="pdf_list_container"] { 3893 list-style: none; 3894 padding: 0; 3895 display: grid; 3896 grid-template-columns: repeat(1,1fr); 3897 gap: 10px; 3898} 3899body section ul[data-micro-template="pdf_list_container"] li[data-micro-template="pdf_list"] { 3900 color: #222; 3901 background: #deb284; 3902 position: relative; 3903 padding: 10px 40px; 3904 border-radius: 0px; 3905 text-transform: none; 3906 border: 1px solid #deb284; 3907 font-size: 18px; 3908 text-align: center; 3909 display: flex; 3910 align-items: center; 3911 justify-content: center; 3912 width: 100%; 3913 box-sizing: border-box; 3914} 3915@media (max-width: 810px) { 3916 body section ul[data-micro-template="pdf_list_container"] li[data-micro-template="pdf_list"] { 3917 font-size: 16px; 3918 } 3919} 3920body section ul[data-micro-template="pdf_list_container"] li[data-micro-template="pdf_list"] a { 3921 position: relative; 3922 color: #222; 3923} 3924body section ul[data-micro-template="pdf_list_container"] li[data-micro-template="pdf_list"] a:before { 3925 content: ""; 3926 position: absolute; 3927 left: 50%; 3928 right: 100%; 3929 bottom: 0px; 3930 background: #deb284; 3931 height: 2px; 3932 opacity: 0; 3933 transition-property: width; 3934 transition-duration: .3s; 3935 transition-timing-function: ease-out; 3936 transform: translateX(-50%); 3937 width: 0; 3938} 3939body section ul[data-micro-template="pdf_list_container"] li[data-micro-template="pdf_list"]:hover {
3940 color: #222; 3941 background: #ffffff; 3942} 3943body section ul[data-micro-template="pdf_list_container"] li[data-micro-template="pdf_list"]:hover a { 3944 color: #222; 3945} 3946body section ul[data-micro-template="pdf_list_container"] li[data-micro-template="pdf_list"]:hover a:before { 3947 right: 0; 3948 opacity: 1; 3949 width: 100%; 3950} 3951body section form { 3952 display: grid; 3953 grid-template-columns: repeat(2,1fr); 3954 gap: 40px 20px; 3955} 3956@media (max-width: 550px) { 3957 body section form { 3958 gap: 30px 20px; 3959 display: flex; 3960 flex-direction: column; 3961 } 3962} 3963body section form > div { 3964 display: flex; 3965 flex-direction: column; 3966} 3967body section form > div label { 3968 color: #ffffff; 3969 font-weight: 600; 3970 margin-bottom: 5px; 3971} 3972body section form > div input, 3973body section form > div textarea, 3974body section form > div fieldset, 3975body section form > div select, 3976body section form > div option { 3977 padding: 5px; 3978 box-sizing: border-box; 3979} 3980body section form > div input, 3981body section form > div textarea, 3982body section form > div select { 3983 background: none; 3984 border: none; 3985 color: #ffffff; 3986 border-bottom: 2px solid #ffffff; 3987} 3988body section form > div input:focus, 3989body section form > div input:active, 3990body section form > div textarea:focus, 3991body section form > div textarea:active, 3992body section form > div select:focus, 3993body section form > div select:active { 3994 border-color: #deb284; 3995 outline: none; 3996} 3997body section form > div input::placeholder, 3998body section form > div textarea::placeholder, 3999body section form > div select::placeholder { 4000 color: #ffffff; 4001} 4002body section form > div input option, 4003body section form > div textarea option, 4004body section form > div select option { 4005 color: #222; 4006} 4007body section form textarea { 4008 height: 175px; 4009} 4010body section form div.form-textarea, 4011body section form div.form-location, 4012body section form div.form-checkbox { 4013 grid-column: 1 / -1; 4014} 4015body section form fieldset[name="sms"] { 4016 color: #ffffff; 4017} 4018body section form fieldset[name="sms"] label, 4019body section form fieldset[name="sms"] a { 4020 font-size: .8rem; 4021} 4022body section form fieldset[name="sms"] a { 4023 color: #deb284; 4024} 4025body section form .submit_container { 4026 flex-direction: row; 4027 justify-content: flex-start; 4028} 4029body section form .submit_container .submit { 4030 width: max-content; 4031} 4032body section div[data-micro-template="social_icons"] { 4033 font-size: 1.25rem; 4034} 4035body section div[data-micro-template="social_icons_container"] { 4036 display: flex; 4037 gap: 20px; 4038} 4039body section div[data-micro-template="office_hours_dynamic"] .row { 4040 display: flex; 4041 flex: 1 0 100%; 4042} 4043body section div[data-micro-template="office_hours_dynamic"] .row .day { 4044 text-align: left; 4045 flex: 1 0 40%; 4046} 4047body section div[data-micro-template="office_hours_dynamic"] .row .time { 4048 flex: 1 0 60%; 4049 text-align: right; 4050} 4051@keyframes krakenlink { 4052 from { 4053 width: 0; 4054 opacity: 0; 4055 } 4056 to { 4057 width: 100%; 4058 opacity: 1; 4059 } 4060} 4061</style><style>.section_1 { 4062 --kraken-header-height: 70px; 4063 position: fixed; 4064 top: 0; 4065 z-index: 99; 4066 background: #121111; 4067 box-sizing: border-box; 4068 padding: 5px 40px; 4069 height: var(--kraken-header-height); 4070} 4071@media (max-width: 550px) { 4072 .section_1 { 4073 --kraken-header-height: 50px; 4074 } 4075} 4076@media (max-width: 1280px) { 4077 .section_1 { 4078 padding: 0; 4079 } 4080} 4081.section_1 .content_container .content { 4082 height: 100%; 4083 display: flex; 4084 align-items: center; 4085 gap: 20px; 4086 font-size: 16px; 4087} 4088.section_1 .content_container .content p { 4089 margin: 0; 4090 font-size: 16px; 4091} 4092.section_1 .content_container .content .header_left { 4093 color: #ffffff; 4094 width: 100%; 4095 flex: 1; 4096} 4097.section_1 .content_container .content .header_left .single_location { 4098 display: flex; 4099 gap: 20px; 4100} 4101@media (max-width: 1080px) { 4102 .section_1 .content_container .content .header_left .single_location { 4103 justify-content: space-between; 4104 } 4105} 4106@media (max-width: 550px) { 4107 .section_1 .content_container .content .header_left .single_location { 4108 display: grid; 4109 grid-template-columns: repeat(2,1fr); 4110 font-size: 14px; 4111 } 4112} 4113@media (max-width: 550px) { 4114 .section_1 .content_container .content .header_left .single_location .tracking_number .phone_number, 4115 .section_1 .content_container .content .header_left .single_location .existing_number .phone_number { 4116 display: none; 4117 } 4118} 4119@media (max-width: 550px) { 4120 .section_1 .content_container .content .header_left div[data-micro-template="dropdown_locations_container"] div[data-micro-template="dropdown_location"].active { 4121 display: grid; 4122 grid-template-areas: 'a c' 'b c'; 4123 gap: 0; 4124 } 4125} 4126@media (max-width: 550px) { 4127 .section_1 .content_container .content .header_left div[data-micro-template="dropdown_locations_container"] div[data-micro-template="dropdown_location"].active .phone { 4128 display: flex; 4129 gap: 3px; 4130 align-items: center; 4131 font-size: 14px; 4132 } 4133 .section_1 .content_container .content .header_left div[data-micro-template="dropdown_locations_container"] div[data-micro-template="dropdown_location"].active .phone p { 4134 font-size: 14px; 4135 } 4136 .section_1 .content_container .content .header_left div[data-micro-template="dropdown_locations_container"] div[data-micro-template="dropdown_location"].active .phone:first-of-type { 4137 grid-area: a; 4138 } 4139 .section_1 .content_container .content .header_left div[data-micro-template="dropdown_locations_container"] div[data-micro-template="dropdown_location"].active .phone:nth-of-type(2) { 4140 grid-area: b; 4141 } 4142} 4143@media (max-width: 550px) and (max-width: 400px) { 4144 .section_1 .content_container .content .header_left div[data-micro-template="dropdown_locations_container"] div[data-micro-template="dropdown_location"].active .phone p { 4145 font-size: 13px; 4146 } 4147} 4148@media (max-width: 400px) { 4149 .section_1 .content_container .content .header_left div[data-micro-template="dropdown_locations_container"] div[data-micro-template="dropdown_location"].active .phone { 4150 font-size: 13px; 4151 } 4152} 4153@media (max-width: 1080px) { 4154 .section_1 .content_container .content .header_left div[data-micro-template="dropdown_locations_container"] div[data-micro-template="dropdown_location"].active .address { 4155 margin-left: auto; 4156 } 4157} 4158@media (max-width: 550px) { 4159 .section_1 .content_container .content .header_left div[data-micro-template="dropdown_locations_container"] div[data-micro-template="dropdown_location"].active .address { 4160 grid-area: c; 4161 margin-left: auto; 4162 } 4163 .section_1 .content_container .content .header_left div[data-micro-template="dropdown_locations_container"] div[data-micro-template="dropdown_location"].active .address > div:first-of-type { 4164 display: none; 4165 } 4166} 4167.section_1 .content_container .content .header_left a, 4168.section_1 .content_container .content .header_left a.kraken_link { 4169 color: #ffffff; 4170} 4171.section_1 .content_container .content .header_left a:hover, 4172.section_1 .content_container .content .header_left a.kraken_link:hover {
4173 color: #deb284; 4174} 4175.section_1 .content_container .content .header_left a.kraken_link { 4176 font-size: 13px; 4177} 4178@media (max-width: 550px) { 4179 .section_1 .content_container .content .header_left a.kraken_link { 4180 font-size: 12px; 4181 } 4182} 4183@media (max-width: 400px) { 4184 .section_1 .content_container .content .header_left a.kraken_link { 4185 font-size: 11px; 4186 } 4187} 4188.section_1 .content_container .content .header_left .phone, 4189.section_1 .content_container .content .header_left .social, 4190.section_1 .content_container .content .header_left .address { 4191 align-self: center; 4192} 4193.section_1 .content_container .content .header_left .phone i, 4194.section_1 .content_container .content .header_left .phone svg, 4195.section_1 .content_container .content .header_left .social i, 4196.section_1 .content_container .content .header_left .social svg, 4197.section_1 .content_container .content .header_left .address i, 4198.section_1 .content_container .content .header_left .address svg { 4199 margin-right: 5px; 4200} 4201.section_1 .content_container .content .header_left .social { 4202 margin-left: auto; 4203} 4204@media (max-width: 1280px) { 4205 .section_1 .content_container .content .header_left .social { 4206 display: none; 4207 } 4208} 4209@media (max-width: 1080px) { 4210 .section_1 .content_container .content .header_right { 4211 display: none; 4212 } 4213} 4214</style><style>.section_1 { 4215 --kraken-header-height: 70px; 4216 position: fixed; 4217 top: 0; 4218 z-index: 99; 4219 background: #121111; 4220 box-sizing: border-box; 4221 padding: 5px 40px; 4222 height: var(--kraken-header-height); 4223} 4224@media (max-width: 550px) { 4225 .section_1 { 4226 --kraken-header-height: 50px; 4227 } 4228} 4229@media (max-width: 1280px) { 4230 .section_1 { 4231 padding: 0; 4232 } 4233} 4234.section_1 .content_container .content { 4235 height: 100%; 4236 display: flex; 4237 align-items: center; 4238 gap: 20px; 4239 font-size: 16px; 4240} 4241.section_1 .content_container .content p { 4242 margin: 0; 4243 font-size: 16px; 4244} 4245.section_1 .content_container .content .header_left { 4246 color: #ffffff; 4247 width: 100%; 4248 flex: 1; 4249} 4250.section_1 .content_container .content .header_left .single_location { 4251 display: flex; 4252 gap: 20px; 4253} 4254@media (max-width: 1080px) { 4255 .section_1 .content_container .content .header_left .single_location { 4256 justify-content: space-between; 4257 } 4258} 4259@media (max-width: 550px) { 4260 .section_1 .content_container .content .header_left .single_location { 4261 display: grid; 4262 grid-template-columns: repeat(2,1fr); 4263 font-size: 14px; 4264 display: flex; 4265 } 4266} 4267@media (max-width: 550px) { 4268 .section_1 .content_container .content .header_left .single_location .tracking_number .phone_number, 4269 .section_1 .content_container .content .header_left .single_location .existing_number .phone_number { 4270 display: inline; 4271 } 4272} 4273@media (max-width: 550px) { 4274 .section_1 .content_container .content .header_left div[data-micro-template="dropdown_locations_container"] div[data-micro-template="dropdown_location"].active { 4275 display: grid; 4276 grid-template-areas: 'a c' 'b c'; 4277 gap: 0; 4278 } 4279} 4280@media (max-width: 550px) { 4281 .section_1 .content_container .content .header_left div[data-micro-template="dropdown_locations_container"] div[data-micro-template="dropdown_location"].active .phone { 4282 display: flex; 4283 gap: 3px; 4284 align-items: center; 4285 font-size: 14px; 4286 } 4287 .section_1 .content_container .content .header_left div[data-micro-template="dropdown_locations_container"] div[data-micro-template="dropdown_location"].active .phone p { 4288 font-size: 14px; 4289 } 4290 .section_1 .content_container .content .header_left div[data-micro-template="dropdown_locations_container"] div[data-micro-template="dropdown_location"].active .phone:first-of-type { 4291 grid-area: a; 4292 } 4293 .section_1 .content_container .content .header_left div[data-micro-template="dropdown_locations_container"] div[data-micro-template="dropdown_location"].active .phone:nth-of-type(2) { 4294 grid-area: b; 4295 } 4296} 4297@media (max-width: 550px) and (max-width: 400px) { 4298 .section_1 .content_container .content .header_left div[data-micro-template="dropdown_locations_container"] div[data-micro-template="dropdown_location"].active .phone p { 4299 font-size: 13px; 4300 } 4301} 4302@media (max-width: 400px) { 4303 .section_1 .content_container .content .header_left div[data-micro-template="dropdown_locations_container"] div[data-micro-template="dropdown_location"].active .phone { 4304 font-size: 13px; 4305 } 4306} 4307@media (max-width: 1080px) { 4308 .section_1 .content_container .content .header_left div[data-micro-template="dropdown_locations_container"] div[data-micro-template="dropdown_location"].active .address { 4309 margin-left: auto; 4310 } 4311} 4312@media (max-width: 550px) { 4313 .section_1 .content_container .content .header_left div[data-micro-template="dropdown_locations_container"] div[data-micro-template="dropdown_location"].active .address { 4314 grid-area: c; 4315 margin-left: auto; 4316 } 4317 .section_1 .content_container .content .header_left div[data-micro-template="dropdown_locations_container"] div[data-micro-template="dropdown_location"].active .address > div:first-of-type { 4318 display: none; 4319 } 4320} 4321.section_1 .content_container .content .header_left a, 4322.section_1 .content_container .content .header_left a.kraken_link { 4323 color: #ffffff; 4324} 4325.section_1 .content_container .content .header_left a:hover, 4326.section_1 .content_container .content .header_left a.kraken_link:hover {
4327 color: #deb284; 4328} 4329.section_1 .content_container .content .header_left a.kraken_link { 4330 font-size: 13px; 4331} 4332@media (max-width: 550px) { 4333 .section_1 .content_container .content .header_left a.kraken_link { 4334 font-size: 12px; 4335 } 4336} 4337@media (max-width: 400px) { 4338 .section_1 .content_container .content .header_left a.kraken_link { 4339 font-size: 11px; 4340 } 4341} 4342.section_1 .content_container .content .header_left .phone, 4343.section_1 .content_container .content .header_left .social, 4344.section_1 .content_container .content .header_left .address { 4345 align-self: center; 4346} 4347.section_1 .content_container .content .header_left .phone i, 4348.section_1 .content_container .content .header_left .phone svg, 4349.section_1 .content_container .content .header_left .social i, 4350.section_1 .content_container .content .header_left .social svg, 4351.section_1 .content_container .content .header_left .address i, 4352.section_1 .content_container .content .header_left .address svg { 4353 margin-right: 5px; 4354} 4355@media (max-width: 810px) { 4356 .section_1 .content_container .content .header_left .address .address_text { 4357 display: none; 4358 } 4359} 4360.section_1 .content_container .content .header_left .social { 4361 margin-left: auto; 4362} 4363@media (max-width: 1280px) { 4364 .section_1 .content_container .content .header_left .social { 4365 display: none; 4366 } 4367} 4368@media (max-width: 1080px) { 4369 .section_1 .content_container .content .header_right { 4370 display: none; 4371 } 4372} 4373</style><style>.section_1 { 4374 background: none; 4375} 4376.section_1.not_top { 4377 background: #121111; 4378} 4379.section_1.not_top .content_container .content .header_left a { 4380 color: #ffffff; 4381} 4382.section_1.not_top .content_container .content .header_left { 4383 color: #deb284; 4384} 4385.section_1.not_top .content_container .content .header_left a.kraken_link { 4386 color: #deb284; 4387} 4388.section_1.not_top div[data-micro-template="dropdown_locations_container"] #dropdown_select { 4389 color: #ffffff !important; 4390} 4391.section_1 div[data-micro-template="dropdown_locations_container"] #dropdown_select { 4392 color: #222 !important; 4393} 4394.section_1 .content_container .content .header_left { 4395 color: #222; 4396 width: 100%; 4397 flex: 1; 4398} 4399.section_1 .content_container .content .header_left .single_location { 4400 display: flex; 4401 gap: 20px; 4402} 4403.section_1 .content_container .content .header_left a, 4404.section_1 .content_container .content .header_left a.kraken_link { 4405 color: #222; 4406} 4407.section_1 .content_container .content .header_left a:hover, 4408.section_1 .content_container .content .header_left a.kraken_link:hover { 4409 color: #deb284; 4410} 4411.section_1 .content_container .content .header_left a.kraken_link { 4412 font-size: 13px; 4413} 4414.section_1 .content_container .content .header_left .phone, 4415.section_1 .content_container .content .header_left .social, 4416.section_1 .content_container .content .header_left .address { 4417 align-self: center; 4418} 4419.section_1 .content_container .content .header_left .phone i, 4420.section_1 .content_container .content .header_left .phone svg, 4421.section_1 .content_container .content .header_left .social i, 4422.section_1 .content_container .content .header_left .social svg, 4423.section_1 .content_container .content .header_left .address i, 4424.section_1 .content_container .content .header_left .address svg { 4425 margin-right: 5px; 4426} 4427.section_1 .content_container .content .header_left .social { 4428 margin-left: auto; 4429} 4430.section_1 .content_container .content .header_right div[data-micro-template="buttons_container"] { 4431 display: flex; 4432} 4433.section_1 .content_container .content .header_right div[data-micro-template="buttons_container"] .kraken_button { 4434 margin-right: 10px; 4435 font-size: 16px; 4436 padding: 10px 20px; 4437} 4438</style> 4439<section class="section_1" data-module="kraken_header" data-html="/custom/modules/kraken_header/module.html" data-json="/custom/modules/kraken_header/module.json" data-page="" data-full-path="/"> 4440 <div class="content_container"> 4441 <div class="content"> 4442 <div class="header_left"> 4443 4444 <div class="single_location"> 4445 <div class="phone"><div data-micro-template="phone_dynamic_icon"> 4446 4447 <div class="tracking_number"><a href="tel:+16612197163" aria-label="New Patients: (661) 219-7163" class="tel_16612197163" data-click-call="0"><i class="fas fa-phone-alt"></i><span class="phone_label">New Patients<span class="semicolon">:</span></span> <span class="phone_number">(661) 219-7163</span></a></div> 4448 <div class="existing_number"><a href="tel:+16619421179" aria-label="Existing Patients: (661) 942-1179" class="tel_16619421179" data-click-call="0"><i class="fas fa-phone-alt"></i><span class="phone_label">Existing Patients<span class="semicolon">:</span></span> <span class="phone_number">(661) 942-1179</span></a></div> 4449 4450 4451</div></div> 4452 <div class="address"><a href="https://maps.app.goo.gl/897LkCNXGzViAwFm9" aria-label="151 East Ave. J, Lancaster, CA 93535" rel="noopener" target="_blank"><span><i class="fas fa-map-marker-alt"></i></span><span class="address_text">151 East Ave. J, Lancaster, CA 93535</span></a></div> 4453 <div class="social"><div data-micro-template="social_icons_container"> 4454 <div data-micro-template="social_icons"> 4455 <a href="https://www.facebook.com/avdentalwellness" aria-label="link" rel="noopener" target="_blank"><i class="fab fa-facebook-f"></i></a> 4456</div><div data-micro-template="social_icons"> 4457 <a href="https://www.instagram.com/avdentalwellnessgroup/" aria-label="link" rel="noopener" target="_blank"><i class="fab fa-instagram"></i></a> 4458</div><div data-micro-template="social_icons"> 4459 <a href="https://.yelp.com/biz/av-dental-wellness-group-lancaster" aria-label="link" rel="noopener" target="_blank"><i class="fab fa-yelp"></i></a> 4460</div><div data-micro-template="social_icons"> 4461 <a href="https://maps.app.goo.gl/897LkCNXGzViAwFm9" aria-label="link" rel="noopener" target="_blank"><i class="fab fa-google"></i></a> 4462</div><div data-micro-template="social_icons"> 4463 <a href="/blog/" aria-label="link"><i class="fas fa-blog"></i></a> 4464</div> 4465</div></div> 4466 </div> 4467 </div> 4468<div class="header_right"> 4469 <div data-micro-template="buttons_container"> 4470 <div data-micro-template="buttons"> 4471 <a class="button kraken_button" href="/appointment/" role="button" aria-label="Request Appointment"><span>Request Appointment</span></a> 4472</div> 4473</div> 4474</div> 4475 </div> 4476 </div> 4477</section>
4477<script> 4478 javascript.prototype[get_id()] = function() { 4479 $(document).scroll(function() { 4480 var position = $(document).scrollTop(); 4481 4482 if (position > 100) { 4483 if (!$('.section_1').hasClass('not_top')) { 4484 $('.section_1').addClass('not_top'); 4485 } 4486 } 4487 else { 4488 if ($('.section_1').hasClass('not_top')) { 4489 $('.section_1').removeClass('not_top'); 4490 } 4491 } 4492 }); 4493 } 4494</script>
4494<style>.section_2 { 4495 --group-menu-height: 500px; 4496 --group-menu-width: 1600px; 4497 --header-height: 70px; 4498 --mobile-menu-width: 450px; 4499 --nav-height: 90px; 4500 --mobile-menu-top-spacing: 10px; 4501 --mobile-menu-top-min-height: 75px; 4502 --ul-min-width: 300px; 4503 --logo-width: auto; 4504 background: #ffffff; 4505 position: fixed; 4506 left: 0; 4507 top: var(--header-height); 4508 z-index: 500; 4509 transition: background 0.3s ease; 4510 overflow: visible; 4511} 4512@media (max-width: 1280px) { 4513 .section_2 { 4514 --header-height: 70px; 4515 display: flex; 4516 } 4517} 4518@media (max-width: 1366px) { 4519 .section_2 { 4520 --group-menu-height: 500px; 4521 --group-menu-width: 1600px; 4522 } 4523} 4524@media (max-width: 810px) { 4525 .section_2 { 4526 --nav-height: 70px; 4527 } 4528} 4529@media (max-width: 550px) { 4530 .section_2 { 4531 --header-height: 50px; 4532 --mobile-menu-width: 100%; 4533 } 4534} 4535.section_2 .content_container { 4536 display: flex; 4537 justify-content: space-between; 4538 gap: 20px; 4539} 4540.section_2:hover { 4541 background: #ffffff; 4542} 4543.section_2.active:hover { 4544 background: none; 4545} 4546.section_2.active .logo { 4547 opacity: 0; 4548} 4549.section_2.transparent_menu { 4550 background: none; 4551} 4552.section_2.transparent_menu .logo { 4553 filter: brightness(0) invert(1); 4554 transition: filter 0.3s ease; 4555} 4556.section_2.transparent_menu.not_top nav { 4557 color: #121111; 4558} 4559.section_2.transparent_menu.not_top .logo { 4560 filter: none; 4561} 4562.section_2.transparent_menu.not_top .menu_wrapper > ul > li a { 4563 color: #121111; 4564 transition: all 0.3s ease; 4565} 4566.section_2.transparent_menu.not_top .menu_wrapper > ul > li i, 4567.section_2.transparent_menu.not_top .menu_wrapper > ul > li svg { 4568 color: #121111; 4569 transition: all 0.3s ease; 4570} 4571.section_2.transparent_menu.not_top .menu_wrapper > ul > li:hover a { 4572 color: #deb284; 4573} 4574.section_2.transparent_menu.not_top .menu_wrapper > ul > li:hover i, 4575.section_2.transparent_menu.not_top .menu_wrapper > ul > li:hover svg { 4576 color: #deb284; 4577} 4578.section_2.transparent_menu nav { 4579 color: #ffffff; 4580} 4581.section_2.transparent_menu nav .menu_wrapper > ul > li a { 4582 color: #ffffff; 4583 transition: all 0.3s ease; 4584} 4585.section_2.transparent_menu nav .menu_wrapper > ul > li i, 4586.section_2.transparent_menu nav .menu_wrapper > ul > li svg { 4587 color: #ffffff; 4588 transition: all 0.3s ease; 4589} 4590.section_2.not_top { 4591 background: #ffffff; 4592 border-bottom: 1px solid rgba(34,34,34,0.2); 4593} 4594.section_2.not_top.active { 4595 background: none; 4596 border-bottom: none; 4597} 4598.section_2.not_top nav:after { 4599 content: ''; 4600 position: absolute; 4601 top: 0; 4602 left: 0; 4603 width: 100%; 4604 height: 100%; 4605 transition: all 0s; 4606} 4607.section_2.not_top nav.active:after { 4608 background: none; 4609} 4610.section_2.not_top.background_toggle .logo { 4611 filter: none; 4612} 4613.section_2.not_top.background_toggle nav { 4614 color: #121111; 4615} 4616.section_2.not_top.background_toggle nav .menu_wrapper > ul > li a { 4617 color: #121111; 4618} 4619.section_2.not_top.background_toggle nav .menu_wrapper > ul > li i, 4620.section_2.not_top.background_toggle nav .menu_wrapper > ul > li svg { 4621 color: #121111; 4622} 4623.section_2 .mobile_logo { 4624 display: none; 4625} 4626.section_2 .logo { 4627 position: relative; 4628 width: min(100%,var(--logo-width)); 4629 height: var(--nav-height); 4630 box-sizing: border-box; 4631 padding: 5px 0; 4632 z-index: 150; 4633 transition: all 0.3s; 4634 opacity: 1; 4635} 4636@media (max-width: 1280px) { 4637 .section_2 .logo { 4638 position: relative; 4639 top: initial; 4640 left: initial; 4641 transform: none; 4642 display: flex; 4643 align-items: center; 4644 margin-right: 0; 4645 z-index: 9; 4646 } 4647} 4648@media (max-width: 1280px) { 4649 .section_2 .logo a { 4650 width: initial; 4651 height: 100%; 4652 display: initial; 4653 } 4654} 4655.section_2 .logo img, 4656.section_2 .logo picture { 4657 height: 100%; 4658 object-fit: contain; 4659} 4660.section_2 .menu_buttons { 4661 position: relative; 4662 right: initial; 4663 top: initial; 4664 transform: none; 4665 z-index: 999; 4666 flex: 0 1 auto; 4667 display: block; 4668} 4669@media (max-width: 1280px) { 4670 .section_2 .menu_buttons { 4671 z-index: 9; 4672 } 4673} 4674.section_2 .menu_buttons div[data-micro-template="buttons_container"] { 4675 display: flex; 4676 gap: 0 10px; 4677} 4678.section_2 .menu_buttons div[data-micro-template="buttons_container"] div[data-micro-template="buttons"] a.button { 4679 padding: 15px 45px; 4680 border-radius: 30px; 4681} 4682.section_2 nav { 4683 display: flex; 4684 margin: 0px auto; 4685 z-index: 100; 4686 width: 100%; 4687 text-align: right; 4688 color: #121111; 4689 align-items: center; 4690 justify-content: space-between; 4691 height: var(--nav-height); 4692 box-sizing: border-box; 4693 font-size: 18px; 4694 font-family: "Arial"; 4695 flex: 1; 4696} 4697.section_2 nav a:hover {
4698 color: #deb284; 4699} 4700.section_2 nav.no_descriptions > .menu_wrapper > ul > li .submenu_wrapper { 4701 flex-wrap: wrap; 4702 overflow-y: auto; 4703} 4704.section_2 nav.no_descriptions > .menu_wrapper > ul > li .submenu_wrapper .submenu_description { 4705 flex-basis: 100%; 4706 text-align: center; 4707 line-height: 0; 4708 border-right: 0; 4709 display: none; 4710} 4711.section_2 nav.no_descriptions > .menu_wrapper > ul > li .submenu_wrapper .submenu_description h3 { 4712 display: inline-block; 4713 border-bottom: 1px solid rgba(34,34,34,0.5); 4714 margin-bottom: 20px; 4715 padding-bottom: 1rem; 4716} 4717.section_2 nav.no_descriptions > .menu_wrapper > ul > li .submenu_wrapper .submenu_description p { 4718 display: none; 4719} 4720.section_2 nav.no_descriptions > .menu_wrapper > ul > li .submenu_wrapper > ul { 4721 margin: 0 auto; 4722 flex-basis: min(100%,1000px); 4723 display: flex; 4724 gap: 20px 10px; 4725 justify-content: center; 4726 align-items: center; 4727 flex-wrap: wrap; 4728 flex-direction: row; 4729 padding: 0; 4730} 4731@media (max-width: 1280px) { 4732 .section_2 nav.no_descriptions > .menu_wrapper > ul > li .submenu_wrapper > ul { 4733 padding-bottom: 20px; 4734 display: grid; 4735 grid-template-columns: repeat(1,1fr); 4736 gap: 5px 0; 4737 } 4738} 4739.section_2 nav.no_descriptions > .menu_wrapper > ul > li .submenu_wrapper > ul.group_container { 4740 display: flex; 4741 flex-flow: column wrap; 4742 flex-basis: min(100%,var(--group-menu-width)); 4743 height: var(--group-menu-height); 4744 justify-content: flex-start; 4745 align-items: flex-start; 4746} 4747@media (max-width: 1280px) { 4748 .section_2 nav.no_descriptions > .menu_wrapper > ul > li .submenu_wrapper > ul.group_container { 4749 align-items: flex-start; 4750 } 4751} 4752.section_2 nav .mobile_menu { 4753 position: absolute; 4754 display: none; 4755 right: 0px; 4756 padding-right: inherit; 4757 font-size: 2rem; 4758 cursor: pointer; 4759} 4760.section_2 nav .menu_wrapper { 4761 display: flex; 4762 margin: 0px auto; 4763 z-index: 100; 4764 width: 100%; 4765 text-align: right; 4766 color: #121111; 4767 align-items: center; 4768 justify-content: space-between; 4769 height: var(--nav-height); 4770 box-sizing: border-box; 4771 font-size: 18px; 4772 font-family: "Arial"; 4773} 4774.section_2 nav .menu_wrapper .mobile_menu_top { 4775 display: none; 4776} 4777.section_2 nav .menu_wrapper .mobile_menu_buttons { 4778 display: none; 4779} 4780.section_2 nav .menu_wrapper .close_icon { 4781 display: none; 4782} 4783.section_2 nav .menu_wrapper .mobile_information { 4784 display: none; 4785 box-sizing: border-box; 4786 padding: 0 25px; 4787 color: #ffffff; 4788 text-align: left; 4789 margin-top: 20px; 4790} 4791.section_2 nav .menu_wrapper .mobile_information .mobile_address, 4792.section_2 nav .menu_wrapper .mobile_information .mobile_phone, 4793.section_2 nav .menu_wrapper .mobile_information .mobile_social { 4794 margin-bottom: 20px; 4795} 4796.section_2 nav .menu_wrapper .mobile_information .mobile_address a, 4797.section_2 nav .menu_wrapper .mobile_information .mobile_phone a, 4798.section_2 nav .menu_wrapper .mobile_information .mobile_social a { 4799 color: #ffffff; 4800} 4801.section_2 nav .menu_wrapper ul { 4802 padding: 0px; 4803 margin: 0px; 4804} 4805.section_2 nav .menu_wrapper ul .submenu_wrapper { 4806 position: absolute; 4807 min-width: var(--ul-min-width); 4808 left: 0; 4809 width: 100%; 4810 background: #ffffff; 4811 transform: none; 4812 flex-direction: row; 4813 justify-content: center; 4814 padding: 30px; 4815 display: flex; 4816 box-sizing: border-box; 4817 left: 50%; 4818 transform: translateX(-50%); 4819} 4820.section_2 nav .menu_wrapper ul .submenu_wrapper .submenu_description { 4821 text-align: left; 4822 border-right: 1px solid rgba(34,34,34,0.5); 4823 flex: 0 1 400px; 4824 padding-right: 20px; 4825 opacity: 0; 4826 transition: opacity 1s; 4827} 4828.section_2 nav .menu_wrapper ul .submenu_wrapper .submenu_description.active { 4829 opacity: 1; 4830} 4831.section_2 nav .menu_wrapper ul .submenu_wrapper .submenu_description h3 { 4832 margin: 0; 4833 color: #ffffff; 4834 line-height: initial; 4835} 4836.section_2 nav .menu_wrapper ul .submenu_wrapper .submenu_description h3 p { 4837 font-size: 1.1rem; 4838 font-weight: 400; 4839} 4840.section_2 nav .menu_wrapper ul .submenu_wrapper > ul { 4841 flex: 0 1 200px; 4842 text-align: left; 4843 padding-left: 20px; 4844 display: block; 4845 opacity: 1; 4846 transition: opacity 0.5s ease-in, bottom 0.5s ease; 4847} 4848.section_2 nav .menu_wrapper ul .submenu_wrapper > ul.active { 4849 opacity: 1; 4850} 4851.section_2 nav .menu_wrapper ul .submenu_wrapper > ul.active > li > a:hover {
4852 color: #deb284; 4853} 4854.section_2 nav .menu_wrapper ul .submenu_wrapper > ul li a { 4855 color: #121111; 4856} 4857.section_2 nav .menu_wrapper ul .submenu_wrapper > ul li:hover a { 4858 color: inherit; 4859} 4860.section_2 nav .menu_wrapper ul li { 4861 list-style-type: none; 4862} 4863.section_2 nav .menu_wrapper ul li:hover a, 4864.section_2 nav .menu_wrapper ul li:hover svg { 4865 color: #deb284; 4866} 4867.section_2 nav .menu_wrapper ul a { 4868 display: inline-block; 4869 width: 100%; 4870 height: 100%; 4871 color: #121111; 4872} 4873.section_2 nav .menu_wrapper ul ul { 4874 display: none; 4875 padding: 0px; 4876 flex-direction: column; 4877 position: relative; 4878 background: none; 4879} 4880.section_2 nav .menu_wrapper ul > li { 4881 padding: 0px 20px; 4882} 4883.section_2 nav .menu_wrapper ul > li > ul > ul.group_container { 4884 display: flex; 4885 flex-flow: column wrap; 4886} 4887.section_2 nav .menu_wrapper ul > li > ul > ul.group_container h3 { 4888 color: #121111; 4889 font-size: 1.5rem; 4890 margin-bottom: 10px; 4891 font-family: "Helvetica"; 4892 font-weight: 700; 4893} 4894.section_2 nav .menu_wrapper ul > li > ul > ul.group_container > li > ul { 4895 display: flex; 4896} 4897.section_2 nav .menu_wrapper ul > li > ul > ul.group_container > li > ul > li a:hover { 4898 color: #deb284; 4899} 4900.section_2 nav .menu_wrapper ul > li > ul.group_container { 4901 width: 100%; 4902 box-sizing: border-box; 4903 max-width: 1000px; 4904 flex-direction: column; 4905 flex-wrap: wrap; 4906 left: 50%; 4907 transform: translate(-50%); 4908 max-height: 480px; 4909} 4910.section_2 nav .menu_wrapper ul > li > ul.group_container h3 { 4911 font-size: 1.25rem; 4912 font-weight: bold; 4913 margin: 0px 0px 0.5rem; 4914} 4915.section_2 nav .menu_wrapper ul > li > ul.group_container > li > ul { 4916 position: relative; 4917 display: block; 4918 background: none; 4919 margin-bottom: 0.5rem; 4920} 4921.section_2 nav .menu_wrapper ul > li > ul.group_container > li > ul > li { 4922 line-height: 40px; 4923 text-align: left; 4924} 4925.section_2 nav .menu_wrapper > ul { 4926 margin-left: auto; 4927 margin-right: 0; 4928} 4929.section_2 nav .menu_wrapper > ul > li { 4930 position: relative; 4931 transform: all 0.3s; 4932 display: inline-block; 4933 line-height: var(--nav-height); 4934 padding: 0px 20px; 4935} 4936.section_2 nav .menu_wrapper > ul > li.active a { 4937 color: #deb284; 4938} 4939@media (max-width: 1280px) { 4940 .section_2 nav .menu_wrapper > ul > li.active a { 4941 color: #ffffff; 4942 } 4943} 4944.section_2 nav .menu_wrapper > ul > li.active i, 4945.section_2 nav .menu_wrapper > ul > li.active svg { 4946 color: #deb284; 4947} 4948@media (max-width: 1280px) { 4949 .section_2 nav .menu_wrapper > ul > li.active i, 4950 .section_2 nav .menu_wrapper > ul > li.active svg { 4951 color: #ffffff; 4952 } 4953} 4954.section_2 nav .menu_wrapper > ul > li > a { 4955 color: #121111; 4956} 4957.section_2 nav .menu_wrapper > ul > li i, 4958.section_2 nav .menu_wrapper > ul > li svg { 4959 position: absolute; 4960 right: 0; 4961 top: 50%; 4962 transform: translate(0,-50%); 4963 color: #121111; 4964 transition: all 0.3s; 4965} 4966.section_2 nav .menu_wrapper > ul > li[data-url="/services/"] .submenu_wrapper { 4967 flex-wrap: wrap; 4968 overflow-y: auto; 4969 position: fixed; 4970} 4971.section_2 nav .menu_wrapper > ul > li[data-url="/services/"] .submenu_wrapper .submenu_description { 4972 flex-basis: 100%; 4973 text-align: center; 4974 line-height: 0; 4975 border-right: 0; 4976} 4977.section_2 nav .menu_wrapper > ul > li[data-url="/services/"] .submenu_wrapper .submenu_description h3 { 4978 display: inline-block; 4979 border-bottom: 1px solid rgba(34,34,34,0.5); 4980 margin-bottom: 20px; 4981} 4982.section_2 nav .menu_wrapper > ul > li[data-url="/services/"] .submenu_wrapper > ul { 4983 margin: 0 auto; 4984 flex-basis: min(100%,var(--group-menu-width)); 4985 display: grid; 4986 grid-template-columns: repeat(4,1fr); 4987 gap: 10px; 4988} 4989.section_2 nav .menu_wrapper > ul > li[data-url="/services/"] .submenu_wrapper > ul.group_container { 4990 display: flex; 4991 flex-flow: column wrap; 4992 flex-basis: min(100%,var(--group-menu-width)); 4993 height: var(--group-menu-height); 4994} 4995.section_2 nav .menu_wrapper > ul > li > ul { 4996 padding-top: 20px; 4997 padding-bottom: 20px; 4998 left: 50%; 4999 transform: translate(-50%); 5000} 5001.section_2 nav .menu_wrapper > ul > li > ul > li { 5002 line-height: 40px; 5003 width: 140px; 5004 text-align: left; 5005 text-align: center; 5006} 5007.section_2 nav .menu_wrapper > ul > li > ul > li > ul:not([data-group-container]) { 5008 position: absolute; 5009 left: 100%; 5010 padding-top: 20px; 5011 padding-bottom: 20px; 5012 transform: translate(0px,-60px); 5013} 5014.section_2 nav .menu_wrapper > ul > li > ul > li > ul:not([data-group-container]) > li { 5015 line-height: 40px; 5016 width: 140px; 5017} 5018@media (max-width: 1280px) { 5019 .section_2 .menu_buttons { 5020 right: 70px; 5021 } 5022 .section_2 .menu_buttons div[data-micro-template="buttons_container"] { 5023 display: flex; 5024 gap: 0 10px; 5025 } 5026 .section_2 nav { 5027 max-width: 100%; 5028 padding: 0px 20px; 5029 box-sizing: border-box; 5030 } 5031 .section_2 nav .mobile_menu { 5032 display: inline-block; 5033 top: 50%; 5034 transform: translate(0px,-50%); 5035 z-index: 4; 5036 } 5037 .section_2 nav ul { 5038 background: none; 5039 } 5040 .section_2 nav ul > li { 5041 box-sizing: border-box; 5042 } 5043 .section_2 nav ul ul { 5044 position: relative; 5045 transform: initial; 5046 } 5047 .section_2 nav .menu_wrapper { 5048 z-index: initial; 5049 position: fixed; 5050 height: 100%; 5051 width: var(--mobile-menu-width); 5052 top: 0; 5053 left: initial; 5054 transform: translateX(0); 5055 right: calc(var(--mobile-menu-width) * -1); 5056 text-align: center; 5057 display: flex; 5058 flex-direction: column; 5059 justify-content: flex-start;
5060 align-items: flex-end; 5061 opacity: 1; 5062 transition: transform 0.3s; 5063 box-sizing: border-box; 5064 padding: 0; 5065 overflow-y: auto; 5066 background: #121111; 5067 padding-bottom: 60px; 5068 } 5069 .section_2 nav .menu_wrapper.active { 5070 z-index: 1000; 5071 transform: translateX(calc(var(--mobile-menu-width) * -1)); 5072 } 5073 .section_2 nav .menu_wrapper .mobile_logo { 5074 position: absolute; 5075 top: 50%; 5076 left: 50%; 5077 transform: translate(-50%,-50%); 5078 width: 100%; 5079 opacity: 0.15; 5080 display: block; 5081 } 5082 .section_2 nav .menu_wrapper .mobile_logo img, 5083 .section_2 nav .menu_wrapper .mobile_logo picture { 5084 width: 100%; 5085 height: 100%; 5086 object-fit: cover; 5087 } 5088 .section_2 nav .menu_wrapper .mobile_menu_top { 5089 position: sticky; 5090 background: #121111; 5091 width: 100%; 5092 top: 0; 5093 z-index: 99; 5094 border-bottom: none; 5095 display: block; 5096 box-sizing: border-box; 5097 padding: 10px 0 0 0; 5098 min-height: var(--mobile-menu-top-min-height); 5099 } 5100 .section_2 nav .menu_wrapper .mobile_menu_buttons { 5101 display: block; 5102 width: 100%; 5103 } 5104 .section_2 nav .menu_wrapper .mobile_menu_buttons div[data-micro-template="buttons_container"] { 5105 display: flex; 5106 justify-content: flex-start; 5107 gap: 0 10px; 5108 padding: 0 25px; 5109 box-sizing: border-box; 5110 opacity: 0; 5111 transform: translateY(40px); 5112 transition: transform 0.5s ease, opacity 0.5s ease; 5113 position: relative; 5114 } 5115 .section_2 nav .menu_wrapper .mobile_menu_buttons div[data-micro-template="buttons_container"].active { 5116 opacity: 1; 5117 transform: translateY(0); 5118 } 5119 .section_2 nav .menu_wrapper .mobile_menu_buttons div[data-micro-template="buttons_container"] div[data-micro-template="buttons"] a.button { 5120 padding: 10px 15px; 5121 font-size: 1rem; 5122 border-radius: 0; 5123 } 5124 .section_2 nav .menu_wrapper .mobile_menu_buttons div[data-micro-template="buttons_container"] div[data-micro-template="buttons"] a.button:hover { 5125 color: #222; 5126 } 5127 .section_2 nav .menu_wrapper .mobile_menu_buttons div[data-micro-template="buttons_container"] div[data-micro-template="buttons"] a.button:hover:before { 5128 width: calc(100% - 30px); 5129 } 5130 .section_2 nav .menu_wrapper .mobile_information { 5131 display: block; 5132 margin-top: 20px; 5133 width: 100%; 5134 } 5135 .section_2 nav .menu_wrapper .mobile_information .mobile_address { 5136 opacity: 0; 5137 transform: translateY(40px); 5138 position: relative; 5139 transition: transform 0.5s, opacity 0.5s; 5140 font-weight: 300; 5141 } 5142 .section_2 nav .menu_wrapper .mobile_information .mobile_address .label { 5143 font-weight: 500; 5144 } 5145 .section_2 nav .menu_wrapper .mobile_information .mobile_address.active { 5146 opacity: 1; 5147 transform: translateY(0); 5148 } 5149 .section_2 nav .menu_wrapper .mobile_information .mobile_address svg, 5150 .section_2 nav .menu_wrapper .mobile_information .mobile_address i { 5151 margin-right: 5px; 5152 } 5153 .section_2 nav .menu_wrapper .mobile_information .mobile_address div[data-micro-template="social_icons_container"] { 5154 margin: 5px 0; 5155 } 5156 .section_2 nav .menu_wrapper .mobile_information .mobile_address .location_hours { 5157 margin-bottom: 5px; 5158 } 5159 .section_2 nav .menu_wrapper .close_icon { 5160 border: none; 5161 text-align: right; 5162 line-height: initial; 5163 padding: 10px 10px 10px 20px; 5164 display: block; 5165 cursor: pointer; 5166 box-sizing: border-box; 5167 opacity: 1; 5168 position: absolute; 5169 top: 50%; 5170 right: 0; 5171 transform: translate(0,-50%); 5172 } 5173 .section_2 nav .menu_wrapper .close_icon i, 5174 .section_2 nav .menu_wrapper .close_icon svg { 5175 font-size: 2.25rem; 5176 position: relative; 5177 color: #ffffff; 5178 transform: none; 5179 top: initial; 5180 right: initial; 5181 } 5182 .section_2 nav .menu_wrapper > ul { 5183 width: 100%; 5184 height: auto; 5185 padding: 0 25px; 5186 box-sizing: border-box; 5187 margin-top: var(--mobile-menu-top-spacing); 5188 } 5189 .section_2 nav .menu_wrapper > ul > li:not(:last-of-type) { 5190 margin: 0px; 5191 } 5192 .section_2 nav .menu_wrapper > ul > li:last-of-type { 5193 border-bottom: none; 5194 } 5195 .section_2 nav .menu_wrapper > ul > li:first-of-type { 5196 border-top: none; 5197 } 5198 .section_2 nav .menu_wrapper > ul > li { 5199 width: 100%; 5200 margin: 0px; 5201 border-top: none; 5202 line-height: 60px; 5203 padding: 0px; 5204 display: block; 5205 justify-content: space-between; 5206 align-items: center; 5207 opacity: 0; 5208 transition: transform 0.5s, opacity 0.5s; 5209 transform: translateY(40px); 5210 text-align: left; 5211 } 5212 .section_2 nav .menu_wrapper > ul > li svg, 5213 .section_2 nav .menu_wrapper > ul > li i { 5214 color: #ffffff; 5215 position: absolute; 5216 right: 0; 5217 top: 30px; 5218 transform: translate(0,-50%); 5219 transition: transform 0.3s; 5220 } 5221 .section_2 nav .menu_wrapper > ul > li.active { 5222 opacity: 1; 5223 transform: translateY(0); 5224 } 5225 .section_2 nav .menu_wrapper > ul > li .submenu_wrapper { 5226 position: relative; 5227 padding: 0; 5228 justify-content: flex-start; 5229 background: none; 5230 } 5231 .section_2 nav .menu_wrapper > ul > li .submenu_wrapper .submenu_description { 5232 display: none; 5233 } 5234 .section_2 nav .menu_wrapper > ul > li .submenu_wrapper > ul { 5235 transition: opacity 0.5s ease-in, bottom 0.5s ease; 5236 display: block; 5237 opacity: 0; 5238 padding: 0 0 20px 0; 5239 flex: 100%; 5240 } 5241 .section_2 nav .menu_wrapper > ul > li .submenu_wrapper > ul li:hover a { 5242 color: #ffffff; 5243 } 5244 .section_2 nav .menu_wrapper > ul > li .submenu_wrapper > ul li a { 5245 color: #ffffff; 5246 } 5247 .section_2 nav .menu_wrapper > ul > li .submenu_wrapper.active > ul { 5248 opacity: 1; 5249 display: grid; 5250 grid-template-columns: repeat(1,1fr); 5251 gap: 5px 0; 5252 } 5253 .section_2 nav .menu_wrapper > ul > li[data-url="/services/"] .submenu_wrapper { 5254 position: relative; 5255 } 5256 .section_2 nav .menu_wrapper > ul > li[data-url="/services/"] .submenu_wrapper > ul.group_container { 5257 height: auto; 5258 } 5259 .section_2 nav .menu_wrapper > ul > li[data-url="/services/"] .submenu_wrapper > ul { 5260 grid-template-columns: repeat(1,1fr); 5261 gap: 5px 0; 5262 } 5263 .section_2 nav .menu_wrapper > ul > li a { 5264 display: inline-block; 5265 width: 100%; 5266 height: 100%; 5267 color: #ffffff; 5268 } 5269 .section_2 nav .menu_wrapper > ul > li > ul { 5270 padding-top: 0px; 5271 } 5272 .section_2 nav .menu_wrapper > ul > li > ul > li { 5273 width: 100%; 5274 text-align: center; 5275 } 5276 .section_2 nav .menu_wrapper > ul > li > ul > li > ul:not([data-group-container]) { 5277 position: initial; 5278 left: initial; 5279 padding-top: 20px; 5280 padding-bottom: 20px; 5281 transform: initial; 5282 text-align: center; 5283 } 5284 .section_2 nav .menu_wrapper > ul > li > ul > li > ul:not([data-group-container]) > li { 5285 line-height: 40px; 5286 width: 100%; 5287 } 5288 .section_2 nav .menu_wrapper > ul > li ul.group_container { 5289 max-width: 100%; 5290 max-height: initial; 5291 } 5292 .section_2 nav .menu_wrapper > ul > li ul.group_container > li { 5293 padding: 0; 5294 } 5295 .section_2 nav .menu_wrapper > ul > li ul.group_container > li > ul > li { 5296 text-align: left; 5297 font-size: 16px; 5298 } 5299 .section_2 nav .menu_wrapper > ul > li ul.group_container > li > ul > li h3 { 5300 font-size: 18px; 5301 margin: 0; 5302 border-bottom: none; 5303 margin-bottom: 5px; 5304 padding-bottom: 5px; 5305 color: #ffffff; 5306 } 5307} 5308@media (max-width: 1280px) and (max-width: 810px) { 5309 .section_2 .menu_buttons { 5310 display: none; 5311 } 5312} 5313@media (max-width: 1280px) and (max-width: 550px) { 5314 .section_2 nav .menu_wrapper { 5315 top: -100vh; 5316 right: 0; 5317 } 5318 .section_2 nav .menu_wrapper.active { 5319 transform: translateY(100vh); 5320 } 5321} 5322section[data-type="system-lightbox-container"] { 5323 transition: all 0s !important; 5324} 5325section[data-type="system-lightbox-container"].active { 5326 opacity: 1; 5327 background: rgba(0,0,0,0.6); 5328 z-index: 99; 5329} 5330</style><style>.section_2 { 5331 --group-menu-height: 450px; 5332 --group-menu-width: 1600px; 5333 --header-height: 70px; 5334 --mobile-menu-width: 450px; 5335 --nav-height: 100px; 5336 --mobile-menu-top-spacing: 10px; 5337 --mobile-menu-top-min-height: 75px; 5338 --ul-min-width: 300px; 5339 --logo-width: auto; 5340 background: #ffffff; 5341 position: fixed; 5342 left: 0; 5343 top: var(--header-height); 5344 z-index: 500; 5345 transition: background 0.3s ease; 5346 overflow: visible; 5347} 5348@media (max-width: 1280px) { 5349 .section_2 { 5350 --header-height: 70px; 5351 display: flex; 5352 } 5353} 5354@media (max-width: 1366px) { 5355 .section_2 { 5356 --group-menu-height: 500px; 5357 --group-menu-width: 1600px; 5358 } 5359} 5360@media (max-width: 810px) { 5361 .section_2 { 5362 --nav-height: 70px; 5363 } 5364} 5365@media (max-width: 550px) { 5366 .section_2 { 5367 --header-height: 50px; 5368 --mobile-menu-width: 100%; 5369 } 5370} 5371.section_2 .svg-inline--fa { 5372 color: #222; 5373} 5374.section_2 .content_container { 5375 display: flex; 5376 justify-content: space-between; 5377 gap: 20px; 5378} 5379.section_2:hover { 5380 background: #ffffff; 5381} 5382.section_2.active:hover { 5383 background: none; 5384} 5385.section_2.active .logo { 5386 opacity: 0; 5387} 5388.section_2.transparent_menu { 5389 background: none; 5390} 5391.section_2.transparent_menu .logo { 5392 filter: brightness(0) invert(1); 5393 transition: filter 0.3s ease; 5394} 5395.section_2.transparent_menu.not_top nav { 5396 color: #121111; 5397} 5398.section_2.transparent_menu.not_top .logo { 5399 filter: none; 5400} 5401.section_2.transparent_menu.not_top .menu_wrapper > ul > li a { 5402 color: #121111; 5403 transition: all 0.3s ease; 5404} 5405.section_2.transparent_menu.not_top .menu_wrapper > ul > li i, 5406.section_2.transparent_menu.not_top .menu_wrapper > ul > li svg {
5407 color: #121111; 5408 transition: all 0.3s ease; 5409} 5410.section_2.transparent_menu.not_top .menu_wrapper > ul > li:hover a { 5411 color: #deb284; 5412} 5413.section_2.transparent_menu.not_top .menu_wrapper > ul > li:hover i, 5414.section_2.transparent_menu.not_top .menu_wrapper > ul > li:hover svg { 5415 color: #deb284; 5416} 5417.section_2.transparent_menu nav { 5418 color: #ffffff; 5419} 5420.section_2.transparent_menu nav .menu_wrapper > ul > li a { 5421 color: #ffffff; 5422 transition: all 0.3s ease; 5423} 5424.section_2.transparent_menu nav .menu_wrapper > ul > li i, 5425.section_2.transparent_menu nav .menu_wrapper > ul > li svg { 5426 color: #ffffff; 5427 transition: all 0.3s ease; 5428} 5429.section_2.not_top { 5430 background: #ffffff; 5431 border-bottom: 1px solid rgba(34,34,34,0.2); 5432} 5433.section_2.not_top.active { 5434 background: none; 5435 border-bottom: none; 5436} 5437.section_2.not_top nav:after { 5438 content: ''; 5439 position: absolute; 5440 top: 0; 5441 left: 0; 5442 width: 100%; 5443 height: 100%; 5444 transition: all 0s; 5445} 5446.section_2.not_top nav.active:after { 5447 background: none; 5448} 5449.section_2.not_top.background_toggle .logo { 5450 filter: none; 5451} 5452.section_2.not_top.background_toggle nav { 5453 color: #121111; 5454} 5455.section_2.not_top.background_toggle nav .menu_wrapper > ul > li a { 5456 color: #121111; 5457} 5458.section_2.not_top.background_toggle nav .menu_wrapper > ul > li i, 5459.section_2.not_top.background_toggle nav .menu_wrapper > ul > li svg { 5460 color: #121111; 5461} 5462.section_2 .mobile_logo { 5463 display: none; 5464} 5465.section_2 .logo { 5466 position: relative; 5467 width: min(100%,var(--logo-width)); 5468 height: var(--nav-height); 5469 box-sizing: border-box; 5470 padding: 5px 0; 5471 z-index: 150; 5472 transition: all 0.3s; 5473 opacity: 1; 5474} 5475@media (max-width: 1280px) { 5476 .section_2 .logo { 5477 position: relative; 5478 top: initial; 5479 left: initial; 5480 transform: none; 5481 display: flex; 5482 align-items: center; 5483 margin-right: 0; 5484 z-index: 9; 5485 } 5486} 5487@media (max-width: 1280px) { 5488 .section_2 .logo a { 5489 width: initial; 5490 height: 100%; 5491 display: initial; 5492 } 5493} 5494.section_2 .logo img, 5495.section_2 .logo picture { 5496 height: 100%; 5497 object-fit: contain; 5498} 5499.section_2 .menu_buttons { 5500 position: relative; 5501 right: initial; 5502 top: initial; 5503 transform: none; 5504 z-index: 999; 5505 flex: 0 1 auto; 5506 display: block; 5507} 5508@media (max-width: 1280px) { 5509 .section_2 .menu_buttons { 5510 z-index: 9; 5511 } 5512} 5513.section_2 .menu_buttons div[data-micro-template="buttons_container"] { 5514 display: flex; 5515 gap: 0 10px; 5516} 5517.section_2 .menu_buttons div[data-micro-template="buttons_container"] div[data-micro-template="buttons"] a.button { 5518 padding: 15px 45px; 5519 border-radius: 30px; 5520} 5521.section_2 nav { 5522 display: flex; 5523 margin: 0px auto; 5524 z-index: 100; 5525 width: 100%; 5526 text-align: right; 5527 color: #121111; 5528 align-items: center; 5529 justify-content: space-between; 5530 height: var(--nav-height); 5531 box-sizing: border-box; 5532 font-size: 18px; 5533 font-family: "Arial"; 5534 flex: 1; 5535} 5536.section_2 nav a:hover { 5537 color: #deb284; 5538} 5539.section_2 nav.no_descriptions > .menu_wrapper > ul > li .submenu_wrapper { 5540 flex-wrap: wrap; 5541 overflow-y: auto; 5542} 5543.section_2 nav.no_descriptions > .menu_wrapper > ul > li .submenu_wrapper .submenu_description { 5544 flex-basis: 100%; 5545 text-align: center; 5546 line-height: 0; 5547 border-right: 0; 5548 display: none; 5549} 5550.section_2 nav.no_descriptions > .menu_wrapper > ul > li .submenu_wrapper .submenu_description h3 { 5551 display: inline-block; 5552 border-bottom: 1px solid rgba(34,34,34,0.5); 5553 margin-bottom: 20px; 5554 padding-bottom: 1rem; 5555} 5556.section_2 nav.no_descriptions > .menu_wrapper > ul > li .submenu_wrapper .submenu_description p { 5557 display: none; 5558} 5559.section_2 nav.no_descriptions > .menu_wrapper > ul > li .submenu_wrapper > ul { 5560 margin: 0 auto; 5561 flex-basis: min(100%,1000px); 5562 display: flex; 5563 gap: 20px 10px; 5564 justify-content: center; 5565 align-items: center; 5566 flex-wrap: wrap; 5567 flex-direction: row; 5568 padding: 0; 5569} 5570@media (max-width: 1280px) { 5571 .section_2 nav.no_descriptions > .menu_wrapper > ul > li .submenu_wrapper > ul { 5572 padding-bottom: 20px; 5573 display: grid; 5574 grid-template-columns: repeat(1,1fr); 5575 gap: 5px 0; 5576 } 5577} 5578.section_2 nav.no_descriptions > .menu_wrapper > ul > li .submenu_wrapper > ul.group_container { 5579 display: flex; 5580 flex-flow: column wrap; 5581 flex-basis: min(100%,var(--group-menu-width)); 5582 height: var(--group-menu-height); 5583 justify-content: flex-start; 5584 align-items: flex-start; 5585} 5586@media (max-width: 1280px) { 5587 .section_2 nav.no_descriptions > .menu_wrapper > ul > li .submenu_wrapper > ul.group_container {
5588 align-items: flex-start; 5589 } 5590} 5591.section_2 nav .mobile_menu { 5592 position: absolute; 5593 display: none; 5594 right: 0px; 5595 padding-right: inherit; 5596 font-size: 2rem; 5597 cursor: pointer; 5598} 5599.section_2 nav .menu_wrapper { 5600 display: flex; 5601 margin: 0px auto; 5602 z-index: 100; 5603 width: 100%; 5604 text-align: right; 5605 color: #121111; 5606 align-items: center; 5607 justify-content: space-between; 5608 height: var(--nav-height); 5609 box-sizing: border-box; 5610 font-size: 18px; 5611 font-family: "Arial"; 5612} 5613.section_2 nav .menu_wrapper .mobile_menu_top { 5614 display: none; 5615} 5616.section_2 nav .menu_wrapper .mobile_menu_buttons { 5617 display: none; 5618} 5619.section_2 nav .menu_wrapper .close_icon { 5620 display: none; 5621} 5622.section_2 nav .menu_wrapper .mobile_information { 5623 display: none; 5624 box-sizing: border-box; 5625 padding: 0 25px; 5626 color: #ffffff; 5627 text-align: left; 5628 margin-top: 20px; 5629} 5630.section_2 nav .menu_wrapper .mobile_information .mobile_address, 5631.section_2 nav .menu_wrapper .mobile_information .mobile_phone, 5632.section_2 nav .menu_wrapper .mobile_information .mobile_social { 5633 margin-bottom: 20px; 5634} 5635.section_2 nav .menu_wrapper .mobile_information .mobile_address a, 5636.section_2 nav .menu_wrapper .mobile_information .mobile_phone a, 5637.section_2 nav .menu_wrapper .mobile_information .mobile_social a { 5638 color: #ffffff; 5639} 5640.section_2 nav .menu_wrapper ul { 5641 padding: 0px; 5642 margin: 0px; 5643} 5644.section_2 nav .menu_wrapper ul .submenu_wrapper { 5645 position: absolute; 5646 min-width: var(--ul-min-width); 5647 left: 0; 5648 width: 100%; 5649 background: #ffffff; 5650 transform: none; 5651 flex-direction: row; 5652 justify-content: center; 5653 padding: 30px; 5654 display: flex; 5655 box-sizing: border-box; 5656 left: 50%; 5657 transform: translateX(-50%); 5658} 5659.section_2 nav .menu_wrapper ul .submenu_wrapper .submenu_description { 5660 text-align: left; 5661 border-right: 1px solid rgba(34,34,34,0.5); 5662 flex: 0 1 400px; 5663 padding-right: 20px; 5664 opacity: 0; 5665 transition: opacity 1s; 5666} 5667.section_2 nav .menu_wrapper ul .submenu_wrapper .submenu_description.active { 5668 opacity: 1; 5669} 5670.section_2 nav .menu_wrapper ul .submenu_wrapper .submenu_description h3 { 5671 margin: 0; 5672 color: #ffffff; 5673 line-height: initial; 5674} 5675.section_2 nav .menu_wrapper ul .submenu_wrapper .submenu_description h3 p { 5676 font-size: 1.1rem; 5677 font-weight: 400; 5678} 5679.section_2 nav .menu_wrapper ul .submenu_wrapper > ul { 5680 flex: 0 1 200px; 5681 text-align: left; 5682 padding-left: 20px; 5683 display: block; 5684 opacity: 1; 5685 transition: opacity 0.5s ease-in, bottom 0.5s ease; 5686} 5687.section_2 nav .menu_wrapper ul .submenu_wrapper > ul.active { 5688 opacity: 1; 5689} 5690.section_2 nav .menu_wrapper ul .submenu_wrapper > ul.active > li > a:hover { 5691 color: #deb284; 5692} 5693.section_2 nav .menu_wrapper ul .submenu_wrapper > ul li a { 5694 color: #121111; 5695} 5696.section_2 nav .menu_wrapper ul .submenu_wrapper > ul li:hover a { 5697 color: inherit; 5698} 5699.section_2 nav .menu_wrapper ul li { 5700 list-style-type: none; 5701} 5702.section_2 nav .menu_wrapper ul li:hover a, 5703.section_2 nav .menu_wrapper ul li:hover svg { 5704 color: #deb284; 5705} 5706.section_2 nav .menu_wrapper ul a { 5707 display: inline-block; 5708 width: 100%; 5709 height: 100%; 5710 color: #121111; 5711} 5712.section_2 nav .menu_wrapper ul ul { 5713 display: none; 5714 padding: 0px; 5715 flex-direction: column; 5716 position: relative; 5717 background: none; 5718} 5719.section_2 nav .menu_wrapper ul > li { 5720 padding: 0px 20px; 5721} 5722.section_2 nav .menu_wrapper ul > li > ul > ul.group_container { 5723 display: flex; 5724 flex-flow: column wrap; 5725} 5726.section_2 nav .menu_wrapper ul > li > ul > ul.group_container h3 { 5727 color: #121111; 5728 font-size: 1.5rem; 5729 margin-bottom: 10px; 5730 font-family: "Helvetica"; 5731 font-weight: 700; 5732} 5733.section_2 nav .menu_wrapper ul > li > ul > ul.group_container > li > ul { 5734 display: flex; 5735} 5736.section_2 nav .menu_wrapper ul > li > ul > ul.group_container > li > ul > li a:hover { 5737 color: #deb284; 5738} 5739.section_2 nav .menu_wrapper ul > li > ul.group_container { 5740 width: 100%; 5741 box-sizing: border-box; 5742 max-width: 1000px; 5743 flex-direction: column; 5744 flex-wrap: wrap; 5745 left: 50%; 5746 transform: translate(-50%); 5747 max-height: 480px; 5748} 5749.section_2 nav .menu_wrapper ul > li > ul.group_container h3 { 5750 font-size: 1.25rem; 5751 font-weight: bold; 5752 margin: 0px 0px 0.5rem; 5753} 5754.section_2 nav .menu_wrapper ul > li > ul.group_container > li > ul { 5755 position: relative; 5756 display: block; 5757 background: none; 5758 margin-bottom: 0.5rem; 5759} 5760.section_2 nav .menu_wrapper ul > li > ul.group_container > li > ul > li { 5761 line-height: 40px; 5762 text-align: left; 5763} 5764.section_2 nav .menu_wrapper > ul { 5765 margin-left: auto; 5766 margin-right: 0; 5767} 5768.section_2 nav .menu_wrapper > ul > li { 5769 position: relative; 5770 transform: all 0.3s; 5771 display: inline-block; 5772 line-height: var(--nav-height); 5773 padding: 0px 20px; 5774} 5775.section_2 nav .menu_wrapper > ul > li.active a { 5776 color: #deb284; 5777} 5778@media (max-width: 1280px) { 5779 .section_2 nav .menu_wrapper > ul > li.active a { 5780 color: #ffffff; 5781 } 5782} 5783.section_2 nav .menu_wrapper > ul > li.active i, 5784.section_2 nav .menu_wrapper > ul > li.active svg {
5785 color: #deb284; 5786} 5787@media (max-width: 1280px) { 5788 .section_2 nav .menu_wrapper > ul > li.active i, 5789 .section_2 nav .menu_wrapper > ul > li.active svg { 5790 color: #ffffff; 5791 } 5792} 5793.section_2 nav .menu_wrapper > ul > li > a { 5794 color: #121111; 5795} 5796.section_2 nav .menu_wrapper > ul > li i, 5797.section_2 nav .menu_wrapper > ul > li svg { 5798 position: absolute; 5799 right: 0; 5800 top: 50%; 5801 transform: translate(0,-50%); 5802 color: #121111; 5803 transition: all 0.3s; 5804} 5805.section_2 nav .menu_wrapper > ul > li[data-url="/services/"] .submenu_wrapper { 5806 flex-wrap: wrap; 5807 overflow-y: auto; 5808 position: fixed; 5809} 5810.section_2 nav .menu_wrapper > ul > li[data-url="/services/"] .submenu_wrapper .submenu_description { 5811 flex-basis: 100%; 5812 text-align: center; 5813 line-height: 0; 5814 border-right: 0; 5815} 5816.section_2 nav .menu_wrapper > ul > li[data-url="/services/"] .submenu_wrapper .submenu_description h3 { 5817 display: inline-block; 5818 border-bottom: 1px solid rgba(34,34,34,0.5); 5819 margin-bottom: 20px; 5820} 5821.section_2 nav .menu_wrapper > ul > li[data-url="/services/"] .submenu_wrapper > ul { 5822 margin: 0 auto; 5823 flex-basis: min(100%,var(--group-menu-width)); 5824 display: grid; 5825 grid-template-columns: repeat(4,1fr); 5826 gap: 10px; 5827} 5828.section_2 nav .menu_wrapper > ul > li[data-url="/services/"] .submenu_wrapper > ul.group_container { 5829 display: flex; 5830 flex-flow: column wrap; 5831 flex-basis: min(100%,var(--group-menu-width)); 5832 height: var(--group-menu-height); 5833} 5834.section_2 nav .menu_wrapper > ul > li > ul { 5835 padding-top: 20px; 5836 padding-bottom: 20px; 5837 left: 50%; 5838 transform: translate(-50%); 5839} 5840.section_2 nav .menu_wrapper > ul > li > ul > li { 5841 line-height: 40px; 5842 width: 140px; 5843 text-align: left; 5844 text-align: center; 5845} 5846.section_2 nav .menu_wrapper > ul > li > ul > li > ul:not([data-group-container]) { 5847 position: absolute; 5848 left: 100%; 5849 padding-top: 20px; 5850 padding-bottom: 20px; 5851 transform: translate(0px,-60px); 5852} 5853.section_2 nav .menu_wrapper > ul > li > ul > li > ul:not([data-group-container]) > li { 5854 line-height: 40px; 5855 width: 140px; 5856} 5857@media (max-width: 1280px) { 5858 .section_2 .menu_buttons { 5859 right: 70px; 5860 } 5861 .section_2 .menu_buttons div[data-micro-template="buttons_container"] { 5862 display: flex; 5863 gap: 0 10px; 5864 } 5865 .section_2 nav { 5866 max-width: 100%; 5867 padding: 0px 20px; 5868 box-sizing: border-box; 5869 } 5870 .section_2 nav .mobile_menu { 5871 display: inline-block; 5872 top: 50%; 5873 transform: translate(0px,-50%); 5874 z-index: 4; 5875 } 5876 .section_2 nav ul { 5877 background: none; 5878 } 5879 .section_2 nav ul > li { 5880 box-sizing: border-box; 5881 } 5882 .section_2 nav ul ul { 5883 position: relative; 5884 transform: initial; 5885 } 5886 .section_2 nav .menu_wrapper { 5887 z-index: initial; 5888 position: fixed; 5889 height: 100%; 5890 width: var(--mobile-menu-width); 5891 top: 0; 5892 left: initial; 5893 transform: translateX(0); 5894 right: calc(var(--mobile-menu-width) * -1); 5895 text-align: center; 5896 display: flex; 5897 flex-direction: column; 5898 justify-content: flex-start; 5899 align-items: flex-end; 5900 opacity: 1; 5901 transition: transform 0.3s; 5902 box-sizing: border-box; 5903 padding: 0; 5904 overflow-y: auto; 5905 background: #121111; 5906 padding-bottom: 60px; 5907 } 5908 .section_2 nav .menu_wrapper.active { 5909 z-index: 1000; 5910 transform: translateX(calc(var(--mobile-menu-width) * -1)); 5911 } 5912 .section_2 nav .menu_wrapper .mobile_logo { 5913 position: absolute; 5914 top: 50%; 5915 left: 50%; 5916 transform: translate(-50%,-50%); 5917 width: 100%; 5918 opacity: 0.15; 5919 display: block; 5920 } 5921 .section_2 nav .menu_wrapper .mobile_logo img, 5922 .section_2 nav .menu_wrapper .mobile_logo picture { 5923 width: 100%; 5924 height: 100%; 5925 object-fit: cover; 5926 } 5927 .section_2 nav .menu_wrapper .mobile_menu_top { 5928 position: sticky; 5929 background: #121111; 5930 width: 100%; 5931 top: 0; 5932 z-index: 99; 5933 border-bottom: none; 5934 display: block; 5935 box-sizing: border-box; 5936 padding: 10px 0 0 0; 5937 min-height: var(--mobile-menu-top-min-height); 5938 } 5939 .section_2 nav .menu_wrapper .mobile_menu_buttons { 5940 display: block; 5941 width: 100%; 5942 } 5943 .section_2 nav .menu_wrapper .mobile_menu_buttons div[data-micro-template="buttons_container"] { 5944 display: flex; 5945 justify-content: flex-start; 5946 gap: 0 10px; 5947 padding: 0 25px; 5948 box-sizing: border-box; 5949 opacity: 0; 5950 transform: translateY(40px); 5951 transition: transform 0.5s ease, opacity 0.5s ease; 5952 position: relative; 5953 } 5954 .section_2 nav .menu_wrapper .mobile_menu_buttons div[data-micro-template="buttons_container"].active { 5955 opacity: 1; 5956 transform: translateY(0); 5957 } 5958 .section_2 nav .menu_wrapper .mobile_menu_buttons div[data-micro-template="buttons_container"] div[data-micro-template="buttons"] a.button { 5959 padding: 10px 15px; 5960 font-size: 1rem; 5961 border-radius: 0; 5962 } 5963 .section_2 nav .menu_wrapper .mobile_menu_buttons div[data-micro-template="buttons_container"] div[data-micro-template="buttons"] a.button:hover { 5964 color: #222; 5965 } 5966 .section_2 nav .menu_wrapper .mobile_menu_buttons div[data-micro-template="buttons_container"] div[data-micro-template="buttons"] a.button:hover:before { 5967 width: calc(100% - 30px); 5968 } 5969 .section_2 nav .menu_wrapper .mobile_information { 5970 display: block; 5971 margin-top: 20px; 5972 width: 100%; 5973 } 5974 .section_2 nav .menu_wrapper .mobile_information .mobile_address { 5975 opacity: 0; 5976 transform: translateY(40px); 5977 position: relative; 5978 transition: transform 0.5s, opacity 0.5s; 5979 font-weight: 300; 5980 } 5981 .section_2 nav .menu_wrapper .mobile_information .mobile_address .label { 5982 font-weight: 500; 5983 } 5984 .section_2 nav .menu_wrapper .mobile_information .mobile_address.active { 5985 opacity: 1; 5986 transform: translateY(0); 5987 } 5988 .section_2 nav .menu_wrapper .mobile_information .mobile_address svg, 5989 .section_2 nav .menu_wrapper .mobile_information .mobile_address i { 5990 margin-right: 5px; 5991 } 5992 .section_2 nav .menu_wrapper .mobile_information .mobile_address div[data-micro-template="social_icons_container"] { 5993 margin: 5px 0; 5994 } 5995 .section_2 nav .menu_wrapper .mobile_information .mobile_address .location_hours { 5996 margin-bottom: 5px; 5997 } 5998 .section_2 nav .menu_wrapper .close_icon { 5999 border: none; 6000 text-align: right; 6001 line-height: initial; 6002 padding: 10px 10px 10px 20px; 6003 display: block; 6004 cursor: pointer; 6005 box-sizing: border-box; 6006 opacity: 1; 6007 position: absolute; 6008 top: 50%; 6009 right: 0; 6010 transform: translate(0,-50%); 6011 } 6012 .section_2 nav .menu_wrapper .close_icon i, 6013 .section_2 nav .menu_wrapper .close_icon svg { 6014 font-size: 2.25rem; 6015 position: relative; 6016 color: #ffffff; 6017 transform: none; 6018 top: initial; 6019 right: initial; 6020 } 6021 .section_2 nav .menu_wrapper > ul { 6022 width: 100%; 6023 height: auto; 6024 padding: 0 25px; 6025 box-sizing: border-box; 6026 margin-top: var(--mobile-menu-top-spacing); 6027 } 6028 .section_2 nav .menu_wrapper > ul > li:not(:last-of-type) { 6029 margin: 0px; 6030 } 6031 .section_2 nav .menu_wrapper > ul > li:last-of-type { 6032 border-bottom: none; 6033 } 6034 .section_2 nav .menu_wrapper > ul > li:first-of-type { 6035 border-top: none; 6036 } 6037 .section_2 nav .menu_wrapper > ul > li { 6038 width: 100%; 6039 margin: 0px; 6040 border-top: none; 6041 line-height: 60px; 6042 padding: 0px; 6043 display: block; 6044 justify-content: space-between; 6045 align-items: center; 6046 opacity: 0; 6047 transition: transform 0.5s, opacity 0.5s; 6048 transform: translateY(40px); 6049 text-align: left; 6050 } 6051 .section_2 nav .menu_wrapper > ul > li svg, 6052 .section_2 nav .menu_wrapper > ul > li i { 6053 color: #ffffff; 6054 position: absolute; 6055 right: 0; 6056 top: 30px; 6057 transform: translate(0,-50%); 6058 transition: transform 0.3s; 6059 } 6060 .section_2 nav .menu_wrapper > ul > li.active { 6061 opacity: 1; 6062 transform: translateY(0); 6063 } 6064 .section_2 nav .menu_wrapper > ul > li .submenu_wrapper { 6065 position: relative; 6066 padding: 0; 6067 justify-content: flex-start; 6068 background: none; 6069 } 6070 .section_2 nav .menu_wrapper > ul > li .submenu_wrapper .submenu_description { 6071 display: none; 6072 } 6073 .section_2 nav .menu_wrapper > ul > li .submenu_wrapper > ul { 6074 transition: opacity 0.5s ease-in, bottom 0.5s ease; 6075 display: block; 6076 opacity: 0; 6077 padding: 0 0 20px 0; 6078 flex: 100%; 6079 } 6080 .section_2 nav .menu_wrapper > ul > li .submenu_wrapper > ul li:hover a { 6081 color: #ffffff; 6082 } 6083 .section_2 nav .menu_wrapper > ul > li .submenu_wrapper > ul li a { 6084 color: #ffffff; 6085 } 6086 .section_2 nav .menu_wrapper > ul > li .submenu_wrapper.active > ul { 6087 opacity: 1; 6088 display: grid; 6089 grid-template-columns: repeat(1,1fr); 6090 gap: 5px 0; 6091 } 6092 .section_2 nav .menu_wrapper > ul > li[data-url="/services/"] .submenu_wrapper { 6093 position: relative; 6094 } 6095 .section_2 nav .menu_wrapper > ul > li[data-url="/services/"] .submenu_wrapper > ul.group_container { 6096 height: auto; 6097 } 6098 .section_2 nav .menu_wrapper > ul > li[data-url="/services/"] .submenu_wrapper > ul { 6099 grid-template-columns: repeat(1,1fr); 6100 gap: 5px 0; 6101 } 6102 .section_2 nav .menu_wrapper > ul > li a { 6103 display: inline-block; 6104 width: 100%; 6105 height: 100%; 6106 color: #ffffff; 6107 } 6108 .section_2 nav .menu_wrapper > ul > li > ul { 6109 padding-top: 0px; 6110 } 6111 .section_2 nav .menu_wrapper > ul > li > ul > li { 6112 width: 100%; 6113 text-align: center; 6114 } 6115 .section_2 nav .menu_wrapper > ul > li > ul > li > ul:not([data-group-container]) { 6116 position: initial; 6117 left: initial; 6118 padding-top: 20px; 6119 padding-bottom: 20px; 6120 transform: initial; 6121 text-align: center; 6122 } 6123 .section_2 nav .menu_wrapper > ul > li > ul > li > ul:not([data-group-container]) > li { 6124 line-height: 40px; 6125 width: 100%; 6126 } 6127 .section_2 nav .menu_wrapper > ul > li ul.group_container { 6128 max-width: 100%; 6129 max-height: initial; 6130 } 6131 .section_2 nav .menu_wrapper > ul > li ul.group_container > li { 6132 padding: 0; 6133 } 6134 .section_2 nav .menu_wrapper > ul > li ul.group_container > li > ul > li { 6135 text-align: left; 6136 font-size: 16px; 6137 } 6138 .section_2 nav .menu_wrapper > ul > li ul.group_container > li > ul > li h3 { 6139 font-size: 18px; 6140 margin: 0; 6141 border-bottom: none; 6142 margin-bottom: 5px; 6143 padding-bottom: 5px; 6144 color: #ffffff; 6145 } 6146} 6147@media (max-width: 1280px) and (max-width: 810px) { 6148 .section_2 .menu_buttons { 6149 display: none; 6150 } 6151} 6152@media (max-width: 1280px) and (max-width: 550px) { 6153 .section_2 nav .menu_wrapper { 6154 top: -100vh; 6155 right: 0; 6156 } 6157 .section_2 nav .menu_wrapper.active { 6158 transform: translateY(100vh); 6159 } 6160} 6161section[data-type="system-lightbox-container"] { 6162 transition: all 0s !important; 6163} 6164section[data-type="system-lightbox-container"].active { 6165 opacity: 1; 6166 background: rgba(0,0,0,0.6); 6167 z-index: 99; 6168} 6169</style><style>.section_2 { 6170 background: none; 6171} 6172.section_2 nav { 6173 color: #ffffff; 6174} 6175.section_2 nav .menu_wrapper > ul > li a { 6176 color: #222; 6177} 6178.section_2 nav .menu_wrapper > ul > li i, 6179.section_2 nav .menu_wrapper > ul > li svg {
6180 color: #222; 6181} 6182.section_2:hover { 6183 background: none; 6184} 6185.section_2.not_top:hover { 6186 background: #ffffff; 6187} 6188.section_2.not_top nav { 6189 color: #121111; 6190} 6191.section_2.not_top nav .menu_wrapper > ul > li a, 6192.section_2.not_top nav .menu_wrapper > ul > li li, 6193.section_2.not_top nav .menu_wrapper > ul > li svg { 6194 color: #121111; 6195} 6196@media (max-width: 1280px) { 6197 .section_2.not_top nav .menu_wrapper > ul > li a, 6198 .section_2.not_top nav .menu_wrapper > ul > li li, 6199 .section_2.not_top nav .menu_wrapper > ul > li svg { 6200 color: #ffffff; 6201 } 6202} 6203.section_2.not_top nav .menu_wrapper > ul > li:hover > a, 6204.section_2.not_top nav .menu_wrapper > ul > li:hover > li, 6205.section_2.not_top nav .menu_wrapper > ul > li:hover > svg { 6206 color: #deb284; 6207} 6208@media (max-width: 1280px) { 6209 .section_2.not_top nav .menu_wrapper > ul > li:hover > a, 6210 .section_2.not_top nav .menu_wrapper > ul > li:hover > li, 6211 .section_2.not_top nav .menu_wrapper > ul > li:hover > svg { 6212 color: #ffffff; 6213 } 6214} 6215</style><section class="section_2" data-module="kraken_menu" data-html="" data-json="/custom/modules/kraken_menu/module.json" data-page="" data-full-path="/"> 6216 <div class="content_container"> 6217 <div class="logo"> 6218 <a href="/" aria-label="link"><picture><source srcset="/cache/custom_images_logo.webp" data-srcset="/cache/custom_images_logo.webp 320w" sizes="320px" data-lazy-picture="false" type="image/webp"><img alt="The image displays a logo with the text Company Name and below it, the phrase Subtitle Here. The logo features a stylized letter A with a design that includes what appears to be a splash or burst of lines emanating from its center." class="" src="/custom/images/logo.png" data-lazy-img="false" data-src="/custom/images/logo.png"></picture></a> 6219 </div> 6220 <nav> 6221 <div class="mobile_menu"><i class="fas fa-bars"></i></div><div class="menu_wrapper"><div class="mobile_logo"><picture><source srcset="/cache/custom_images_logoicon.webp" data-srcset="/cache/custom_images_logoicon.webp 382w" sizes="382px" data-lazy-picture="false" type="image/webp"><img alt="The image shows a logo with the letters A and T in stylized font, set against a background that includes a splash of water droplets and a graphic element resembling a paint palette." class="" src="/custom/images/logoicon.png" data-lazy-img="false" data-src="/custom/images/logoicon.png"></picture></div><div class="mobile_menu_top"><div class="close_icon"><i class="fal fa-times"></i></div></div><ul><li data-url="/" data-label="About Us" data-new-window="" data-group="" data-group-label="" aria-haspopup="true">About Us<ul><li data-url="/our-office/" data-label="Our Office" data-new-window="" data-group="" data-group-label="">Our Office</li><li data-url="/meet-our-dental-team/" data-label="Meet the Team" data-new-window="" data-group="" data-group-label="">Meet the Team</li><li data-url="/why-choose-us/" data-label="Why Choose Us" data-new-window="" data-group="" data-group-label="">Why Choose Us</li><li data-url="/our-community/" data-label="Our Community" data-new-window="" data-group="" data-group-label="">Our Community</li><li data-url="/dental-technology/" data-label="Dental Technology" data-new-window="" data-group="" data-group-label="">Dental Technology</li><li data-url="/smile-gallery/" data-label="Smile Gallery" data-new-window="" data-group="" data-group-label="">Smile Gallery</li><li data-url="/patient-reviews/" data-label="Patient Reviews" data-new-window="" data-group="" data-group-label="">Patient Reviews</li></ul></li><li data-url="/staff/prabdeep-sekhon-dmd/" data-label="Our Doctor" data-new-window="" data-group="" data-group-label="">Our Doctor</li><li data-url="/services/" data-label="Services" data-new-window="" data-group="" data-group-label="" aria-haspopup="true">Services<ul><li data-url="/services/boka-fluoride-free-toothpaste/" data-label="Boka Fluoride-Free Toothpaste" data-group="general" data-group-label="General">Boka Fluoride-Free Toothpaste</li><li data-url="/services/dental-cleanings/" data-label="Dental Cleanings" data-group="general" data-group-label="General">Dental Cleanings</li><li data-url="/services/dental-sealants/" data-label="Dental Sealants" data-group="general" data-group-label="General">Dental Sealants</li><li data-url="/services/emergency-treatment/" data-label="Emergency Treatment" data-group="general" data-group-label="General">Emergency Treatment</li><li data-url="/services/fluoride-treatment/" data-label="Fluoride Treatment" data-group="general" data-group-label="General">Fluoride Treatment</li><li data-url="/services/night-guards/" data-label="Night Guards" data-group="general" data-group-label="General">Night Guards</li><li data-url="/services/oral-exams/" data-label="Oral Exams" data-group="general" data-group-label="General">Oral Exams</li><li data-url="/services/oral-cancer-screening/" data-label="OralID Cancer Screening" data-group="general" data-group-label="General">OralID Cancer Screening</li><li data-url="/services/pediatric-dentistry/" data-label="Pediatric Dentistry" data-group="general" data-group-label="General">
6221Pediatric Dentistry</li><li data-url="/services/periodontal-treatment/" data-label="Periodontal Treatment" data-group="general" data-group-label="General">Periodontal Treatment</li><li data-url="/services/preventative-program/" data-label="Preventative Program" data-group="general" data-group-label="General">Preventative Program</li><li data-url="/services/root-canals/" data-label="Root Canals" data-group="general" data-group-label="General">Root Canals</li><li data-url="/services/sports-mouthguards/" data-label="Sports Mouthguards" data-group="general" data-group-label="General">Sports Mouthguards</li><li data-url="/services/tmj-disorders/" data-label="TMJ Disorders" data-group="general" data-group-label="General">TMJ Disorders</li><li data-url="/services/thorne-supplement-partnership/" data-label="Thorne Supplement Partnership" data-group="general" data-group-label="General">Thorne Supplement Partnership</li><li data-url="/services/dental-bridges/" data-label="Dental Bridges" data-group="restorative" data-group-label="Restorative">Dental Bridges</li><li data-url="/services/dental-fillings/" data-label="Dental Fillings" data-group="restorative" data-group-label="Restorative">Dental Fillings</li><li data-url="/services/dentures/" data-label="Dentures" data-group="restorative" data-group-label="Restorative">Dentures</li><li data-url="/services/full-mouth-reconstruction/" data-label="Full Mouth Reconstruction" data-group="restorative" data-group-label="Restorative">Full Mouth Reconstruction</li><li data-url="/services/implant-crowns/" data-label="Implant Crowns" data-group="restorative" data-group-label="Restorative">Implant Crowns</li><li data-url="/services/implant-restorations/" data-label="Implant Restorations" data-group="restorative" data-group-label="Restorative">Implant Restorations</li><li data-url="/services/inlays-onlays/" data-label="Inlays & Onlays" data-group="restorative" data-group-label="Restorative">Inlays & Onlays</li><li data-url="/services/ceramic-crowns/" data-label="Ceramic Crowns" data-group="cosmetic" data-group-label="Cosmetic">Ceramic Crowns</li><li data-url="/services/cosmetic-dentistry/" data-label="Cosmetic Dentistry" data-group="cosmetic" data-group-label="Cosmetic">Cosmetic Dentistry</li><li data-url="/services/cosmetic-smile-makeover/" data-label="Cosmetic Smile Makeover" data-group="cosmetic" data-group-label="Cosmetic">Cosmetic Smile Makeover</li><li data-url="/services/crown-lengthening/" data-label="Crown Lengthening" data-group="cosmetic" data-group-label="Cosmetic">Crown Lengthening</li><li data-url="/services/dental-bonding/" data-label="Dental Bonding" data-group="cosmetic" data-group-label="Cosmetic">Dental Bonding</li><li data-url="/services/teeth-whitening/" data-label="Teeth Whitening" data-group="cosmetic" data-group-label="Cosmetic">Teeth Whitening</li><li data-url="/services/veneers/" data-label="Veneers" data-group="cosmetic" data-group-label="Cosmetic">Veneers</li><li data-url="/services/zoom-whitening/" data-label="ZOOM! Whitening" data-group="cosmetic" data-group-label="Cosmetic">ZOOM! Whitening</li><li data-url="/services/bone-grafts/" data-label="Bone Grafts" data-group="surgery" data-group-label="Oral Surgery">Bone Grafts</li><li data-url="/services/extractions/" data-label="Extractions" data-group="surgery" data-group-label="Oral Surgery">Extractions</li><li data-url="/services/oral-surgery/" data-label="Oral Surgery" data-group="surgery" data-group-label="Oral Surgery">Oral Surgery</li><li data-url="/services/sedation-dentistry/" data-label="Sedation Dentistry" data-group="surgery" data-group-label="Oral Surgery">Sedation Dentistry</li><li data-url="/services/wisdom-teeth/" data-label="Wisdom Teeth" data-group="surgery" data-group-label="Oral Surgery">Wisdom Teeth</li></ul></li><li data-url="/" data-label="For Patients" data-new-window="" data-group="" data-group-label="" aria-haspopup="true">For Patients<ul><li data-url="/patient-information/" data-label="Patient Information" data-new-window="" data-group="" data-group-label="">Patient Information</li>
6221<li data-url="/patients-first-visit/" data-label="Your First Visit" data-new-window="" data-group="" data-group-label="">Your First Visit</li><li data-url="/dental-insurance-and-financing/" data-label="Insurance & Financing" data-new-window="" data-group="" data-group-label="">Insurance & Financing</li><li data-url="/videos/" data-label="Dental Videos" data-new-window="" data-group="" data-group-label="">Dental Videos</li><li data-url="/articles/" data-label="Recent Articles" data-new-window="" data-group="" data-group-label="">Recent Articles</li></ul></li><li data-url="/en-espanol/" data-label="En Español" data-new-window="" data-group="" data-group-label="">En Español</li><li data-url="/contact/" data-label="Contact" data-new-window="" data-group="" data-group-label="">Contact</li></ul><div class="mobile_menu_buttons"><div data-micro-template="buttons_container"> 6222 <div data-micro-template="buttons"> 6223 <a class="button kraken_button" href="/appointment/" role="button" aria-label="Request Appointment"><span>Request Appointment</span></a> 6224</div> 6225</div></div><div class="mobile_information"> 6226 <div class="mobile_address"><div data-micro-template="address_hours_social_dynamic"> 6227 <div class="location_details"> 6228 <a href="https://maps.app.goo.gl/897LkCNXGzViAwFm9" aria-label="151 East Ave. J Lancaster, CA 93535" rel="noopener" target="_blank"> 6229 <div>151 East Ave. J</div> 6230 6231 <div><span>Lancaster</span>, <span>CA</span> <span>93535</span></div> 6232 </a> 6233 6234 6235 <div><a href="tel:+16612197163" aria-label="New Patients: (661) 219-7163" class="tel_16612197163" data-click-call="0">New Patients: (661) 219-7163</a></div> 6236 <div><a href="tel:+16619421179" aria-label="Existing Patients: (661) 942-1179" class="tel_16619421179" data-click-call="0">Existing Patients: (661) 942-1179</a></div> 6237 6238 <div data-micro-template="social_icons_container"> 6239 <div data-micro-template="social_icons"> 6240 <a href="https://www.facebook.com/avdentalwellness" aria-label="link" rel="noopener" target="_blank"><i class="fab fa-facebook-f"></i></a> 6241</div><div data-micro-template="social_icons"> 6242 <a href="https://www.instagram.com/avdentalwellnessgroup/" aria-label="link" rel="noopener" target="_blank"><i class="fab fa-instagram"></i></a> 6243</div><div data-micro-template="social_icons"> 6244 <a href="https://.yelp.com/biz/av-dental-wellness-group-lancaster" aria-label="link" rel="noopener" target="_blank"><i class="fab fa-yelp"></i></a> 6245</div><div data-micro-template="social_icons"> 6246 <a href="https://maps.app.goo.gl/897LkCNXGzViAwFm9" aria-label="link" rel="noopener" target="_blank"><i class="fab fa-google"></i></a> 6247</div><div data-micro-template="social_icons"> 6248 <a href="/blog/" aria-label="link"><i class="fas fa-blog"></i></a> 6249</div> 6250</div> 6251 </div> 6252 6253 <div class="location_hours"> 6254 <div data-micro-template="office_hours_dynamic"> 6255 6256 <div class="row"><div class="day">Monday</div><div class="time">8:00 am - 5:00 pm</div></div> 6257 <div class="row"><div class="day">Tuesday</div><div class="time">8:00 am - 5:00 pm</div></div> 6258 <div class="row"><div class="day">Wednesday</div><div class="time">8:00 am - 5:00 pm</div></div> 6259 <div class="row"><div class="day">Thursday</div><div class="time">8:00 am - 5:00 pm</div></div> 6260 <div class="row"><div class="day">Friday</div><div class="time">8:00 am - 1:00 pm</div></div> 6261 6262 6263</div> 6264 </div> 6265</div></div> 6266 </div></div> </nav> 6267 </div> 6268</section>
6268<script> 6269 javascript.prototype[get_id()] = function() { 6270 var json = {"settings":{"group_labels":{"group_1":"Group 1","group_2":"Group 2","group_3":"Group 3","group_4":"Group 4","group_5":"Group 5"},"submenu_icon":"fal fa-chevron-down","transparent_menu":false,"swipe_close_threshold":100,"mobile_logo":true,"mobile_address":true,"menu_buttons":true,"menu_buttons_content":[{"label":"Request Appointment","url":"/appointment/"}]},"content":{"menu":[{"label":"About Us","group":"","url":"\/","description":"","menu":[{"label":"Our Office","url":"\/our-office\/"},{"label":"Meet the Team","url":"\/meet-our-dental-team\/"},{"label":"Why Choose Us","url":"\/why-choose-us\/"},{"label":"Our Community","url":"\/our-community\/"},{"label":"Dental Technology","url":"\/dental-technology\/"},{"label":"Smile Gallery","url":"\/smile-gallery\/"},{"label":"Patient Reviews","url":"\/patient-reviews\/"}]},{"label":"Our Doctor","url":"\/staff\/prabdeep-sekhon-dmd\/","description":"","menu":"","group":""},{"label":"Services","url":"\/services\/","description":"","menu":"services","group":""},{"label":"For Patients","group":"","url":"\/","description":"","menu":[{"label":"Patient Information","url":"\/patient-information\/"},{"label":"Your First Visit","url":"\/patients-first-visit\/"},{"label":"Insurance & Financing","url":"\/dental-insurance-and-financing\/"},{"label":"Dental Videos","url":"\/videos\/"},{"label":"Recent Articles","url":"\/articles\/","aleso_articles_required":1}]},{"label":"En Espa\u00f1ol","url":"\/en-espanol\/","description":"","group":""},{"label":"Contact","url":"\/contact\/","description":"","group":""}]}}; 6271 var descriptionElements = []; 6272 var menuElements = []; 6273 var submenu_icon = json.settings.submenu_icon || "fas fa-caret-down"; 6274 var transparentMenu = json.settings.transparent_menu; 6275 var menu_break = parseInt('1280px'.replace(/\D/g,'')); 6276 var useDescriptions = json.settings.use_descriptions; 6277 var menuWrapper = $('.section_2 nav > .menu_wrapper'); 6278 var mobileMenu = $('.section_2 .mobile_menu'); 6279 var baseNavElements = $('.section_2 nav > .menu_wrapper > ul > li'); 6280 var navElement = $('.section_2 nav'); 6281 var touchStartX; 6282 var touchStartY; 6283 var swipeCloseThreshold = json.settings.touch_threshold || 100; 6284 var openMenu = false;
6285 6286 // If transparent menu is true, the background color will be removed and the text will use the background color 6287 if(transparentMenu) { 6288 $('.section_2').addClass('transparent_menu'); 6289 } 6290 6291 // If the menu JSON is using the descriptions, this creates an array of them and sets a base class for styling 6292 if(!useDescriptions) { 6293 navElement.addClass('no_descriptions'); 6294 } 6295 $.each(json.content.menu, function(index, element) { 6296 if(element.hasOwnProperty('description')) { 6297 descriptionElements.push(element); 6298 } 6299 if(element.hasOwnProperty('menu') && element.menu.length) { 6300 menuElements.push(element); 6301 } 6302 }); 6303 6304 // Wrap all of the menu inner UL's with the submenu wrapper that houses the descriptions 6305 $('.section_2 > .content_container > nav > .menu_wrapper > ul > li > ul').wrap("<ul class='submenu_wrapper' style='display: none'>"); 6306 6307 // Add the carrot icons to the side of nav items that have menus 6308 $('.section_2 > .content_container > nav > .menu_wrapper > ul > li:has(> ul)').each(function () { 6309 var $fa = `<i class="menu_icon ${submenu_icon}">`; 6310 $(this).append($fa); 6311 }); 6312 6313 // Convert LI elements to links 6314 $('.section_2 nav *[data-url]:not([data-url=""])').each(function() { 6315 $(this).contents().filter(function() { 6316 return this.nodeType == 3; 6317 }) 6318 .replaceWith('<a href="'+$(this).attr('data-url')+'">'+$(this).attr('data-label')+''); 6319 if ($(this).attr('data-url').includes('http')) { 6320 $(this).children('a').attr('target', '_blank'); 6321 $(this).children('a').attr('rel', 'noopener'); 6322 } 6323 }); 6324 6325 // Find UL elements containing groups and categorize them 6326 $('.section_2 nav ul > li').each(function() { 6327 if ($(this).attr('data-group')) { 6328 var parent_ul = $(this).closest('ul'); 6329 var group = $(this).attr('data-group') 6330 6331 $(parent_ul).addClass('group_container'); 6332 6333 if ($(this).siblings('li[data-group-container="'+group+'"]').length == 0) { 6334 group_container_li = 6335 $('<li />') 6336 .attr('data-group-container', group) 6337 .appendTo(parent_ul); 6338 6339 group_container_ul = 6340 $('<ul />') 6341 .attr('data-group-container', group) 6342 .appendTo(group_container_li); 6343 6344 group_label = 6345 $('<li />') 6346 .appendTo(group_container_ul); 6347 6348 group_header = 6349 $('<h3 />') 6350 .html($(this).attr('data-group-label')) 6351 .appendTo(group_label); 6352 } 6353 6354 $(this).appendTo($(this).siblings('li[data-group-container="'+group+'"]').children('ul[data-group-container="'+group+'"]')); 6355 } 6356 }); 6357 6358 $('.section_2 nav > .menu_wrapper > ul > li > ul > li:not([data-group-container])').each(function() { 6359 $(this).closest('ul').closest('li').css('position', 'relative'); 6360 }); 6361 6362 // Set click and hover events 6363 $('.section_2 nav li:not([data-group-container]):has(> ul)').mouseover(function(e) { 6364 if (mobileMenu.css('display') == 'none' && $(this).hasClass('active') == false) { 6365 let activeEl = $(this); 6366 $('.section_2 nav > .menu_wrapper > ul > li').each(function(el) { 6367 $(this).removeClass('active'); 6368 $(this).find('.menu_icon').css('transform', 'translate(0, -50%) rotate(0deg)'); 6369 $(this).find('.submenu_wrapper > ul').removeClass('active'); 6370 $(this).find('.submenu_description').removeClass('active'); 6371 $('> .submenu_wrapper', this).stop().slideUp(200, function() { 6372 }); 6373 }); 6374 6375 $(this).addClass('active'); 6376 $(this).find('.menu_icon').css('transform', 'translate(0, -50%) rotate(-180deg)'); 6377 $('> .submenu_wrapper', this).stop().slideDown(200, function() { 6378 $(this).css('display', 'flex'); 6379 }); 6380 $(this).find('.submenu_description').toggleClass('active'); 6381 setTimeout(function() { 6382 activeEl.find('.submenu_wrapper > ul').addClass('active'); 6383 }, 100); 6384 } 6385 }); 6386 6387 $('.section_2 nav li:not([data-group-container]):has(> ul)').mouseout(function(e) { 6388 if (mobileMenu.css('display') == 'none' && $(this).hasClass('active') == true) { 6389 $('.section_2 nav > .menu_wrapper > ul > li').each(function(el) { 6390 $(this).removeClass('active'); 6391 $(this).find('.menu_icon').css('transform', 'translate(0, -50%) rotate(0deg)'); 6392 $(this).find('.submenu_wrapper > ul').removeClass('active'); 6393 $(this).find('.submenu_description').removeClass('active'); 6394 $('> .submenu_wrapper', this).stop().slideUp(200, function() { 6395 }); 6396 }); 6397 } 6398 }) 6399 6400 $('.section_2 nav li:not([data-group-container]):has(> ul)').click(function(e) { 6401 if (mobileMenu.css('display') == 'none' && $(this).hasClass('active') == false) { 6402 6403 } 6404 else { 6405 if(!$(this).find('.submenu_wrapper').hasClass('active')) { 6406 $('.section_2 nav > .menu_wrapper > ul > li > .submenu_wrapper').slideUp().removeClass('active'); 6407 $('.section_2 nav > .menu_wrapper > ul > li .menu_icon').css('transform', 'translate(0, -50%) rotate(0deg)');
6408 let clicked = $(this); 6409 setTimeout(function() { 6410 clicked.find('.submenu_wrapper').slideToggle().toggleClass('active'); 6411 clicked.find('.menu_icon').css('transform', 'translate(0, -50%) rotate(-180deg)'); 6412 }, 10) 6413 } 6414 else { 6415 $(this).find('.submenu_wrapper').slideToggle().toggleClass('active'); 6416 $(this).find('.menu_icon').css('transform', 'translate(0, -50%) rotate(0deg)'); 6417 } 6418 } 6419 }); 6420 6421 // Set mobile events and click behavior 6422 $('.section_2 nav > .menu_wrapper .close_icon').click(function() { 6423 closeMobileMenu(); 6424 }); 6425 6426 $('.section_2 nav .mobile_menu').click(function() { 6427 openMobileMenu(); 6428 }); 6429 6430 $('.section_2 nav > .menu_wrapper > ul > li:has(>ul) > a').click(function(e) { 6431 if($(this).attr('href')) { 6432 e.preventDefault(); 6433 } 6434 }); 6435 6436 $('.section_2 nav li > ul > li').click(function(e) { 6437 e.stopPropagation(); 6438 }); 6439 6440 // Assign an event listener that sets up clicking outside the active mobile menu to close it 6441 window.addEventListener('click', function(e) { 6442 if(menuWrapper.hasClass('active') && !$(e.target).closest('.menu_wrapper').length && !$(e.target).closest('.mobile_menu').length) { 6443 closeMobileMenu(); 6444 } 6445 if (openMenu && (mobileMenu.css('display') == 'none') && !$(e.target).closest('.menu_wrapper').length) { 6446 baseNavElements.each(function(el) { 6447 if($(this).hasClass('active')) { 6448 $(this).removeClass('active'); 6449 $(this).find('.submenu_wrapper > ul').removeClass('active'); 6450 $(this).find('.submenu_description').removeClass('active'); 6451 $(this).find('.menu_icon').css('transform', 'translate(0, -50%)'); 6452 $('> .submenu_wrapper', this).stop().slideUp(0); 6453 } 6454 }); 6455 } 6456 }); 6457 6458 window.addEventListener('touchstart', function(e) { 6459 if(menuWrapper.hasClass('active') && !$(e.target).closest('.menu_wrapper').length && !$(e.target).closest('.mobile_menu').length) { 6460 closeMobileMenu(); 6461 } 6462 }) 6463 6464 // Assigns an event listener so you can use the escape key to close the mobile menu 6465 document.onkeydown = (e) => { 6466 if (menuWrapper.hasClass('active')) { 6467 if (e.keyCode == 27) { 6468 closeMobileMenu(); 6469 } 6470 } 6471 } 6472 6473 // Close the menu on horizontal resize 6474 var window_width = window.innerWidth; 6475 window.addEventListener('resize', function() { 6476 if (window.innerWidth == window_width) { 6477 return; 6478 } 6479 else { 6480 if ($('.section_2 nav .mobile_menu').css('display') == 'none' ) { 6481 removeActive(); 6482 baseNavElements.each(function(el) { 6483 $(this).removeClass('active'); 6484 $(this).find('.menu_icon').css('transform', 'translate(0, -50%) rotate(0deg)'); 6485 $('> ul', this).stop().fadeOut(200); 6486 }); 6487 } 6488 else { 6489 closeMobileMenu(); 6490 } 6491 } 6492 window_width = window.innerWidth; 6493 }); 6494 6495 // Iterate over elements and stagger adding active class 6496 function iterateActive(elements){ 6497 var i = 0; 6498 addActive(elements[i++]); 6499 var interval = setInterval(function(){ 6500 addActive(elements[i++]); 6501 if(i == elements.length) { 6502 clearInterval(interval); 6503 } 6504 }, 50); 6505 } 6506 6507 // Runs through the nav structure and removes all active classes 6508 function removeActive() { 6509 baseNavElements.removeClass('active'); 6510 baseNavElements.find('.submenu_description').removeClass('active'); 6511 baseNavElements.find('.submenu_wrapper > ul').removeClass('active'); 6512 } 6513 6514 // Add active class to element 6515 function addActive(element) { 6516 element.classList.add('active'); 6517 } 6518 6519 // Toggles the dark background for the page while the menu is open 6520 function toggleLightboxOverlay(remove) { 6521 if(remove && remove.length) { 6522 $('section[data-type="system-lightbox-container"]').removeClass('active'); 6523 } 6524 else { 6525 $('section[data-type="system-lightbox-container"]').toggleClass('active'); 6526 } 6527 } 6528 6529 // Closes mobile menu, removes neccessary classes, and toggles off the lightbox overlay 6530 function closeMobileMenu() { 6531 menuWrapper.removeClass('active'); 6532 navElement.removeClass('active'); 6533 $('.section_2').removeClass('active'); 6534 baseNavElements.find('.submenu_wrapper').removeClass('active') 6535 $('.section_2 nav > .menu_wrapper > .mobile_information > div').removeClass('active'); 6536 $('.section_2 nav > .menu_wrapper > .mobile_menu_buttons > div').removeClass('active'); 6537 baseNavElements.each(function(el) { 6538 $(this).removeClass('active'); 6539 $(this).find('.menu_icon').css('transform', 'translate(0, -50%) rotate(0deg)'); 6540 $('> ul', this).stop().fadeOut(200); 6541 }); 6542 toggleLightboxOverlay('remove'); 6543 $('html').css('overflow', 'visible'); 6544 window.removeEventListener('touchstart', swipeCloseStart, true); 6545 window.removeEventListener('touchend', swipeCloseEnd, true) 6546 } 6547 6548 // Opens the mobile menu, adds active class, and toggles the lightbox overlay 6549 function openMobileMenu() { 6550 toggleLightboxOverlay(); 6551 menuWrapper.toggleClass('active'); 6552 $('html').css('overflow', 'hidden'); 6553 $('.section_2').addClass('active'); 6554 navElement.addClass('active'); 6555 setTimeout(function() { 6556 iterateActive(document.querySelectorAll('.section_2 nav > .menu_wrapper > ul > li')); 6557 }, 200) 6558 if(json.settings.menu_buttons) { 6559 setTimeout(function() { 6560 $('.section_2 nav > .menu_wrapper > .mobile_menu_buttons > div').addClass('active'); 6561 }, 300) 6562 } 6563 if(json.settings.mobile_address) { 6564 setTimeout(function() { 6565 addActive(document.querySelector('.section_2 nav > .menu_wrapper > .mobile_information > div')); 6566 }, 400) 6567 } 6568 window.addEventListener('touchstart', swipeCloseStart, true); 6569 window.addEventListener('touchend', swipeCloseEnd, true) 6570 } 6571 6572 function swipeCloseStart(e) { 6573 touchStartX = e.touches[0].clientX; 6574 } 6575 6576 function swipeCloseEnd(e) { 6577 touchEnd = e.changedTouches[0].clientX; 6578 touchDiff = touchStartX - touchEnd; 6579 absDiff = Math.abs(touchStartX - touchEnd); 6580 6581 if (touchDiff < 0 && absDiff > swipeCloseThreshold) { 6582 closeMobileMenu(); 6583 } 6584 6585 touchStartX, touchEnd, touchDiff, absDiff = 0; 6586 } 6587 } 6588</script>
vendor: 1 bytes, line 6588
6588
6589<script> 6590 javascript.prototype[get_id()] = function() { 6591 $(document).scroll(function() { 6592 var position = $(document).scrollTop(); 6593 6594 if (position > 100) { 6595 if (!$('.section_2').hasClass('not_top')) { 6596 $('.section_2').addClass('not_top'); 6597 } 6598 } 6599 else { 6600 if ($('.section_2').hasClass('not_top')) { 6601 $('.section_2').removeClass('not_top'); 6602 } 6603 } 6604 }); 6605 } 6606</script>
6606<style>.section_3 { 6607 --kraken-banner-height: 900px; 6608 --kraken-top-spacer: 0px; 6609 --kraken-text-container-width: 1400px; 6610 --kraken-text-width: 550px; 6611 --kraken-banner-border-width: 6px; 6612 --kraken-background-overlay: rgba(0,0,0,0.7); 6613 --kraken-banner-shape-width: 225px; 6614 --kraken-banner-shape-height: 125px; 6615 height: var(--kraken-banner-height); 6616 margin-top: var(--kraken-top-spacer); 6617} 6618@media (max-width: 1366px) { 6619 .section_3 { 6620 --kraken-banner-height: 750px; 6621 } 6622} 6623@media (max-width: 1080px) { 6624 .section_3 { 6625 --kraken-top-spacer: 0px; 6626 } 6627} 6628@media (max-width: 810px) { 6629 .section_3 { 6630 --kraken-banner-height: 600px; 6631 --kraken-text-width: 600px; 6632 --kraken-banner-shape-width: 175px; 6633 --kraken-banner-shape-height: 90px; 6634 } 6635} 6636@media (max-width: 550px) { 6637 .section_3 { 6638 --kraken-banner-height: 625px; 6639 --kraken-banner-shape-width: 150px; 6640 --kraken-banner-shape-height: 75px; 6641 } 6642} 6643.section_3 .content_container { 6644 height: 100%; 6645 width: 100%; 6646 padding: 0; 6647} 6648.section_3 .content_container .content { 6649 height: 100%; 6650} 6651.section_3 .content_container .content .kraken_banner_contents { 6652 display: flex; 6653 align-items: center; 6654 justify-content: center; 6655 position: relative; 6656 height: 100%; 6657} 6658.section_3 .content_container .content .kraken_banner_contents .corner { 6659 position: absolute; 6660 bottom: 0; 6661 right: 0; 6662 z-index: 999; 6663 width: var(--kraken-banner-shape-width); 6664 height: var(--kraken-banner-shape-height); 6665} 6666.section_3 .content_container .content .kraken_banner_contents .corner img, 6667.section_3 .content_container .content .kraken_banner_contents .corner picture, 6668.section_3 .content_container .content .kraken_banner_contents .corner svg { 6669 width: 100%; 6670 height: 100%; 6671 display: block; 6672} 6673.section_3 .content_container .content .kraken_banner_contents .corner svg { 6674 fill: #ffffff; 6675} 6676.section_3 .content_container .content .kraken_banner_contents .text_container { 6677 position: absolute; 6678 width: min(100%,var(--kraken-text-container-width)); 6679 display: flex; 6680 z-index: 999; 6681 box-sizing: border-box; 6682 padding: 0 100px; 6683} 6684@media (max-width: 810px) { 6685 .section_3 .content_container .content .kraken_banner_contents .text_container { 6686 padding: 0 40px; 6687 } 6688} 6689@media (max-width: 550px) { 6690 .section_3 .content_container .content .kraken_banner_contents .text_container { 6691 padding: 0 20px; 6692 } 6693} 6694.section_3 .content_container .content .kraken_banner_contents .text_container .text { 6695 width: min(100%,var(--kraken-text-width)); 6696 border-left: var(--kraken-banner-border-width) solid; 6697 border-image: linear-gradient(to top,#121111,#deb284) 1 100%; 6698 padding-left: 40px; 6699 box-sizing: border-box; 6700} 6701@media (max-width: 810px) { 6702 .section_3 .content_container .content .kraken_banner_contents .text_container .text { 6703 padding-left: 30px; 6704 margin: 0 auto; 6705 } 6706} 6707@media (max-width: 550px) { 6708 .section_3 .content_container .content .kraken_banner_contents .text_container .text { 6709 padding-left: 20px; 6710 } 6711} 6712.section_3 .content_container .content .kraken_banner_contents .text_container .text h1, 6713.section_3 .content_container .content .kraken_banner_contents .text_container .text p { 6714 color: #ffffff; 6715} 6716.section_3 .content_container .content .kraken_banner_contents .text_container .text h1 { 6717 margin-top: 0; 6718} 6719.section_3 .content_container .content .kraken_banner_contents .text_container .text div[data-micro-template="buttons_container"] { 6720 display: flex; 6721 gap: 10px; 6722 margin-top: 20px; 6723} 6724@media (max-width: 550px) { 6725 .section_3 .content_container .content .kraken_banner_contents .text_container .text div[data-micro-template="buttons_container"] { 6726 flex-direction: column; 6727 } 6728} 6729.section_3 .content_container .content .kraken_banner_contents .text_container .text div[data-micro-template="buttons_container"] div[data-micro-template="buttons"] a.button { 6730 margin: 0; 6731 background: none; 6732 border: 1px solid #ffffff; 6733 color: #ffffff; 6734} 6735@media (max-width: 550px) { 6736 .section_3 .content_container .content .kraken_banner_contents .text_container .text div[data-micro-template="buttons_container"] div[data-micro-template="buttons"] a.button { 6737 width: 100%; 6738 } 6739} 6740.section_3 .content_container .content .kraken_banner_contents .text_container .text div[data-micro-template="buttons_container"] div[data-micro-template="buttons"] a.button:hover { 6741 background: #ffffff; 6742 color: #222; 6743} 6744.section_3 .content_container .content .kraken_banner_contents .text_container .text div[data-micro-template="buttons_container"] div[data-micro-template="buttons"]:first-of-type a.button { 6745 background: #ffffff; 6746 color: #222; 6747} 6748.section_3 .content_container .content .kraken_banner_contents .video, 6749.section_3 .content_container .content .kraken_banner_contents .image, 6750.section_3 .content_container .content .kraken_banner_contents .mobile_image { 6751 position: relative; 6752 display: block; 6753 width: 100%; 6754 height: 100%; 6755} 6756.section_3 .content_container .content .kraken_banner_contents .video video, 6757.section_3 .content_container .content .kraken_banner_contents .video img, 6758.section_3 .content_container .content .kraken_banner_contents .video picture, 6759.section_3 .content_container .content .kraken_banner_contents .image video, 6760.section_3 .content_container .content .kraken_banner_contents .image img, 6761.section_3 .content_container .content .kraken_banner_contents .image picture, 6762.section_3 .content_container .content .kraken_banner_contents .mobile_image video, 6763.section_3 .content_container .content .kraken_banner_contents .mobile_image img, 6764.section_3 .content_container .content .kraken_banner_contents .mobile_image picture { 6765 width: 100%; 6766 height: 100%; 6767 object-fit: cover; 6768 object-position: center center; 6769} 6770.section_3 .content_container .content .kraken_banner_contents .video .background_overlay, 6771.section_3 .content_container .content .kraken_banner_contents .image .background_overlay, 6772.section_3 .content_container .content .kraken_banner_contents .mobile_image .background_overlay { 6773 position: absolute; 6774 top: 0; 6775 left: 0; 6776 width: 100%; 6777 height: 100%; 6778 background: var(--kraken-background-overlay); 6779} 6780@media (max-width: 810px) { 6781 .section_3 .content_container .content .kraken_banner_contents .video, 6782 .section_3 .content_container .content .kraken_banner_contents .image { 6783 display: none; 6784 } 6785} 6786.section_3 .content_container .content .kraken_banner_contents .mobile_image { 6787 display: none; 6788} 6789@media (max-width: 810px) { 6790 .section_3 .content_container .content .kraken_banner_contents .mobile_image { 6791 display: block; 6792 } 6793} 6794</style><style>.section_3 { 6795 --kraken-banner-height: 850px; 6796 --kraken-top-spacer: 0px; 6797 --kraken-text-container-width: 1400px; 6798 --kraken-text-width: 550px; 6799 --kraken-banner-border-width: 6px; 6800 --kraken-background-overlay: rgba(255,255,255,0.7); 6801 --kraken-banner-shape-width: 225px; 6802 --kraken-banner-shape-height: 125px; 6803 height: var(--kraken-banner-height); 6804 margin-top: var(--kraken-top-spacer); 6805} 6806@media (max-width: 1366px) { 6807 .section_3 { 6808 --kraken-banner-height: 750px; 6809 } 6810} 6811@media (max-width: 1080px) { 6812 .section_3 { 6813 --kraken-top-spacer: 0px; 6814 } 6815} 6816@media (max-width: 810px) { 6817 .section_3 { 6818 --kraken-banner-height: 600px; 6819 --kraken-text-width: 600px; 6820 --kraken-banner-shape-width: 175px; 6821 --kraken-banner-shape-height: 90px; 6822 } 6823} 6824@media (max-width: 550px) { 6825 .section_3 { 6826 --kraken-banner-height: 625px; 6827 --kraken-banner-shape-width: 150px; 6828 --kraken-banner-shape-height: 75px; 6829 } 6830} 6831.section_3 .content_container { 6832 height: 100%; 6833 width: 100%; 6834 padding: 0; 6835} 6836.section_3 .content_container .content { 6837 height: 100%; 6838} 6839.section_3 .content_container .content .kraken_banner_contents { 6840 display: flex; 6841 align-items: center; 6842 justify-content: center; 6843 position: relative; 6844 height: 100%; 6845} 6846.section_3 .content_container .content .kraken_banner_contents .corner { 6847 position: absolute; 6848 bottom: 0; 6849 right: 0; 6850 z-index: 999; 6851 width: var(--kraken-banner-shape-width); 6852 height: var(--kraken-banner-shape-height); 6853} 6854.section_3 .content_container .content .kraken_banner_contents .corner img, 6855.section_3 .content_container .content .kraken_banner_contents .corner picture, 6856.section_3 .content_container .content .kraken_banner_contents .corner svg { 6857 width: 100%; 6858 height: 100%; 6859 display: block; 6860} 6861.section_3 .content_container .content .kraken_banner_contents .corner svg { 6862 fill: #ffffff; 6863} 6864.section_3 .content_container .content .kraken_banner_contents .text_container { 6865 position: absolute; 6866 width: min(100%,var(--kraken-text-container-width)); 6867 display: flex; 6868 z-index: 999; 6869 box-sizing: border-box; 6870 padding: 0 100px; 6871} 6872@media (max-width: 810px) { 6873 .section_3 .content_container .content .kraken_banner_contents .text_container { 6874 padding: 0 40px; 6875 } 6876} 6877@media (max-width: 550px) { 6878 .section_3 .content_container .content .kraken_banner_contents .text_container { 6879 padding: 0 20px; 6880 } 6881} 6882.section_3 .content_container .content .kraken_banner_contents .text_container .text { 6883 width: min(100%,var(--kraken-text-width)); 6884 border-left: var(--kraken-banner-border-width) solid; 6885 border-image: linear-gradient(to top,#121111,#deb284) 1 100%; 6886 padding-left: 40px; 6887 box-sizing: border-box; 6888} 6889@media (max-width: 810px) { 6890 .section_3 .content_container .content .kraken_banner_contents .text_container .text { 6891 padding-left: 30px; 6892 margin: 0 auto; 6893 } 6894} 6895@media (max-width: 550px) { 6896 .section_3 .content_container .content .kraken_banner_contents .text_container .text { 6897 padding-left: 20px; 6898 } 6899} 6900.section_3 .content_container .content .kraken_banner_contents .text_container .text h1, 6901.section_3 .content_container .content .kraken_banner_contents .text_container .text p { 6902 color: #222; 6903} 6904.section_3 .content_container .content .kraken_banner_contents .text_container .text h1 { 6905 margin-top: 0; 6906} 6907.section_3 .content_container .content .kraken_banner_contents .text_container .text div[data-micro-template="buttons_container"] { 6908 display: flex; 6909 gap: 10px; 6910 margin-top: 20px; 6911} 6912@media (max-width: 550px) { 6913 .section_3 .content_container .content .kraken_banner_contents .text_container .text div[data-micro-template="buttons_container"] { 6914 flex-direction: column; 6915 } 6916} 6917.section_3 .content_container .content .kraken_banner_contents .text_container .text div[data-micro-template="buttons_container"] div[data-micro-template="buttons"] a.button { 6918 margin: 0; 6919 background: none; 6920 border: 1px solid #222; 6921 color: #222; 6922} 6923@media (max-width: 550px) { 6924 .section_3 .content_container .content .kraken_banner_contents .text_container .text div[data-micro-template="buttons_container"] div[data-micro-template="buttons"] a.button { 6925 width: 100%; 6926 } 6927} 6928.section_3 .content_container .content .kraken_banner_contents .text_container .text div[data-micro-template="buttons_container"] div[data-micro-template="buttons"] a.button:hover { 6929 background: #ffffff; 6930 color: #222; 6931} 6932.section_3 .content_container .content .kraken_banner_contents .text_container .text div[data-micro-template="buttons_container"] div[data-micro-template="buttons"]:first-of-type a.button { 6933 background: #ffffff; 6934 color: #222; 6935} 6936.section_3 .content_container .content .kraken_banner_contents .video { 6937 transform: rotateY(180deg); 6938} 6939.section_3 .content_container .content .kraken_banner_contents .video, 6940.section_3 .content_container .content .kraken_banner_contents .image, 6941.section_3 .content_container .content .kraken_banner_contents .mobile_image { 6942 position: relative; 6943 display: block; 6944 width: 100%; 6945 height: 100%; 6946} 6947.section_3 .content_container .content .kraken_banner_contents .video video, 6948.section_3 .content_container .content .kraken_banner_contents .video img, 6949.section_3 .content_container .content .kraken_banner_contents .video picture, 6950.section_3 .content_container .content .kraken_banner_contents .image video, 6951.section_3 .content_container .content .kraken_banner_contents .image img, 6952.section_3 .content_container .content .kraken_banner_contents .image picture, 6953.section_3 .content_container .content .kraken_banner_contents .mobile_image video, 6954.section_3 .content_container .content .kraken_banner_contents .mobile_image img, 6955.section_3 .content_container .content .kraken_banner_contents .mobile_image picture { 6956 width: 100%; 6957 height: 100%; 6958 object-fit: cover; 6959 object-position: center center; 6960} 6961.section_3 .content_container .content .kraken_banner_contents .video .background_overlay, 6962.section_3 .content_container .content .kraken_banner_contents .image .background_overlay, 6963.section_3 .content_container .content .kraken_banner_contents .mobile_image .background_overlay { 6964 position: absolute; 6965 top: 0; 6966 left: 0; 6967 width: 100%; 6968 height: 100%; 6969 background: var(--kraken-background-overlay); 6970} 6971@media (max-width: 810px) { 6972 .section_3 .content_container .content .kraken_banner_contents .video, 6973 .section_3 .content_container .content .kraken_banner_contents .image { 6974 display: none; 6975 } 6976} 6977.section_3 .content_container .content .kraken_banner_contents .mobile_image { 6978 display: none; 6979} 6980@media (max-width: 810px) { 6981 .section_3 .content_container .content .kraken_banner_contents .mobile_image { 6982 display: block; 6983 } 6984} 6985</style> 6986<section class="section_3" data-module="kraken_banner" data-html="/custom/modules/kraken_banner/module.html" data-json="/custom/modules/kraken_banner/module.json" data-page="" data-full-path="/"> 6987 <div class="content_container"> 6988 <div class="content"> 6989 6990 <div class="kraken_banner_contents"> 6991 <div class="text_container"> 6992 <div class="text"> 6993 6994 <h1>Where Your Smile Comes First, Your Trusted Dentist in Lancaster</h1> 6995 6996 6997 <p>Expert dental care focused on comfort, clarity, and lasting results.</p> 6998 6999 7000 <div data-micro-template="buttons_container"> 7001 <div data-micro-template="buttons"> 7002 <a class="button kraken_button" href="/appointment/" role="button" aria-label="Request Appointment"><span>Request Appointment</span></a> 7003</div><div data-micro-template="buttons"> 7004 <a class="button kraken_button" href="/contact/" role="button" aria-label="Contact Us"><span>Contact Us</span></a> 7005</div> 7006</div> 7007 7008 </div> 7009 </div> 7010 7011 <div class="video"> 7012 <video muted autoplay loop playsinline> 7013 <source src="" type="video/mp4" data-src="https://d2cj1j2uil3krk.cloudfront.net/woman-smiling-dentist-chair.mp4"> 7014 </video> 7015 <div class="background_overlay"></div> 7016 </div> 7017 7018 7019 7020 <div class="mobile_image"> 7021 <picture><source srcset="/cache/sm-custom_images_kraken_banner_mobile.webp" data-srcset="/cache/sm-custom_images_kraken_banner_mobile.webp 420w, /cache/md-custom_images_kraken_banner_mobile.webp 640w, /cache/custom_images_kraken_banner_mobile.webp 8
702110w" sizes="(max-width: 420px) 100vw, (max-width: 640px) 100vw, 810px" data-lazy-picture="false" type="image/webp"><img alt="The image shows a modern dental or medical office interior with a dental chair, equipment, and a clean, professional environment." class="banner_fore" src="/custom/images/kraken_banner/mobile.jpg" data-lazy-img="false" data-src="/custom/images/kraken_banner/mobile.jpg" fetchpriority="high"></picture> 7022 <div class="background_overlay"></div> 7023 </div> 7024 7025 7026 <div class="corner"> 7027 <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 600 600" preserveaspectratio="none"><polygon points="0 600 600 0 600 600 0 600"></polygon></svg> 7028 </div> 7029 7030</div> 7031 7032 7033 7034 7035 </div> 7036 <div class="sidebar" data-sidebar="false"> 7037 7038 </div> 7039 </div> 7040</section>
7040<script> 7041 javascript.prototype[get_id()] = function() { 7042 var json = {"settings":{},"content":[{"image":"","mobile_image":"\/custom\/images\/kraken_banner\/mobile.jpg","video":"https:\/\/d2cj1j2uil3krk.cloudfront.net\/woman-smiling-dentist-chair.mp4","title":"Where Your Smile Comes First, Your Trusted Dentist in Lancaster","text":"Expert dental care focused on comfort, clarity, and lasting results.","shape":"<svg id='Layer_2' data-name='Layer 2' xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 600 600' preserveAspectRatio='none'><polygon points='0 600 600 0 600 600 0 600'\/><\/svg>","button":[{"label":"Request Appointment","url":"\/appointment\/"},{"label":"Contact Us","url":"\/contact\/"}]}]}; 7043 7044 7045 } 7046</script>
7046<style>.section_4 { 7047 --kraken-split-shape-width: 225px; 7048 --kraken-split-shape-height: 125px; 7049 --kraken-split-height: auto; 7050 --kraken-split-image-overlay: rgba(0,0,0,0.8); 7051 --kraken-split-image-max-height: 100%; 7052 height: var(--kraken-split-height); 7053 padding: 40px 0; 7054} 7055@media (max-width: 1080px) { 7056 .section_4 { 7057 --kraken-split-shape-width: 170px; 7058 --kraken-split-shape-height: 85px; 7059 } 7060} 7061@media (max-width: 550px) { 7062 .section_4 { 7063 --kraken-split-shape-width: 120px; 7064 --kraken-split-shape-height: 65px; 7065 } 7066} 7067.section_4 .content_container .content .container_corner { 7068 position: absolute; 7069 z-index: 999; 7070 width: var(--kraken-split-shape-width); 7071 height: var(--kraken-split-shape-height); 7072} 7073.section_4 .content_container .content .container_corner.topleft { 7074 top: 0; 7075 left: 0; 7076 transform: rotate(180deg); 7077} 7078.section_4 .content_container .content .container_corner.bottomright { 7079 bottom: 0; 7080 right: 0; 7081} 7082.section_4 .content_container .content .container_corner.bottomleft { 7083 bottom: 0; 7084 left: 0; 7085 transform: scaleX(-1); 7086} 7087.section_4 .content_container .content .container_corner.topright { 7088 top: 0; 7089 right: 0; 7090 transform: scaleX(-1) rotate(180deg); 7091} 7092.section_4 .content_container .content .container_corner img, 7093.section_4 .content_container .content .container_corner picture, 7094.section_4 .content_container .content .container_corner svg { 7095 width: 100%; 7096 height: 100%; 7097 display: block; 7098} 7099.section_4 .content_container .content .container_corner svg { 7100 fill: #ffffff; 7101} 7102.section_4 .content_container .content .background_image { 7103 position: absolute; 7104 top: 0; 7105 left: 0; 7106 width: 100%; 7107 height: 100%; 7108 z-index: -2; 7109} 7110.section_4 .content_container .content .background_image .background_overlay { 7111 position: absolute; 7112 top: 0; 7113 left: 0; 7114 width: 100%; 7115 height: 100%; 7116 background: linear-gradient(to bottom,rgba(0,0,0,0),var(--kraken-split-image-overlay)); 7117 display: block; 7118} 7119.section_4 .content_container .content .background_image img, 7120.section_4 .content_container .content .background_image picture { 7121 width: 100%; 7122 height: 100%; 7123 object-fit: cover; 7124 object-position: center center; 7125} 7126.section_4 .content_container .content .kraken_split { 7127 display: flex; 7128 gap: 100px; 7129 height: 100%; 7130 align-items: center; 7131} 7132@media (max-width: 1080px) { 7133 .section_4 .content_container .content .kraken_split { 7134 gap: 50px; 7135 } 7136} 7137@media (max-width: 810px) { 7138 .section_4 .content_container .content .kraken_split { 7139 flex-direction: column; 7140 gap: 0; 7141 } 7142} 7143.section_4 .content_container .content .kraken_split.right .image_container { 7144 order: 3; 7145} 7146@media (max-width: 810px) { 7147 .section_4 .content_container .content .kraken_split.right .image_container { 7148 order: initial; 7149 } 7150} 7151.section_4 .content_container .content .kraken_split .text_container { 7152 display: flex; 7153 flex-direction: column; 7154 align-items: flex-start; 7155 justify-content: center; 7156 flex-basis: 50%; 7157 padding: 40px 0; 7158 box-sizing: border-box; 7159} 7160.section_4 .content_container .content .kraken_split .text_container .title_container { 7161 border-left: 6px solid; 7162 border-image: linear-gradient(to top,#121111,#deb284) 1 100%; 7163 padding-left: 20px; 7164 box-sizing: border-box; 7165 margin-bottom: 20px; 7166} 7167@media (max-width: 1080px) { 7168 .section_4 .content_container .content .kraken_split .text_container .title_container { 7169 margin-bottom: 10px; 7170 padding-left: 10px; 7171 } 7172} 7173.section_4 .content_container .content .kraken_split .text_container .title_container h2, 7174.section_4 .content_container .content .kraken_split .text_container .title_container h4 { 7175 margin: 0; 7176} 7177.section_4 .content_container .content .kraken_split .text_container .title_container h4 { 7178 margin-bottom: 5px; 7179} 7180.section_4 .content_container .content .kraken_split .text_container .link_box { 7181 background: #121111; 7182 box-sizing: border-box; 7183 padding: 40px 30px; 7184 width: min(100%,500px); 7185} 7186.section_4 .content_container .content .kraken_split .text_container .link_box h3, 7187.section_4 .content_container .content .kraken_split .text_container .link_box p, 7188.section_4 .content_container .content .kraken_split .text_container .link_box a { 7189 color: #ffffff; 7190} 7191.section_4 .content_container .content .kraken_split .text_container .link_box h3 { 7192 margin-top: 0; 7193} 7194.section_4 .content_container .content .kraken_split .text_container .link_box a:hover {
7195 color: #deb284; 7196} 7197.section_4 .content_container .content .kraken_split .text_container .link_box .links { 7198 display: flex; 7199 gap: 15px; 7200 flex-wrap: wrap; 7201} 7202.section_4 .content_container .content .kraken_split .image_container { 7203 position: relative; 7204 flex-basis: 50%; 7205 height: min(100%,var(--kraken-split-image-max-height)); 7206} 7207@media (max-width: 810px) { 7208 .section_4 .content_container .content .kraken_split .image_container { 7209 width: min(100%,450px); 7210 aspect-ratio: 1.1428571428571; 7211 } 7212} 7213.section_4 .content_container .content .kraken_split .image_container img, 7214.section_4 .content_container .content .kraken_split .image_container picture { 7215 width: 100%; 7216 height: 100%; 7217 object-fit: cover; 7218 object-position: center center; 7219} 7220.section_4 .content_container .content .kraken_split .image_container .background_overlay { 7221 position: absolute; 7222 top: 0; 7223 left: 0; 7224 width: 100%; 7225 height: 100%; 7226 background: linear-gradient(to bottom,rgba(0,0,0,0),var(--kraken-split-image-overlay)); 7227 display: block; 7228} 7229.section_4 .content_container .content .kraken_split .image_container .caption_container { 7230 position: absolute; 7231 left: 0; 7232 bottom: 10%; 7233 background: #ffffff; 7234 width: min(90%,600px); 7235 box-sizing: border-box; 7236 padding-right: 10px; 7237 z-index: 2; 7238} 7239@media (max-width: 810px) { 7240 .section_4 .content_container .content .kraken_split .image_container .caption_container { 7241 background: none; 7242 width: 100%; 7243 padding: 10px 15px; 7244 bottom: 0; 7245 } 7246} 7247.section_4 .content_container .content .kraken_split .image_container .caption_container .caption { 7248 border-left: 4px solid; 7249 border-image: linear-gradient(to top,#121111,#deb284) 1 100%; 7250 padding-left: 20px; 7251 margin-left: 20px; 7252} 7253@media (max-width: 810px) { 7254 .section_4 .content_container .content .kraken_split .image_container .caption_container .caption { 7255 border: none; 7256 padding: 0; 7257 margin: 0; 7258 } 7259} 7260.section_4 .content_container .content .kraken_split .image_container .caption_container p { 7261 font-size: 1.5rem; 7262 font-weight: 500; 7263 font-family: "Helvetica"; 7264} 7265@media (max-width: 810px) { 7266 .section_4 .content_container .content .kraken_split .image_container .caption_container p { 7267 color: #ffffff; 7268 font-size: 1.25rem; 7269 text-align: center; 7270 } 7271} 7272.section_4 .content_container .content .kraken_split .image_container .corner { 7273 position: absolute; 7274 z-index: 999; 7275 width: var(--kraken-split-shape-width); 7276 height: var(--kraken-split-shape-height); 7277} 7278.section_4 .content_container .content .kraken_split .image_container .corner.topleft { 7279 top: 0; 7280 left: 0; 7281 transform: rotate(180deg); 7282} 7283.section_4 .content_container .content .kraken_split .image_container .corner.bottomright { 7284 bottom: 0; 7285 right: 0; 7286} 7287.section_4 .content_container .content .kraken_split .image_container .corner.bottomleft { 7288 bottom: 0; 7289 left: 0; 7290 transform: scaleX(-1); 7291} 7292.section_4 .content_container .content .kraken_split .image_container .corner.topright { 7293 top: 0; 7294 right: 0; 7295 transform: scaleX(-1) rotate(180deg); 7296} 7297.section_4 .content_container .content .kraken_split .image_container .corner img, 7298.section_4 .content_container .content .kraken_split .image_container .corner picture, 7299.section_4 .content_container .content .kraken_split .image_container .corner svg { 7300 width: 100%; 7301 height: 100%; 7302 display: block; 7303} 7304.section_4 .content_container .content .kraken_split .image_container .corner svg { 7305 fill: #ffffff; 7306} 7307</style><style>.section_4 { 7308 padding: 0; 7309} 7310@media (max-width: 810px) { 7311 .section_4 { 7312 padding-top: 40px; 7313 } 7314} 7315.section_4 .content_container .content .kraken_split .text_container { 7316 flex-basis: 50%; 7317} 7318@media (max-width: 810px) { 7319 .section_4 .content_container .content .kraken_split .text_container { 7320 flex-basis: 50%; 7321 } 7322} 7323.section_4 .content_container .content .kraken_split .image_container { 7324 position: relative; 7325 flex-basis: 50%; 7326} 7327@media (max-width: 810px) { 7328 .section_4 .content_container .content .kraken_split .image_container { 7329 width: min(100%,450px); 7330 aspect-ratio: 1.1428571428571; 7331 } 7332} 7333</style> 7334<section class="section_4" data-module="kraken_split" data-html="/custom/modules/kraken_split/module.html" data-json="/custom/modules/kraken_split/module2.json" data-page="" data-full-path="/"> 7335 <div class="content_container"> 7336 <div class="content"> 7337 7338 7339 7340<div class="kraken_split left"> 7341 <div class="image_container"> 7342 7343 <picture><source srcset="/cache/sm-custom_images_kraken_split_dr_sekhon2.webp" data-srcset="/cache/sm-custom_images_kraken_split_dr_sekhon2.webp 420w, /cache/md-custom_images_kraken_split_dr_sekhon2.webp 640w, /cache/custom_images_kraken_split_dr_sekhon2.webp 1000w" sizes="(max-width: 420px) 100v
7343w, (max-width: 640px) 100vw, 1000px" data-lazy-picture="false" type="image/webp"><img alt="AV Dental Wellness Group | Inlays amp Onlays, Boka Fluoride-Free Toothpaste and Bone Grafts" class="" src="/custom/images/kraken_split/dr_sekhon2.jpg" data-lazy-img="false" data-src="/custom/images/kraken_split/dr_sekhon2.jpg"></picture> 7344 7345 <div class="corner bottomright"> 7346 <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 600 600" preserveaspectratio="none"><polygon points="0 600 600 0 600 600 0 600"></polygon></svg> 7347 </div> 7348 7349 7350 7351 7352 </div> 7353 <div class="text_container"> 7354 <div class="title_container"> 7355 7356 <h4 class="subtitle"> 7357 Your Trusted, Compassionate Dentist 7358 </h4> 7359 7360 7361 <h2 class="title"> 7362 Prabdeep Sekhon, DMD 7363 </h2> 7364 7365 </div> 7366 <div class="text"> 7367 <p>Dr. Prabdeep Sekhon brings a unique blend of expertise, precision, and artistry to AV Dental Wellness Group. In 2014, he graduated with a Bachelor of Dental Surgery (BDS) from Christian Dental College in Punjab, India. His journey into dentistry was driven by a deep-seated passion for the medical field and a love for working with his hands.</p> 7368 </div> 7369 7370 <div class="link"> 7371 <a href="/staff/prabdeep-sekhon-dmd/" class="kraken_link" aria-label="Meet Your Doctor">Meet Your Doctor <i class="fas fa-chevron-right"></i></a> 7372 </div> 7373 7374 </div> 7375</div> 7376 7377 </div> 7378 <div class="sidebar" data-sidebar="false"> 7379 7380 </div> 7381 </div> 7382</section><style></style><style>.section_5 { 7383 box-sizing: border-box; 7384 padding: 80px 0; 7385} 7386@media (max-width: 810px) { 7387 .section_5 { 7388 padding: 40px 0; 7389 } 7390} 7391@media (max-width: 550px) { 7392 .section_5 { 7393 padding: 20px 0; 7394 } 7395} 7396.section_5 .content_container { 7397 width: min(100%,700px); 7398} 7399.section_5 .content_container .content { 7400 display: grid; 7401 grid-template-columns: repeat(3,1fr); 7402 gap: 40px; 7403} 7404@media (max-width: 810px) { 7405 .section_5 .content_container .content { 7406 gap: 20px; 7407 } 7408} 7409@media (max-width: 550px) { 7410 .section_5 .content_container .content { 7411 gap: 5px; 7412 } 7413} 7414.section_5 .content_container .content .association { 7415 box-sizing: border-box; 7416 filter: grayscale(1); 7417} 7418</style> 7419<section class="section_5" data-module="html_module" data-html="/custom/modules/hydra_associations/module.html" data-json="/custom/modules/hydra_associations/module.json" data-page="" data-full-path="/"> 7420 <div class="content_container"> 7421 <div class="content"> 7422 7423 <div class="association"> 7424 <picture><source srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" data-srcset="/cache/custom_images_associations_ada.webp 375w" sizes="375px" data-lazy-picture="true" type="image/webp"><img alt="The image displays a logo consisting of the letters ADA in bold, capitalized white font against a dark background, with the acronym ADA stylized to suggest an organization or institution." class="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" data-lazy-img="true" data-src="/custom/images/associations/ada.png"></picture> 7425</div><div class="association"> 7426 <picture><source srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" data-srcset="/cache/custom_images_associations_cda.webp 375w" sizes="375px" data-lazy-picture="true" type="image/webp"><img alt="The image features a logo with the letters CODA prominently displayed, suggesting it might be an acronym for an organization or company." class="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" data-lazy-img="true" data-src="/custom/images/associations/cda.png"></picture> 7427</div><div class="association"> 7428 <picture><source srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" data-srcset="/cache/custom_images_associations_velscope.webp 418w" sizes="418px" data-lazy-picture="true" type="image/webp"><img alt="The image shows a logo with text that reads VES SCOPE alongside a stylized graphic resembling a pair of binoculars, suggesting an association with optics or surveying equipment." class="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" data-lazy-img="true" data-src="/custom/images/associations/velscope.png"></picture> 7429</div> 7430 7431 </div> 7432 <div class="sidebar" data-sidebar="false"> 7433 7434 </div> 7435 </div> 7436</section><style>.section_6 { 7437 --icon-height: 50px; 7438} 7439@media (max-width: 550px) { 7440 .section_6 { 7441 --icon-height: 40px; 7442 } 7443} 7444.section_6 .content_container .content .kraken_divider { 7445 width: min(100%,1200px); 7446 margin: 0 auto; 7447 display: flex; 7448 align-items: center; 7449 justify-content: center; 7450 position: relative; 7451 height: var(--icon-height); 7452} 7453.section_6 .content_container .content .kraken_divider .line { 7454 width: 100%; 7455 height: 2px; 7456 background: linear-gradient(to right,#121111,#deb284,#121111); 7457} 7458.section_6 .content_container .content .kraken_divider .logo_icon { 7459 position: absolute; 7460 background: #ffffff; 7461 padding: 0px 20px; 7462 box-sizing: border-box; 7463 height: var(--icon-height); 7464 border-left: 2px solid #deb284; 7465 border-right: 2px solid #deb284; 7466} 7467.section_6 .content_container .content .kraken_divider .logo_icon img, 7468.section_6 .content_container .content .kraken_divider .logo_icon picture { 7469 height: 100%; 7470 object-fit: cover; 7471} 7472</style><style>.section_6 { 7473 --icon-height: 50px; 7474} 7475@media (max-width: 550px) { 7476 .section_6 { 7477 --icon-height: 40px; 7478 } 7479} 7480.section_6 .content_container .content .kraken_divider { 7481 width: min(100%,1200px); 7482 margin: 0 auto; 7483 display: flex; 7484 align-items: center; 7485 justify-content: center; 7486 position: relative; 7487 height: var(--icon-height); 7488} 7489.section_6 .content_container .content .kraken_divider .line { 7490 width: 100%; 7491 height: 2px; 7492 background: linear-gradient(to right,#121111,#deb284,#121111); 7493} 7494.section_6 .content_container .content .kraken_divider .logo_icon { 7495 position: absolute; 7496 background: #ffffff; 7497 padding: 0px 20px; 7498 box-sizing: border-box; 7499 height: var(--icon-height); 7500 border-left: 2px solid #deb284; 7501 border-right: 2px solid #deb284; 7502} 7503.section_6 .content_container .content .kraken_divider .logo_icon img, 7504.section_6 .content_container .content .kraken_divider .logo_icon picture { 7505 height: 100%; 7506 object-fit: cover; 7507} 7508</style> 7509<section class="section_6" data-module="kraken_divider" data-html="/custom/modules/kraken_divider/module.html" data-json="/custom/modules/kraken_divider/module.json" data-page="" data-full-path="/"> 7510 <div class="content_container"> 7511 <div class="content"> 7512 7513 <div class="kraken_divider"> 7514 <div class="line"></div> 7515 <div class="logo_icon"> 7516 <picture><source srcset="/cache/custom_images_logoicon.webp" data-srcset="/cache/custom_images_logoicon.webp 382w" sizes="382px" data-lazy-picture="false" type="image/webp"><img alt="The image shows a logo with the letters A and T in stylized font, set against a background that includes a splash of water droplets and a graphic element resembling a paint palette." class="" src="/custom/images/logoicon.png" data-lazy-img="false" data-src="/custom/images/logoicon.png"></picture> 7517 </div> 7518</div> 7519 7520 </div> 7521 <div class="sidebar" data-sidebar="false"> 7522 7523 </div> 7524 </div> 7525</section><style>.section_7 { 7526 --kraken-split-shape-width: 225px; 7527 --kraken-split-shape-height: 125px; 7528 --kraken-split-height: auto; 7529 --kraken-split-image-overlay: rgba(0,0,0,0.8); 7530 --kraken-split-image-max-height: 100%; 7531 height: var(--kraken-split-height); 7532 padding: 40px 0; 7533} 7534@media (max-width: 1080px) { 7535 .section_7 { 7536 --kraken-split-shape-width: 170px; 7537 --kraken-split-shape-height: 85px; 7538 } 7539} 7540@media (max-width: 550px) { 7541 .section_7 { 7542 --kraken-split-shape-width: 120px; 7543 --kraken-split-shape-height: 65px; 7544 } 7545}
7546.section_7 .content_container .content .container_corner { 7547 position: absolute; 7548 z-index: 999; 7549 width: var(--kraken-split-shape-width); 7550 height: var(--kraken-split-shape-height); 7551} 7552.section_7 .content_container .content .container_corner.topleft { 7553 top: 0; 7554 left: 0; 7555 transform: rotate(180deg); 7556} 7557.section_7 .content_container .content .container_corner.bottomright { 7558 bottom: 0; 7559 right: 0; 7560} 7561.section_7 .content_container .content .container_corner.bottomleft { 7562 bottom: 0; 7563 left: 0; 7564 transform: scaleX(-1); 7565} 7566.section_7 .content_container .content .container_corner.topright { 7567 top: 0; 7568 right: 0; 7569 transform: scaleX(-1) rotate(180deg); 7570} 7571.section_7 .content_container .content .container_corner img, 7572.section_7 .content_container .content .container_corner picture, 7573.section_7 .content_container .content .container_corner svg { 7574 width: 100%; 7575 height: 100%; 7576 display: block; 7577} 7578.section_7 .content_container .content .container_corner svg { 7579 fill: #ffffff; 7580} 7581.section_7 .content_container .content .background_image { 7582 position: absolute; 7583 top: 0; 7584 left: 0; 7585 width: 100%; 7586 height: 100%; 7587 z-index: -2; 7588} 7589.section_7 .content_container .content .background_image .background_overlay { 7590 position: absolute; 7591 top: 0; 7592 left: 0; 7593 width: 100%; 7594 height: 100%; 7595 background: linear-gradient(to bottom,rgba(0,0,0,0),var(--kraken-split-image-overlay)); 7596 display: block; 7597} 7598.section_7 .content_container .content .background_image img, 7599.section_7 .content_container .content .background_image picture { 7600 width: 100%; 7601 height: 100%; 7602 object-fit: cover; 7603 object-position: center center; 7604} 7605.section_7 .content_container .content .kraken_split { 7606 display: flex; 7607 gap: 100px; 7608 height: 100%; 7609 align-items: center; 7610} 7611@media (max-width: 1080px) { 7612 .section_7 .content_container .content .kraken_split { 7613 gap: 50px; 7614 } 7615} 7616@media (max-width: 810px) { 7617 .section_7 .content_container .content .kraken_split { 7618 flex-direction: column; 7619 gap: 0; 7620 } 7621} 7622.section_7 .content_container .content .kraken_split.right .image_container { 7623 order: 3; 7624} 7625@media (max-width: 810px) { 7626 .section_7 .content_container .content .kraken_split.right .image_container { 7627 order: initial; 7628 } 7629} 7630.section_7 .content_container .content .kraken_split .text_container { 7631 display: flex; 7632 flex-direction: column; 7633 align-items: flex-start; 7634 justify-content: center; 7635 flex-basis: 50%; 7636 padding: 40px 0; 7637 box-sizing: border-box; 7638} 7639.section_7 .content_container .content .kraken_split .text_container .title_container { 7640 border-left: 6px solid; 7641 border-image: linear-gradient(to top,#121111,#deb284) 1 100%; 7642 padding-left: 20px; 7643 box-sizing: border-box; 7644 margin-bottom: 20px; 7645} 7646@media (max-width: 1080px) { 7647 .section_7 .content_container .content .kraken_split .text_container .title_container { 7648 margin-bottom: 10px; 7649 padding-left: 10px; 7650 } 7651} 7652.section_7 .content_container .content .kraken_split .text_container .title_container h2, 7653.section_7 .content_container .content .kraken_split .text_container .title_container h4 { 7654 margin: 0; 7655} 7656.section_7 .content_container .content .kraken_split .text_container .title_container h4 { 7657 margin-bottom: 5px; 7658} 7659.section_7 .content_container .content .kraken_split .text_container .link_box { 7660 background: #121111; 7661 box-sizing: border-box; 7662 padding: 40px 30px; 7663 width: min(100%,500px); 7664} 7665.section_7 .content_container .content .kraken_split .text_container .link_box h3, 7666.section_7 .content_container .content .kraken_split .text_container .link_box p, 7667.section_7 .content_container .content .kraken_split .text_container .link_box a { 7668 color: #ffffff; 7669} 7670.section_7 .content_container .content .kraken_split .text_container .link_box h3 { 7671 margin-top: 0; 7672} 7673.section_7 .content_container .content .kraken_split .text_container .link_box a:hover { 7674 color: #deb284; 7675} 7676.section_7 .content_container .content .kraken_split .text_container .link_box .links { 7677 display: flex; 7678 gap: 15px; 7679 flex-wrap: wrap; 7680} 7681.section_7 .content_container .content .kraken_split .image_container { 7682 position: relative; 7683 flex-basis: 50%; 7684 height: min(100%,var(--kraken-split-image-max-height)); 7685} 7686@media (max-width: 810px) { 7687 .section_7 .content_container .content .kraken_split .image_container { 7688 width: min(100%,450px); 7689 aspect-ratio: 1.1428571428571; 7690 } 7691} 7692.section_7 .content_container .content .kraken_split .image_container img, 7693.section_7 .content_container .content .kraken_split .image_container picture { 7694 width: 100%; 7695 height: 100%; 7696 object-fit: cover; 7697 object-position: center center; 7698} 7699.section_7 .content_container .content .kraken_split .image_container .background_overlay { 7700 position: absolute; 7701 top: 0; 7702 left: 0; 7703 width: 100%; 7704 height: 100%; 7705 background: linear-gradient(to bottom,rgba(0,0,0,0),var(--kraken-split-image-overlay)); 7706 display: block; 7707} 7708.section_7 .content_container .content .kraken_split .image_container .caption_container { 7709 position: absolute; 7710 left: 0; 7711 bottom: 10%; 7712 background: #ffffff; 7713 width: min(90%,600px); 7714 box-sizing: border-box; 7715 padding-right: 10px; 7716 z-index: 2; 7717} 7718@media (max-width: 810px) { 7719 .section_7 .content_container .content .kraken_split .image_container .caption_container { 7720 background: none; 7721 width: 100%; 7722 padding: 10px 15px; 7723 bottom: 0; 7724 } 7725} 7726.section_7 .content_container .content .kraken_split .image_container .caption_container .caption { 7727 border-left: 4px solid; 7728 border-image: linear-gradient(to top,#121111,#deb284) 1 100%; 7729 padding-left: 20px; 7730 margin-left: 20px; 7731} 7732@media (max-width: 810px) { 7733 .section_7 .content_container .content .kraken_split .image_container .caption_container .caption { 7734 border: none; 7735 padding: 0; 7736 margin: 0; 7737 } 7738} 7739.section_7 .content_container .content .kraken_split .image_container .caption_container p { 7740 font-size: 1.5rem; 7741 font-weight: 500; 7742 font-family: "Helvetica"; 7743} 7744@media (max-width: 810px) { 7745 .section_7 .content_container .content .kraken_split .image_container .caption_container p { 7746 color: #ffffff; 7747 font-size: 1.25rem; 7748 text-align: center; 7749 } 7750} 7751.section_7 .content_container .content .kraken_split .image_container .corner { 7752 position: absolute; 7753 z-index: 999; 7754 width: var(--kraken-split-shape-width); 7755 height: var(--kraken-split-shape-height); 7756} 7757.section_7 .content_container .content .kraken_split .image_container .corner.topleft { 7758 top: 0; 7759 left: 0; 7760 transform: rotate(180deg); 7761} 7762.section_7 .content_container .content .kraken_split .image_container .corner.bottomright { 7763 bottom: 0; 7764 right: 0; 7765} 7766.section_7 .content_container .content .kraken_split .image_container .corner.bottomleft { 7767 bottom: 0; 7768 left: 0; 7769 transform: scaleX(-1); 7770} 7771.section_7 .content_container .content .kraken_split .image_container .corner.topright { 7772 top: 0; 7773 right: 0; 7774 transform: scaleX(-1) rotate(180deg); 7775} 7776.section_7 .content_container .content .kraken_split .image_container .corner img, 7777.section_7 .content_container .content .kraken_split .image_container .corner picture, 7778.section_7 .content_container .content .kraken_split .image_container .corner svg { 7779 width: 100%; 7780 height: 100%; 7781 display: block; 7782} 7783.section_7 .content_container .content .kraken_split .image_container .corner svg { 7784 fill: #ffffff; 7785} 7786</style><style>.section_7 { 7787 --kraken-split-shape-width: 225px; 7788 --kraken-split-shape-height: 125px; 7789 --kraken-split-height: auto; 7790 --kraken-split-image-overlay: rgba(0,0,0,0.9); 7791 --kraken-split-image-max-height: 100%; 7792 height: var(--kraken-split-height); 7793 padding: 40px 0; 7794} 7795@media (max-width: 1080px) { 7796 .section_7 { 7797 --kraken-split-shape-width: 170px; 7798 --kraken-split-shape-height: 85px; 7799 } 7800} 7801@media (max-width: 550px) { 7802 .section_7 { 7803 --kraken-split-shape-width: 120px; 7804 --kraken-split-shape-height: 65px; 7805 } 7806}
7807.section_7 .content_container .content .container_corner { 7808 position: absolute; 7809 z-index: 999; 7810 width: var(--kraken-split-shape-width); 7811 height: var(--kraken-split-shape-height); 7812} 7813.section_7 .content_container .content .container_corner.topleft { 7814 top: 0; 7815 left: 0; 7816 transform: rotate(180deg); 7817} 7818.section_7 .content_container .content .container_corner.bottomright { 7819 bottom: 0; 7820 right: 0; 7821} 7822.section_7 .content_container .content .container_corner.bottomleft { 7823 bottom: 0; 7824 left: 0; 7825 transform: scaleX(-1); 7826} 7827.section_7 .content_container .content .container_corner.topright { 7828 top: 0; 7829 right: 0; 7830 transform: scaleX(-1) rotate(180deg); 7831} 7832.section_7 .content_container .content .container_corner img, 7833.section_7 .content_container .content .container_corner picture, 7834.section_7 .content_container .content .container_corner svg { 7835 width: 100%; 7836 height: 100%; 7837 display: block; 7838} 7839.section_7 .content_container .content .container_corner svg { 7840 fill: #ffffff; 7841} 7842.section_7 .content_container .content .background_image { 7843 position: absolute; 7844 top: 0; 7845 left: 0; 7846 width: 100%; 7847 height: 100%; 7848 z-index: -2; 7849} 7850.section_7 .content_container .content .background_image .background_overlay { 7851 position: absolute; 7852 top: 0; 7853 left: 0; 7854 width: 100%; 7855 height: 100%; 7856 background: linear-gradient(to bottom,rgba(0,0,0,0),var(--kraken-split-image-overlay)); 7857 display: block; 7858} 7859.section_7 .content_container .content .background_image img, 7860.section_7 .content_container .content .background_image picture { 7861 width: 100%; 7862 height: 100%; 7863 object-fit: cover; 7864 object-position: center center; 7865} 7866.section_7 .content_container .content .kraken_split { 7867 display: flex; 7868 gap: 100px; 7869 height: 100%; 7870 align-items: center; 7871} 7872@media (max-width: 1080px) { 7873 .section_7 .content_container .content .kraken_split { 7874 gap: 50px; 7875 } 7876} 7877@media (max-width: 810px) { 7878 .section_7 .content_container .content .kraken_split { 7879 flex-direction: column; 7880 gap: 0; 7881 } 7882} 7883.section_7 .content_container .content .kraken_split.right .image_container { 7884 order: 3; 7885} 7886@media (max-width: 810px) { 7887 .section_7 .content_container .content .kraken_split.right .image_container { 7888 order: initial; 7889 } 7890} 7891.section_7 .content_container .content .kraken_split .text_container { 7892 display: flex; 7893 flex-direction: column; 7894 align-items: flex-start; 7895 justify-content: center; 7896 flex-basis: 100%; 7897 padding: 40px 0; 7898 box-sizing: border-box; 7899} 7900.section_7 .content_container .content .kraken_split .text_container .title_container { 7901 border-left: 6px solid; 7902 border-image: linear-gradient(to top,#121111,#deb284) 1 100%; 7903 padding-left: 20px; 7904 box-sizing: border-box; 7905 margin-bottom: 20px; 7906} 7907@media (max-width: 1080px) { 7908 .section_7 .content_container .content .kraken_split .text_container .title_container { 7909 margin-bottom: 10px; 7910 padding-left: 10px; 7911 } 7912} 7913.section_7 .content_container .content .kraken_split .text_container .title_container h2, 7914.section_7 .content_container .content .kraken_split .text_container .title_container h4 { 7915 margin: 0; 7916} 7917.section_7 .content_container .content .kraken_split .text_container .title_container h4 { 7918 margin-bottom: 5px; 7919} 7920.section_7 .content_container .content .kraken_split .text_container .link_box { 7921 background: #121111; 7922 box-sizing: border-box; 7923 padding: 40px 30px; 7924 width: min(100%,1200px); 7925} 7926.section_7 .content_container .content .kraken_split .text_container .link_box h3, 7927.section_7 .content_container .content .kraken_split .text_container .link_box p, 7928.section_7 .content_container .content .kraken_split .text_container .link_box a { 7929 color: #ffffff; 7930} 7931.section_7 .content_container .content .kraken_split .text_container .link_box h3 { 7932 margin-top: 0; 7933} 7934.section_7 .content_container .content .kraken_split .text_container .link_box a:hover { 7935 color: #deb284; 7936} 7937.section_7 .content_container .content .kraken_split .text_container .link_box .links { 7938 display: flex; 7939 gap: 15px; 7940 flex-wrap: wrap; 7941} 7942.section_7 .content_container .content .kraken_split .image_container { 7943 position: relative; 7944 flex-basis: 50%; 7945 height: min(100%,var(--kraken-split-image-max-height)); 7946} 7947@media (max-width: 810px) { 7948 .section_7 .content_container .content .kraken_split .image_container { 7949 width: min(100%,450px); 7950 aspect-ratio: 1.1428571428571; 7951 } 7952} 7953.section_7 .content_container .content .kraken_split .image_container img, 7954.section_7 .content_container .content .kraken_split .image_container picture { 7955 width: 100%; 7956 height: 100%; 7957 object-fit: cover; 7958 object-position: center center; 7959} 7960.section_7 .content_container .content .kraken_split .image_container .background_overlay { 7961 position: absolute; 7962 top: 0; 7963 left: 0; 7964 width: 100%; 7965 height: 100%; 7966 background: linear-gradient(to bottom,rgba(0,0,0,0),var(--kraken-split-image-overlay)); 7967 display: block; 7968} 7969.section_7 .content_container .content .kraken_split .image_container .caption_container { 7970 position: absolute; 7971 left: 0; 7972 bottom: 10%; 7973 background: #ffffff; 7974 width: min(90%,600px); 7975 box-sizing: border-box; 7976 padding-right: 10px; 7977 z-index: 2; 7978} 7979@media (max-width: 810px) { 7980 .section_7 .content_container .content .kraken_split .image_container .caption_container { 7981 background: none; 7982 width: 100%; 7983 padding: 10px 15px; 7984 bottom: 0; 7985 } 7986} 7987.section_7 .content_container .content .kraken_split .image_container .caption_container .caption { 7988 border-left: 4px solid; 7989 border-image: linear-gradient(to top,#121111,#deb284) 1 100%; 7990 padding-left: 20px; 7991 margin-left: 20px; 7992} 7993@media (max-width: 810px) { 7994 .section_7 .content_container .content .kraken_split .image_container .caption_container .caption { 7995 border: none; 7996 padding: 0; 7997 margin: 0; 7998 } 7999} 8000.section_7 .content_container .content .kraken_split .image_container .caption_container p { 8001 font-size: 1.5rem; 8002 font-weight: 500; 8003 font-family: "Helvetica"; 8004} 8005@media (max-width: 810px) { 8006 .section_7 .content_container .content .kraken_split .image_container .caption_container p { 8007 color: #ffffff; 8008 font-size: 1.25rem; 8009 text-align: center; 8010 } 8011} 8012.section_7 .content_container .content .kraken_split .image_container .corner { 8013 position: absolute; 8014 z-index: 999; 8015 width: var(--kraken-split-shape-width); 8016 height: var(--kraken-split-shape-height); 8017} 8018.section_7 .content_container .content .kraken_split .image_container .corner.topleft { 8019 top: 0; 8020 left: 0; 8021 transform: rotate(180deg); 8022} 8023.section_7 .content_container .content .kraken_split .image_container .corner.bottomright { 8024 bottom: 0; 8025 right: 0; 8026} 8027.section_7 .content_container .content .kraken_split .image_container .corner.bottomleft { 8028 bottom: 0; 8029 left: 0; 8030 transform: scaleX(-1); 8031} 8032.section_7 .content_container .content .kraken_split .image_container .corner.topright { 8033 top: 0; 8034 right: 0; 8035 transform: scaleX(-1) rotate(180deg); 8036} 8037.section_7 .content_container .content .kraken_split .image_container .corner img, 8038.section_7 .content_container .content .kraken_split .image_container .corner picture, 8039.section_7 .content_container .content .kraken_split .image_container .corner svg { 8040 width: 100%; 8041 height: 100%; 8042 display: block; 8043} 8044.section_7 .content_container .content .kraken_split .image_container .corner svg { 8045 fill: #ffffff; 8046} 8047</style> 8048<section class="section_7" data-module="kraken_split" data-html="/custom/modules/kraken_split/module_welcome.html" data-json="/custom/modules/kraken_split/module.json" data-page="" data-full-path="/"> 8049 <div class="content_container"> 8050 <div class="content"> 8051 8052 8053 8054<div class="kraken_split right"> 8055 <div class="text_container"> 8056 <div class="title_container"> 8057 8058 <h4 class="subtitle"> 8059 Dental Care With Heart 8060 </h4> 8061 8062 8063 <h2 class="title"> 8064 Your Lancaster, CA Dental Home 8065 </h2> 8066 8067 </div> 8068 <div class="text"> 8069 <p>At AV Dental Wellness Group, we are proud to be a local dental practice dedicated to providing high-quality, efficient, and compassionate care. We understand that visiting the dentist can sometimes feel overwhelming, which is why we take the time to clearly explain diagnoses, procedures, and all available treatment options. Our goal is to help patients feel informed and comfortable while making decisions about their oral health, always respecting their autonomy and individual needs.</p> 8070 8071<p>
8071We also value our patientsâ time. Our team focuses on efficiency and punctual scheduling so you wonât spend unnecessary time waiting after your appointment begins. By combining thoughtful care with streamlined visits, we strive to make every appointment comfortable, informative, and stress-free.</p> 8072 8073<p>Our location has proudly served the community for more than 30 years. While Dr. Prabdeep Sekhon has been leading the practice for the past three years, the office has a long-standing presence and trusted reputation in the area. To support the highest level of care, our practice is equipped with advanced technology including CBCT imaging, panoramic X-rays, digital radiographs, and OralID fluorescence screening for oral cancer detection.</p> 8074 8075<p>At AV Dental Wellness Group, we are honored to continue serving this community and look forward to helping our patients maintain healthy, confident smiles for years to come.</p> 8076 8077<div class="link_box"> 8078 <h3>Click Below to Read More Information</h3> 8079 <div class="links"> 8080 <a href="/services/oral-exams/" class="kraken_link" aria-label="Oral Exams">Oral Exams</a> 8081 <a href="/services/dental-cleanings/" class="kraken_link" aria-label="Dental Cleanings">Dental Cleanings</a> 8082 <a href="/services/ceramic-crowns/" class="kraken_link" aria-label="Ceramic Crowns">Ceramic Crowns</a> 8083 <a href="/services/dental-bridges/" class="kraken_link" aria-label="Dental Bridges">Dental Bridges</a> 8084 <a href="/services/veneers/" class="kraken_link" aria-label="Veneers">Veneers</a> 8085 <a href="/services/extractions/" class="kraken_link" aria-label="Extractions">Extractions</a> 8086 <a href="/services/oral-cancer-screening/" class="kraken_link" aria-label="Oral ID Cancer Screening">OralID Cancer Screening</a> 8087 </div> 8088</div> 8089 </div> 8090 8091 </div> 8092</div> 8093 8094 </div> 8095 <div class="sidebar" data-sidebar="false"> 8096 8097 </div> 8098 </div> 8099</section><style>.section_8 { 8100 padding: 40px 40px; 8101} 8102.section_8 .content_container { 8103 max-width: 100%; 8104 justify-content: center; 8105 display: flex; 8106 margin-left: auto; 8107 margin-right: auto; 8108 box-sizing: border-box; 8109} 8110.section_8 .content_container .content { 8111 width: 100%; 8112} 8113.section_8 .content_container .content h2 { 8114 text-align: center; 8115} 8116.section_8 .content_container .content h3 { 8117 font-size: 1.5rem; 8118} 8119@media (max-width: 640px) { 8120 .section_8 { 8121 padding: 20px 20px; 8122 } 8123} 8124</style><style>.section_8 { 8125 background-color: #f8eee5; 8126 padding: 40px 20px; 8127} 8128.section_8 iframe { 8129 height: 620px; 8130} 8131@media (max-width: 480px) { 8132 .section_8 .grid_reviewBlockWrapper__kOwhf { 8133 overflow: hidden !important; 8134 } 8135} 8136.section_8 .content_container { 8137 margin: 30px auto; 8138} 8139.section_8 .content_container .content h4 { 8140 color: white; 8141 text-align: center; 8142} 8143.section_8 .content_container .content h3.h3 { 8144 color: white; 8145 text-align: center; 8146} 8147</style> 8148<section class="section_8" data-module="content" data-html="/custom/content/home/testimonials.html" data-json="" data-page="" data-full-path="/"> 8149 <div class="content_container"> 8150 <div class="content"> 8151 <div id="bf-revz-widget-9876543213011151831779139"></div> 8152 </div> 8153 </div> 8154</section><style>.section_9 { 8155 --kraken-split-shape-width: 225px; 8156 --kraken-split-shape-height: 125px; 8157 --kraken-split-height: auto; 8158 --kraken-split-image-overlay: rgba(0,0,0,0.8); 8159 --kraken-split-image-max-height: 100%; 8160 height: var(--kraken-split-height); 8161 padding: 40px 0; 8162} 8163@media (max-width: 1080px) { 8164 .section_9 { 8165 --kraken-split-shape-width: 170px; 8166 --kraken-split-shape-height: 85px; 8167 } 8168} 8169@media (max-width: 550px) { 8170 .section_9 { 8171 --kraken-split-shape-width: 120px; 8172 --kraken-split-shape-height: 65px; 8173 } 8174} 8175.section_9 .content_container .content .container_corner { 8176 position: absolute; 8177 z-index: 999; 8178 width: var(--kraken-split-shape-width); 8179 height: var(--kraken-split-shape-height); 8180} 8181.section_9 .content_container .content .container_corner.topleft { 8182 top: 0; 8183 left: 0; 8184 transform: rotate(180deg); 8185} 8186.section_9 .content_container .content .container_corner.bottomright { 8187 bottom: 0; 8188 right: 0; 8189}
8190.section_9 .content_container .content .container_corner.bottomleft { 8191 bottom: 0; 8192 left: 0; 8193 transform: scaleX(-1); 8194} 8195.section_9 .content_container .content .container_corner.topright { 8196 top: 0; 8197 right: 0; 8198 transform: scaleX(-1) rotate(180deg); 8199} 8200.section_9 .content_container .content .container_corner img, 8201.section_9 .content_container .content .container_corner picture, 8202.section_9 .content_container .content .container_corner svg { 8203 width: 100%; 8204 height: 100%; 8205 display: block; 8206} 8207.section_9 .content_container .content .container_corner svg { 8208 fill: #ffffff; 8209} 8210.section_9 .content_container .content .background_image { 8211 position: absolute; 8212 top: 0; 8213 left: 0; 8214 width: 100%; 8215 height: 100%; 8216 z-index: -2; 8217} 8218.section_9 .content_container .content .background_image .background_overlay { 8219 position: absolute; 8220 top: 0; 8221 left: 0; 8222 width: 100%; 8223 height: 100%; 8224 background: linear-gradient(to bottom,rgba(0,0,0,0),var(--kraken-split-image-overlay)); 8225 display: block; 8226} 8227.section_9 .content_container .content .background_image img, 8228.section_9 .content_container .content .background_image picture { 8229 width: 100%; 8230 height: 100%; 8231 object-fit: cover; 8232 object-position: center center; 8233} 8234.section_9 .content_container .content .kraken_split { 8235 display: flex; 8236 gap: 100px; 8237 height: 100%; 8238 align-items: center; 8239} 8240@media (max-width: 1080px) { 8241 .section_9 .content_container .content .kraken_split { 8242 gap: 50px; 8243 } 8244} 8245@media (max-width: 810px) { 8246 .section_9 .content_container .content .kraken_split { 8247 flex-direction: column; 8248 gap: 0; 8249 } 8250} 8251.section_9 .content_container .content .kraken_split.right .image_container { 8252 order: 3; 8253} 8254@media (max-width: 810px) { 8255 .section_9 .content_container .content .kraken_split.right .image_container { 8256 order: initial; 8257 } 8258} 8259.section_9 .content_container .content .kraken_split .text_container { 8260 display: flex; 8261 flex-direction: column; 8262 align-items: flex-start; 8263 justify-content: center; 8264 flex-basis: 50%; 8265 padding: 40px 0; 8266 box-sizing: border-box; 8267} 8268.section_9 .content_container .content .kraken_split .text_container .title_container { 8269 border-left: 6px solid; 8270 border-image: linear-gradient(to top,#121111,#deb284) 1 100%; 8271 padding-left: 20px; 8272 box-sizing: border-box; 8273 margin-bottom: 20px; 8274} 8275@media (max-width: 1080px) { 8276 .section_9 .content_container .content .kraken_split .text_container .title_container { 8277 margin-bottom: 10px; 8278 padding-left: 10px; 8279 } 8280} 8281.section_9 .content_container .content .kraken_split .text_container .title_container h2, 8282.section_9 .content_container .content .kraken_split .text_container .title_container h4 { 8283 margin: 0; 8284} 8285.section_9 .content_container .content .kraken_split .text_container .title_container h4 { 8286 margin-bottom: 5px; 8287} 8288.section_9 .content_container .content .kraken_split .text_container .link_box { 8289 background: #121111; 8290 box-sizing: border-box; 8291 padding: 40px 30px; 8292 width: min(100%,500px); 8293} 8294.section_9 .content_container .content .kraken_split .text_container .link_box h3, 8295.section_9 .content_container .content .kraken_split .text_container .link_box p, 8296.section_9 .content_container .content .kraken_split .text_container .link_box a { 8297 color: #ffffff; 8298} 8299.section_9 .content_container .content .kraken_split .text_container .link_box h3 { 8300 margin-top: 0; 8301} 8302.section_9 .content_container .content .kraken_split .text_container .link_box a:hover { 8303 color: #deb284; 8304} 8305.section_9 .content_container .content .kraken_split .text_container .link_box .links { 8306 display: flex; 8307 gap: 15px; 8308 flex-wrap: wrap; 8309} 8310.section_9 .content_container .content .kraken_split .image_container { 8311 position: relative; 8312 flex-basis: 50%; 8313 height: min(100%,var(--kraken-split-image-max-height)); 8314} 8315@media (max-width: 810px) { 8316 .section_9 .content_container .content .kraken_split .image_container { 8317 width: min(100%,450px); 8318 aspect-ratio: 1.1428571428571; 8319 } 8320} 8321.section_9 .content_container .content .kraken_split .image_container img, 8322.section_9 .content_container .content .kraken_split .image_container picture { 8323 width: 100%; 8324 height: 100%; 8325 object-fit: cover; 8326 object-position: center center; 8327} 8328.section_9 .content_container .content .kraken_split .image_container .background_overlay { 8329 position: absolute; 8330 top: 0; 8331 left: 0; 8332 width: 100%; 8333 height: 100%; 8334 background: linear-gradient(to bottom,rgba(0,0,0,0),var(--kraken-split-image-overlay)); 8335 display: block; 8336} 8337.section_9 .content_container .content .kraken_split .image_container .caption_container { 8338 position: absolute; 8339 left: 0; 8340 bottom: 10%; 8341 background: #ffffff; 8342 width: min(90%,600px); 8343 box-sizing: border-box; 8344 padding-right: 10px; 8345 z-index: 2; 8346} 8347@media (max-width: 810px) { 8348 .section_9 .content_container .content .kraken_split .image_container .caption_container { 8349 background: none; 8350 width: 100%; 8351 padding: 10px 15px; 8352 bottom: 0; 8353 } 8354} 8355.section_9 .content_container .content .kraken_split .image_container .caption_container .caption { 8356 border-left: 4px solid; 8357 border-image: linear-gradient(to top,#121111,#deb284) 1 100%; 8358 padding-left: 20px; 8359 margin-left: 20px; 8360} 8361@media (max-width: 810px) { 8362 .section_9 .content_container .content .kraken_split .image_container .caption_container .caption { 8363 border: none; 8364 padding: 0; 8365 margin: 0; 8366 } 8367} 8368.section_9 .content_container .content .kraken_split .image_container .caption_container p { 8369 font-size: 1.5rem; 8370 font-weight: 500; 8371 font-family: "Helvetica"; 8372} 8373@media (max-width: 810px) { 8374 .section_9 .content_container .content .kraken_split .image_container .caption_container p { 8375 color: #ffffff; 8376 font-size: 1.25rem; 8377 text-align: center; 8378 } 8379} 8380.section_9 .content_container .content .kraken_split .image_container .corner { 8381 position: absolute; 8382 z-index: 999; 8383 width: var(--kraken-split-shape-width); 8384 height: var(--kraken-split-shape-height); 8385} 8386.section_9 .content_container .content .kraken_split .image_container .corner.topleft { 8387 top: 0; 8388 left: 0; 8389 transform: rotate(180deg); 8390} 8391.section_9 .content_container .content .kraken_split .image_container .corner.bottomright { 8392 bottom: 0; 8393 right: 0; 8394} 8395.section_9 .content_container .content .kraken_split .image_container .corner.bottomleft { 8396 bottom: 0; 8397 left: 0; 8398 transform: scaleX(-1); 8399} 8400.section_9 .content_container .content .kraken_split .image_container .corner.topright { 8401 top: 0; 8402 right: 0; 8403 transform: scaleX(-1) rotate(180deg); 8404} 8405.section_9 .content_container .content .kraken_split .image_container .corner img, 8406.section_9 .content_container .content .kraken_split .image_container .corner picture, 8407.section_9 .content_container .content .kraken_split .image_container .corner svg { 8408 width: 100%; 8409 height: 100%; 8410 display: block; 8411} 8412.section_9 .content_container .content .kraken_split .image_container .corner svg { 8413 fill: #ffffff; 8414} 8415</style><style>.section_9 { 8416 --kraken-split-image-overlay: #000000; 8417 background-color: #121111; 8418 padding: 100px 0; 8419 margin-bottom: 40px; 8420} 8421@media (max-width: 810px) { 8422 .section_9 { 8423 padding: 40px 0; 8424 } 8425} 8426.section_9 .content_container {
8427 width: min(100%,1300px); 8428} 8429.section_9 .content_container .content .kraken_split .image_container .corner svg { 8430 fill: #121111; 8431} 8432.section_9 .content_container .content .kraken_split .text_container { 8433 color: #ffffff; 8434} 8435.section_9 .content_container .content .kraken_split .text_container .title_container h4, 8436.section_9 .content_container .content .kraken_split .text_container .title_container h2 { 8437 color: #ffffff; 8438} 8439.section_9 .content_container .content .kraken_split .text_container a.kraken_link { 8440 color: #ffffff; 8441} 8442.section_9 .content_container .content .kraken_split .text_container a.kraken_link:hover { 8443 color: #deb284; 8444} 8445</style> 8446<section class="section_9" data-module="kraken_split" data-html="/custom/modules/kraken_split/module.html" data-json="/custom/modules/kraken_split/module3.json" data-page="" data-full-path="/"> 8447 <div class="content_container"> 8448 <div class="content"> 8449 8450 8451 8452<div class="kraken_split right"> 8453 <div class="image_container"> 8454 8455 <picture><source srcset="/cache/sm-custom_images_kraken_split_chair.webp" data-srcset="/cache/sm-custom_images_kraken_split_chair.webp 420w, /cache/md-custom_images_kraken_split_chair.webp 640w, /cache/custom_images_kraken_split_chair.webp 1000w" sizes="(max-width: 420px) 100vw, (max-width: 640px) 100vw, 1000px" data-lazy-picture="false" type="image/webp"><img alt="The image shows a dental chair with plastic wrap covering it, situated inside a dental office that has a television on the wall displaying an image of a beach scene." class="" src="/custom/images/kraken_split/chair.jpg" data-lazy-img="false" data-src="/custom/images/kraken_split/chair.jpg"></picture> 8456 8457 <div class="corner topright"> 8458 <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 600 600" preserveaspectratio="none"><polygon points="0 600 600 0 600 600 0 600"></polygon></svg> 8459 </div> 8460 8461 8462 8463 8464 </div> 8465 <div class="text_container"> 8466 <div class="title_container"> 8467 8468 <h4 class="subtitle"> 8469 Expert Care in a Comfortable Setting 8470 </h4> 8471 8472 8473 <h2 class="title"> 8474 About Our Office 8475 </h2> 8476 8477 </div> 8478 <div class="text"> 8479 <p>At AV Dental Wellness Group, we believe dental visits should feel comfortable, welcoming, and personalized. From the moment you walk through our doors, our friendly team creates a warm environment designed to put you at ease.</p> 8480 8481<p>Led by Dr. Sekhon, our skilled team combines modern technology with compassionate care to deliver treatment tailored to your needs. Whether you're visiting for a routine cleaning or a smile transformation, weâre here to help you achieve a healthy, confident smile.</p> 8482 </div> 8483 8484 <div class="link"> 8485 <a href="/our-office/" class="kraken_link" aria-label="Explore Our Practice">Explore Our Practice <i class="fas fa-chevron-right"></i></a> 8486 </div> 8487 8488 </div> 8489</div> 8490 8491 </div> 8492 <div class="sidebar" data-sidebar="false"> 8493 8494 </div> 8495 </div> 8496</section><style>.section_10 { 8497 --kraken-article-columns: 3; 8498 margin: 40px 0; 8499} 8500@media (max-width: 550px) { 8501 .section_10 { 8502 --kraken-article-columns: 1; 8503 } 8504} 8505.section_10 .content_container .content .above, 8506.section_10 .content_container .content .below { 8507 grid-column: 1 / -1; 8508 text-align: center; 8509} 8510.section_10 .content_container .content .above h2, 8511.section_10 .content_container .content .below h2 { 8512 font-size: 2rem; 8513 margin: 0; 8514} 8515@media (max-width: 810px) { 8516 .section_10 .content_container .content .above h2, 8517 .section_10 .content_container .content .below h2 { 8518 font-size: 1.5rem; 8519 } 8520} 8521.section_10 .content_container .content .aleso_articles_title { 8522 display: none; 8523} 8524.section_10 .content_container .content .aleso_articles_container { 8525 display: grid; 8526 grid-template-columns: repeat(var(--kraken-article-columns),1fr); 8527 gap: 40px; 8528 box-sizing: border-box; 8529 padding: 10px 0; 8530} 8531@media (max-width: 1080px) { 8532 .section_10 .content_container .content .aleso_articles_container { 8533 gap: 20px; 8534 } 8535} 8536@media (max-width: 550px) { 8537 .section_10 .content_container .content .aleso_articles_container { 8538 display: flex; 8539 flex-wrap: nowrap; 8540 overflow: auto; 8541 padding-bottom: 20px; 8542 } 8543} 8544@media (max-width: 550px) { 8545 .section_10 .content_container .content .aleso_articles_container .kraken_article_c
8545ontainer { 8546 width: 85vw; 8547 flex-shrink: 0; 8548 } 8549} 8550.section_10 .content_container .content .aleso_articles_container .kraken_article_container .image { 8551 aspect-ratio: 1.6; 8552} 8553.section_10 .content_container .content .aleso_articles_container .kraken_article_container .image img, 8554.section_10 .content_container .content .aleso_articles_container .kraken_article_container .image picture { 8555 width: 100%; 8556 height: 100%; 8557 object-fit: cover; 8558 object-position: center center; 8559} 8560.section_10 .content_container .content .aleso_articles_container .kraken_article_container h4 { 8561 font-family: "Helvetica"; 8562 font-size: 1.25rem; 8563 margin-bottom: 0; 8564} 8565.section_10 .content_container .content .aleso_articles_container .kraken_article_container p { 8566 color: #222; 8567} 8568.section_10 .content_container .content .aleso_articles_container .kraken_article_container p.date_posted { 8569 margin: 0; 8570 font-weight: 600; 8571 font-size: .9rem; 8572} 8573</style><style>.section_10 { 8574 --kraken-article-columns: 3; 8575 margin: 40px 0; 8576} 8577@media (max-width: 550px) { 8578 .section_10 { 8579 --kraken-article-columns: 1; 8580 } 8581} 8582.section_10 .content_container .content .above, 8583.section_10 .content_container .content .below { 8584 grid-column: 1 / -1; 8585 text-align: center; 8586} 8587.section_10 .content_container .content .above h2, 8588.section_10 .content_container .content .below h2 { 8589 font-size: 2rem; 8590 margin: 0; 8591} 8592@media (max-width: 810px) { 8593 .section_10 .content_container .content .above h2, 8594 .section_10 .content_container .content .below h2 { 8595 font-size: 1.5rem; 8596 } 8597} 8598.section_10 .content_container .content .aleso_articles_title { 8599 display: none; 8600} 8601.section_10 .content_container .content .aleso_articles_container { 8602 display: grid; 8603 grid-template-columns: repeat(var(--kraken-article-columns),1fr); 8604 gap: 40px; 8605 box-sizing: border-box; 8606 padding: 10px 0; 8607} 8608@media (max-width: 1080px) { 8609 .section_10 .content_container .content .aleso_articles_container { 8610 gap: 20px; 8611 } 8612} 8613@media (max-width: 550px) { 8614 .section_10 .content_container .content .aleso_articles_container { 8615 display: flex; 8616 flex-wrap: nowrap; 8617 overflow: auto; 8618 padding-bottom: 20px; 8619 } 8620} 8621@media (max-width: 550px) { 8622 .section_10 .content_container .content .aleso_articles_container .kraken_article_container { 8623 width: 85vw; 8624 flex-shrink: 0; 8625 } 8626} 8627.section_10 .content_container .content .aleso_articles_container .kraken_article_container .image { 8628 aspect-ratio: 1.6; 8629} 8630.section_10 .content_container .content .aleso_articles_container .kraken_article_container .image img, 8631.section_10 .content_container .content .aleso_articles_container .kraken_article_container .image picture { 8632 width: 100%; 8633 height: 100%; 8634 object-fit: cover; 8635 object-position: center center; 8636} 8637.section_10 .content_container .content .aleso_articles_container .kraken_article_container h4 { 8638 font-family: "Helvetica"; 8639 font-size: 1.25rem; 8640 margin-bottom: 0; 8641} 8642.section_10 .content_container .content .aleso_articles_container .kraken_article_container p { 8643 color: #222; 8644} 8645.section_10 .content_container .content .aleso_articles_container .kraken_article_container p.date_posted { 8646 margin: 0; 8647 font-weight: 600; 8648 font-size: .9rem; 8649} 8650</style> 8651<section class="section_10" data-module="kraken_articles" data-html="/custom/modules/kraken_articles/module.html" data-json="/custom/modules/kraken_articles/module.json" data-page="" data-full-path="/"> 8652 <div class="content_container"> 8653 <div class="content"> 8654 8655 <div class="kraken_articles_title"> 8656 <h2>Our Recent Articles</h2> 8657</div> 8658<div class="kraken_articles_container"> 8659 8660 <style>.section_10 .aleso_articles_container { 8661 display: grid; 8662 grid-template-columns: repeat(3,1fr); 8663 gap: 40px; 8664} 8665@media (max-width: 810px) { 8666 .section_10 .aleso_articles_container { 8667 grid-template-columns: repeat(2,1fr); 8668 } 8669} 8670@media (max-width: 550px) { 8671 .section_10 .aleso_articles_container { 8672 grid-template-columns: repeat(1,1fr); 8673 } 8674} 8675</style><h2 class="aleso_articles_title">Recent Articles</h2> 8676<div class="aleso_articles_container"> 8677<div class="kraken_article_container"> 8678 <div class="image">
8679 <picture><source srcset="/cache/sm-storage.aleso.ai_images_1776879531.d3dfd2a6.10182127135.md.webp" data-srcset="/cache/storage.aleso.ai_images_1776879531.d3dfd2a6.10182127135.md.webp" data-srcset-sm="/cache/sm-storage.aleso.ai_images_1776879531.d3dfd2a6.10182127135.md.webp" type="image/webp"><img alt="AV Dental Wellness Group" class="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" data-src="https://storage.aleso.ai//images/1776879531.d3dfd2a6.10182127135.md.jpg"></picture> 8680 </div> 8681 <div class="background_overlay"></div> 8682 <div class="text"> 8683 <div class="title"> 8684 <h4>What Is a CBCT Scan in Dentistry? Understanding 3D Imaging for Diagnostic Planning</h4> 8685 <p class="date_posted">October 2, 2026</p> 8686 </div> 8687 <p class="article_description">Learn how cone beam computed tomography (CBCT) revolutionizes dental diagnostics with three-dimensional imaging, providing detailed anatomical data for precise treatment planning. Unlike traditional X-rays, CBCT offers measurable distances and spatial relationships in all three planes, enhancing the accuracy of implant placements, complex extractions, and impacted tooth assessments. Experience the future of dental diagnostics with AV Dental Wellness Group.</p> 8688 <div class="link"> 8689 <a href="/articles/24465/cbct-scans-3d-dental-imaging-diagnostic-planning/" class="kraken_link" aria-label="More from this Article">More from this Article <i class="fas fa-chevron-right"></i></a> 8690 </div> 8691 </div> 8692</div><div class="kraken_article_container"> 8693 <div class="image"> 8694 <picture><source srcset="/cache/sm-storage.aleso.ai_images_1776957505.3533dbcc.10133671379.md.webp" data-srcset="/cache/storage.aleso.ai_images_1776957505.3533dbcc.10133671379.md.webp" data-srcset-sm="/cache/sm-storage.aleso.ai_images_1776957505.3533dbcc.10133671379.md.webp" type="image/webp"><img alt="AV Dental Wellness Group" class="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" data-src="https://storage.aleso.ai//images/1776957505.3533dbcc.10133671379.md.jpg"></picture> 8695 </div> 8696 <div class="background_overlay"></div> 8697 <div class="text"> 8698 <div class="title"> 8699 <h4>Understanding Your Dental Filling Options</h4> 8700 <p class="date_posted">September 4, 2026</p> 8701 </div> 8702 <p class="article_description">Choosing the right dental filling involves more than just repairing a cavity; itâs about selecting a solution that supports your long-term oral health. With options ranging from traditional amalgam fillings to modern composite resins, patients today have flexibility in their decisions based on factors like tooth location, budget, and lifestyle. This article explores the evolution of dental fillings, the differences between amalgam and composite resins, and key considerations for making an informed decision.</p> 8703 <div class="link"> 8704 <a href="/articles/23037/dental-filling-options-understanding-your-choice/" class="kraken_link" aria-label="More from this Article">More from this Article <i class="fas fa-chevron-right"></i></a> 8705 </div> 8706 </div> 8707</div><div class="kraken_article_container"> 8708 <div class="image"> 8709 <picture><source srcset="/cache/sm-storage.aleso.ai_images_1775668385.64f19f9c.10160005668.md.webp" data-srcset="/cache/storage.aleso.ai_images_1775668385.64f19f9c.10160005668.md.webp" data-srcset-sm="/cache/sm-storage.aleso.ai_images_1775668385.64f19f9c.10160005668.md.webp" type="image/webp"><img alt="AV Dental Wellness Group" class="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" data-src="https://storage.aleso.ai//images/1775668385.64f19f9c.10160005668.md.jpg"></picture> 8710 </div> 8711 <div class="background_overlay"></div> 8712 <div class="text"> 8713 <div class="title"> 8714 <h4>Professional Teeth Whitening Process: A Comprehensive Guide</h4> 8715 <p class="date_posted">August 28, 2026</p> 8716 </div> 8717 <p class="article_description">A bright, white smile is more than just cosmetic; it reflects confidence and self-care. Professional teeth whitening offers a safe, effective way to enhance appearance while maintaining oral health through personalized treatment plans using high-grade bleaching agents and advanced technology. Unlike at-home solutions, professional treatments provide long-term benef
8717its with minimal sensitivity and sustainable results through proper aftercare.</p> 8718 <div class="link"> 8719 <a href="/articles/23035/professional-teeth-whitening-process-comprehensive-guide/" class="kraken_link" aria-label="More from this Article">More from this Article <i class="fas fa-chevron-right"></i></a> 8720 </div> 8721 </div> 8722</div> 8723</div> 8724</div> 8725 8726 </div> 8727 <div class="sidebar" data-sidebar="false"> 8728 8729 </div> 8730 </div> 8731</section>
8731<script> 8732 javascript.prototype[get_id()] = function () { 8733 if(document.querySelectorAll('.section_10 .kraken_article_container').length < 3) { 8734 document.querySelector('.section_10').style.display = 'none'; 8735 } 8736 8737 if($('.kraken_articles_container')) { 8738 document.querySelectorAll('.section_10 .article_description').forEach(function(text, i) { 8739 let newText = text.innerHTML.slice(0, 200) + '...'; 8740 text.innerHTML = newText; 8741 }); 8742 8743 } 8744 } 8745</script>
8745 8746<style>.section_11 { 8747 --icon-height: 50px; 8748} 8749@media (max-width: 550px) { 8750 .section_11 { 8751 --icon-height: 40px; 8752 } 8753} 8754.section_11 .content_container .content .kraken_divider { 8755 width: min(100%,1200px); 8756 margin: 0 auto; 8757 display: flex; 8758 align-items: center; 8759 justify-content: center; 8760 position: relative; 8761 height: var(--icon-height); 8762} 8763.section_11 .content_container .content .kraken_divider .line { 8764 width: 100%; 8765 height: 2px; 8766 background: linear-gradient(to right,#121111,#deb284,#121111); 8767} 8768.section_11 .content_container .content .kraken_divider .logo_icon { 8769 position: absolute; 8770 background: #ffffff; 8771 padding: 0px 20px; 8772 box-sizing: border-box; 8773 height: var(--icon-height); 8774 border-left: 2px solid #deb284; 8775 border-right: 2px solid #deb284; 8776} 8777.section_11 .content_container .content .kraken_divider .logo_icon img, 8778.section_11 .content_container .content .kraken_divider .logo_icon picture { 8779 height: 100%; 8780 object-fit: cover; 8781} 8782</style><style>.section_11 { 8783 --icon-height: 50px; 8784} 8785@media (max-width: 550px) { 8786 .section_11 { 8787 --icon-height: 40px; 8788 } 8789} 8790.section_11 .content_container .content .kraken_divider { 8791 width: min(100%,1200px); 8792 margin: 0 auto; 8793 display: flex; 8794 align-items: center; 8795 justify-content: center; 8796 position: relative; 8797 height: var(--icon-height); 8798} 8799.section_11 .content_container .content .kraken_divider .line { 8800 width: 100%; 8801 height: 2px; 8802 background: linear-gradient(to right,#121111,#deb284,#121111); 8803} 8804.section_11 .content_container .content .kraken_divider .logo_icon { 8805 position: absolute; 8806 background: #ffffff; 8807 padding: 0px 20px; 8808 box-sizing: border-box; 8809 height: var(--icon-height); 8810 border-left: 2px solid #deb284; 8811 border-right: 2px solid #deb284; 8812} 8813.section_11 .content_container .content .kraken_divider .logo_icon img, 8814.section_11 .content_container .content .kraken_divider .logo_icon picture { 8815 height: 100%; 8816 object-fit: cover; 8817} 8818</style> 8819<section class="section_11" data-module="kraken_divider" data-html="/custom/modules/kraken_divider/module.html" data-json="/custom/modules/kraken_divider/module.json" data-page="" data-full-path="/"> 8820 <div class="content_container"> 8821 <div class="content"> 8822 8823 <div class="kraken_divider"> 8824 <div class="line"></div> 8825 <div class="logo_icon"> 8826 <picture><source srcset="/cache/custom_images_logoicon.webp" data-srcset="/cache/custom_images_logoicon.webp 382w" sizes="382px" data-lazy-picture="false" type="image/webp"><img alt="The image shows a logo with the letters A and T in stylized font, set against a background that includes a splash of water droplets and a graphic element resembling a paint palette." class="" src="/custom/images/logoicon.png" data-lazy-img="false" data-src="/custom/images/logoicon.png"></picture> 8827 </div> 8828</div> 8829 8830 </div> 8831 <div class="sidebar" data-sidebar="false"> 8832 8833 </div> 8834 </div> 8835</section><style>.section_12 { 8836 --kraken-split-shape-width: 225px; 8837 --kraken-split-shape-height: 125px; 8838 --kraken-split-height: auto; 8839 --kraken-split-image-overlay: rgba(0,0,0,0.8); 8840 --kraken-split-image-max-height: 100%; 8841 height: var(--kraken-split-height); 8842 padding: 40px 0; 8843} 8844@media (max-width: 1080px) { 8845 .section_12 { 8846 --kraken-split-shape-width: 170px; 8847 --kraken-split-shape-height: 85px; 8848 } 8849} 8850@media (max-width: 550px) { 8851 .section_12 { 8852 --kraken-split-shape-width: 120px; 8853 --kraken-split-shape-height: 65px; 8854 } 8855} 8856.section_12 .content_container .content .container_corner { 8857 position: absolute; 8858 z-index: 999; 8859 width: var(--kraken-split-shape-width); 8860 height: var(--kraken-split-shape-height); 8861} 8862.section_12 .content_container .content .container_corner.topleft { 8863 top: 0; 8864 left: 0; 8865 transform: rotate(180deg); 8866} 8867.section_12 .content_container .content .container_corner.bottomright { 8868 bottom: 0; 8869 right: 0; 8870} 8871.section_12 .content_container .content .container_corner.bottomleft { 8872 bottom: 0; 8873 left: 0; 8874 transform: scaleX(-1); 8875} 8876.section_12 .content_container .content .container_corner.topright { 8877 top: 0; 8878 right: 0; 8879 transform: scaleX(-1) rotate(180deg); 8880}
8881.section_12 .content_container .content .container_corner img, 8882.section_12 .content_container .content .container_corner picture, 8883.section_12 .content_container .content .container_corner svg { 8884 width: 100%; 8885 height: 100%; 8886 display: block; 8887} 8888.section_12 .content_container .content .container_corner svg { 8889 fill: #ffffff; 8890} 8891.section_12 .content_container .content .background_image { 8892 position: absolute; 8893 top: 0; 8894 left: 0; 8895 width: 100%; 8896 height: 100%; 8897 z-index: -2; 8898} 8899.section_12 .content_container .content .background_image .background_overlay { 8900 position: absolute; 8901 top: 0; 8902 left: 0; 8903 width: 100%; 8904 height: 100%; 8905 background: linear-gradient(to bottom,rgba(0,0,0,0),var(--kraken-split-image-overlay)); 8906 display: block; 8907} 8908.section_12 .content_container .content .background_image img, 8909.section_12 .content_container .content .background_image picture { 8910 width: 100%; 8911 height: 100%; 8912 object-fit: cover; 8913 object-position: center center; 8914} 8915.section_12 .content_container .content .kraken_split { 8916 display: flex; 8917 gap: 100px; 8918 height: 100%; 8919 align-items: center; 8920} 8921@media (max-width: 1080px) { 8922 .section_12 .content_container .content .kraken_split { 8923 gap: 50px; 8924 } 8925} 8926@media (max-width: 810px) { 8927 .section_12 .content_container .content .kraken_split { 8928 flex-direction: column; 8929 gap: 0; 8930 } 8931} 8932.section_12 .content_container .content .kraken_split.right .image_container { 8933 order: 3; 8934} 8935@media (max-width: 810px) { 8936 .section_12 .content_container .content .kraken_split.right .image_container { 8937 order: initial; 8938 } 8939} 8940.section_12 .content_container .content .kraken_split .text_container { 8941 display: flex; 8942 flex-direction: column; 8943 align-items: flex-start; 8944 justify-content: center; 8945 flex-basis: 50%; 8946 padding: 40px 0; 8947 box-sizing: border-box; 8948} 8949.section_12 .content_container .content .kraken_split .text_container .title_container { 8950 border-left: 6px solid; 8951 border-image: linear-gradient(to top,#121111,#deb284) 1 100%; 8952 padding-left: 20px; 8953 box-sizing: border-box; 8954 margin-bottom: 20px; 8955} 8956@media (max-width: 1080px) { 8957 .section_12 .content_container .content .kraken_split .text_container .title_container { 8958 margin-bottom: 10px; 8959 padding-left: 10px; 8960 } 8961} 8962.section_12 .content_container .content .kraken_split .text_container .title_container h2, 8963.section_12 .content_container .content .kraken_split .text_container .title_container h4 { 8964 margin: 0; 8965} 8966.section_12 .content_container .content .kraken_split .text_container .title_container h4 { 8967 margin-bottom: 5px; 8968} 8969.section_12 .content_container .content .kraken_split .text_container .link_box { 8970 background: #121111; 8971 box-sizing: border-box; 8972 padding: 40px 30px; 8973 width: min(100%,500px); 8974} 8975.section_12 .content_container .content .kraken_split .text_container .link_box h3, 8976.section_12 .content_container .content .kraken_split .text_container .link_box p, 8977.section_12 .content_container .content .kraken_split .text_container .link_box a { 8978 color: #ffffff; 8979} 8980.section_12 .content_container .content .kraken_split .text_container .link_box h3 { 8981 margin-top: 0; 8982} 8983.section_12 .content_container .content .kraken_split .text_container .link_box a:hover { 8984 color: #deb284; 8985} 8986.section_12 .content_container .content .kraken_split .text_container .link_box .links { 8987 display: flex; 8988 gap: 15px; 8989 flex-wrap: wrap; 8990} 8991.section_12 .content_container .content .kraken_split .image_container { 8992 position: relative; 8993 flex-basis: 50%; 8994 height: min(100%,var(--kraken-split-image-max-height)); 8995} 8996@media (max-width: 810px) { 8997 .section_12 .content_container .content .kraken_split .image_container { 8998 width: min(100%,450px); 8999 aspect-ratio: 1.1428571428571; 9000 } 9001} 9002.section_12 .content_container .content .kraken_split .image_container img, 9003.section_12 .content_container .content .kraken_split .image_container picture { 9004 width: 100%; 9005 height: 100%; 9006 object-fit: cover; 9007 object-position: center center; 9008} 9009.section_12 .content_container .content .kraken_split .image_container .background_overlay { 9010 position: absolute; 9011 top: 0; 9012 left: 0; 9013 width: 100%; 9014 height: 100%; 9015 background: linear-gradient(to bottom,rgba(0,0,0,0),var(--kraken-split-image-overlay)); 9016 display: block; 9017} 9018.section_12 .content_container .content .kraken_split .image_container .caption_container { 9019 position: absolute; 9020 left: 0; 9021 bottom: 10%; 9022 background: #ffffff; 9023 width: min(90%,600px); 9024 box-sizing: border-box; 9025 padding-right: 10px; 9026 z-index: 2; 9027} 9028@media (max-width: 810px) { 9029 .section_12 .content_container .content .kraken_split .image_container .caption_container { 9030 background: none; 9031 width: 100%; 9032 padding: 10px 15px; 9033 bottom: 0; 9034 } 9035} 9036.section_12 .content_container .content .kraken_split .image_container .caption_container .caption { 9037 border-left: 4px solid; 9038 border-image: linear-gradient(to top,#121111,#deb284) 1 100%; 9039 padding-left: 20px; 9040 margin-left: 20px; 9041} 9042@media (max-width: 810px) { 9043 .section_12 .content_container .content .kraken_split .image_container .caption_container .caption { 9044 border: none; 9045 padding: 0; 9046 margin: 0; 9047 } 9048} 9049.section_12 .content_container .content .kraken_split .image_container .caption_container p { 9050 font-size: 1.5rem; 9051 font-weight: 500; 9052 font-family: "Helvetica"; 9053} 9054@media (max-width: 810px) { 9055 .section_12 .content_container .content .kraken_split .image_container .caption_container p { 9056 color: #ffffff; 9057 font-size: 1.25rem; 9058 text-align: center; 9059 } 9060} 9061.section_12 .content_container .content .kraken_split .image_container .corner { 9062 position: absolute; 9063 z-index: 999; 9064 width: var(--kraken-split-shape-width); 9065 height: var(--kraken-split-shape-height); 9066} 9067.section_12 .content_container .content .kraken_split .image_container .corner.topleft { 9068 top: 0; 9069 left: 0; 9070 transform: rotate(180deg); 9071} 9072.section_12 .content_container .content .kraken_split .image_container .corner.bottomright { 9073 bottom: 0; 9074 right: 0; 9075} 9076.section_12 .content_container .content .kraken_split .image_container .corner.bottomleft { 9077 bottom: 0; 9078 left: 0; 9079 transform: scaleX(-1); 9080} 9081.section_12 .content_container .content .kraken_split .image_container .corner.topright { 9082 top: 0; 9083 right: 0; 9084 transform: scaleX(-1) rotate(180deg); 9085} 9086.section_12 .content_container .content .kraken_split .image_container .corner img, 9087.section_12 .content_container .content .kraken_split .image_container .corner picture, 9088.section_12 .content_container .content .kraken_split .image_container .corner svg { 9089 width: 100%; 9090 height: 100%; 9091 display: block; 9092} 9093.section_12 .content_container .content .kraken_split .image_container .corner svg { 9094 fill: #ffffff; 9095} 9096</style><style>.section_12 { 9097 --kraken-split-shape-width: 225px; 9098 --kraken-split-shape-height: 125px; 9099 --kraken-split-height: auto; 9100 --kraken-split-image-overlay: rgba(0,0,0,0.9); 9101 --kraken-split-image-max-height: 100%; 9102 height: var(--kraken-split-height); 9103 padding: 40px 0; 9104} 9105@media (max-width: 1080px) { 9106 .section_12 { 9107 --kraken-split-shape-width: 170px; 9108 --kraken-split-shape-height: 85px; 9109 } 9110} 9111@media (max-width: 550px) { 9112 .section_12 { 9113 --kraken-split-shape-width: 120px; 9114 --kraken-split-shape-height: 65px; 9115 } 9116}
9117.section_12 .content_container .content .container_corner { 9118 position: absolute; 9119 z-index: 999; 9120 width: var(--kraken-split-shape-width); 9121 height: var(--kraken-split-shape-height); 9122} 9123.section_12 .content_container .content .container_corner.topleft { 9124 top: 0; 9125 left: 0; 9126 transform: rotate(180deg); 9127} 9128.section_12 .content_container .content .container_corner.bottomright { 9129 bottom: 0; 9130 right: 0; 9131} 9132.section_12 .content_container .content .container_corner.bottomleft { 9133 bottom: 0; 9134 left: 0; 9135 transform: scaleX(-1); 9136} 9137.section_12 .content_container .content .container_corner.topright { 9138 top: 0; 9139 right: 0; 9140 transform: scaleX(-1) rotate(180deg); 9141} 9142.section_12 .content_container .content .container_corner img, 9143.section_12 .content_container .content .container_corner picture, 9144.section_12 .content_container .content .container_corner svg { 9145 width: 100%; 9146 height: 100%; 9147 display: block; 9148} 9149.section_12 .content_container .content .container_corner svg { 9150 fill: #ffffff; 9151} 9152.section_12 .content_container .content .background_image { 9153 position: absolute; 9154 top: 0; 9155 left: 0; 9156 width: 100%; 9157 height: 100%; 9158 z-index: -2; 9159} 9160.section_12 .content_container .content .background_image .background_overlay { 9161 position: absolute; 9162 top: 0; 9163 left: 0; 9164 width: 100%; 9165 height: 100%; 9166 background: linear-gradient(to bottom,rgba(0,0,0,0),var(--kraken-split-image-overlay)); 9167 display: block; 9168} 9169.section_12 .content_container .content .background_image img, 9170.section_12 .content_container .content .background_image picture { 9171 width: 100%; 9172 height: 100%; 9173 object-fit: cover; 9174 object-position: center center; 9175} 9176.section_12 .content_container .content .kraken_split { 9177 display: flex; 9178 gap: 100px; 9179 height: 100%; 9180 align-items: center; 9181} 9182@media (max-width: 1080px) { 9183 .section_12 .content_container .content .kraken_split { 9184 gap: 50px; 9185 } 9186} 9187@media (max-width: 810px) { 9188 .section_12 .content_container .content .kraken_split { 9189 flex-direction: column; 9190 gap: 0; 9191 } 9192} 9193.section_12 .content_container .content .kraken_split.right .image_container { 9194 order: 3; 9195} 9196@media (max-width: 810px) { 9197 .section_12 .content_container .content .kraken_split.right .image_container { 9198 order: initial; 9199 } 9200} 9201.section_12 .content_container .content .kraken_split .text_container { 9202 display: flex; 9203 flex-direction: column; 9204 align-items: flex-start; 9205 justify-content: center; 9206 flex-basis: 50%; 9207 padding: 40px 0; 9208 box-sizing: border-box; 9209} 9210.section_12 .content_container .content .kraken_split .text_container .title_container { 9211 border-left: 6px solid; 9212 border-image: linear-gradient(to top,#121111,#deb284) 1 100%; 9213 padding-left: 20px; 9214 box-sizing: border-box; 9215 margin-bottom: 20px; 9216} 9217@media (max-width: 1080px) { 9218 .section_12 .content_container .content .kraken_split .text_container .title_container { 9219 margin-bottom: 10px; 9220 padding-left: 10px; 9221 } 9222} 9223.section_12 .content_container .content .kraken_split .text_container .title_container h2, 9224.section_12 .content_container .content .kraken_split .text_container .title_container h4 { 9225 margin: 0; 9226} 9227.section_12 .content_container .content .kraken_split .text_container .title_container h4 { 9228 margin-bottom: 5px; 9229} 9230.section_12 .content_container .content .kraken_split .text_container .link_box { 9231 background: #121111; 9232 box-sizing: border-box; 9233 padding: 40px 30px; 9234 width: min(100%,700px); 9235} 9236.section_12 .content_container .content .kraken_split .text_container .link_box h3, 9237.section_12 .content_container .content .kraken_split .text_container .link_box p, 9238.section_12 .content_container .content .kraken_split .text_container .link_box a { 9239 color: #ffffff; 9240} 9241.section_12 .content_container .content .kraken_split .text_container .link_box h3 { 9242 margin-top: 0; 9243} 9244.section_12 .content_container .content .kraken_split .text_container .link_box a:hover { 9245 color: #deb284; 9246} 9247.section_12 .content_container .content .kraken_split .text_container .link_box .links { 9248 display: flex; 9249 gap: 15px; 9250 flex-wrap: wrap; 9251} 9252.section_12 .content_container .content .kraken_split .image_container { 9253 position: relative; 9254 flex-basis: 50%; 9255 height: min(100%,var(--kraken-split-image-max-height)); 9256} 9257@media (max-width: 810px) { 9258 .section_12 .content_container .content .kraken_split .image_container { 9259 width: min(100%,450px); 9260 aspect-ratio: 1.1428571428571; 9261 } 9262} 9263.section_12 .content_container .content .kraken_split .image_container img, 9264.section_12 .content_container .content .kraken_split .image_container picture { 9265 width: 100%; 9266 height: 100%; 9267 object-fit: cover; 9268 object-position: center center; 9269} 9270.section_12 .content_container .content .kraken_split .image_container .background_overlay { 9271 position: absolute; 9272 top: 0; 9273 left: 0; 9274 width: 100%; 9275 height: 100%; 9276 background: linear-gradient(to bottom,rgba(0,0,0,0),var(--kraken-split-image-overlay)); 9277 display: block; 9278} 9279.section_12 .content_container .content .kraken_split .image_container .caption_container { 9280 position: absolute; 9281 left: 0; 9282 bottom: 10%; 9283 background: #ffffff; 9284 width: min(90%,600px); 9285 box-sizing: border-box; 9286 padding-right: 10px; 9287 z-index: 2; 9288} 9289@media (max-width: 810px) { 9290 .section_12 .content_container .content .kraken_split .image_container .caption_container { 9291 background: none; 9292 width: 100%; 9293 padding: 10px 15px; 9294 bottom: 0; 9295 } 9296} 9297.section_12 .content_container .content .kraken_split .image_container .caption_container .caption { 9298 border-left: 4px solid; 9299 border-image: linear-gradient(to top,#121111,#deb284) 1 100%; 9300 padding-left: 20px; 9301 margin-left: 20px; 9302} 9303@media (max-width: 810px) { 9304 .section_12 .content_container .content .kraken_split .image_container .caption_container .caption { 9305 border: none; 9306 padding: 0; 9307 margin: 0; 9308 } 9309} 9310.section_12 .content_container .content .kraken_split .image_container .caption_container p { 9311 font-size: 1.5rem; 9312 font-weight: 500; 9313 font-family: "Helvetica"; 9314} 9315@media (max-width: 810px) { 9316 .section_12 .content_container .content .kraken_split .image_container .caption_container p { 9317 color: #ffffff; 9318 font-size: 1.25rem; 9319 text-align: center; 9320 } 9321} 9322.section_12 .content_container .content .kraken_split .image_container .corner { 9323 position: absolute; 9324 z-index: 999; 9325 width: var(--kraken-split-shape-width); 9326 height: var(--kraken-split-shape-height); 9327} 9328.section_12 .content_container .content .kraken_split .image_container .corner.topleft { 9329 top: 0; 9330 left: 0; 9331 transform: rotate(180deg); 9332} 9333.section_12 .content_container .content .kraken_split .image_container .corner.bottomright { 9334 bottom: 0; 9335 right: 0; 9336} 9337.section_12 .content_container .content .kraken_split .image_container .corner.bottomleft { 9338 bottom: 0; 9339 left: 0; 9340 transform: scaleX(-1); 9341} 9342.section_12 .content_container .content .kraken_split .image_container .corner.topright { 9343 top: 0; 9344 right: 0; 9345 transform: scaleX(-1) rotate(180deg); 9346} 9347.section_12 .content_container .content .kraken_split .image_container .corner img, 9348.section_12 .content_container .content .kraken_split .image_container .corner picture, 9349.section_12 .content_container .content .kraken_split .image_container .corner svg { 9350 width: 100%; 9351 height: 100%; 9352 display: block; 9353} 9354.section_12 .content_container .content .kraken_split .image_container .corner svg { 9355 fill: #ffffff; 9356} 9357</style> 9358<section class="section_12" data-module="kraken_split" data-html="/custom/modules/kraken_split/module.html" data-json="/custom/modules/kraken_split/module4.json" data-page="" data-full-path="/"> 9359 <div class="content_container"> 9360 <div class="content"> 9361 9362 9363 9364<div class="kraken_split left"> 9365 <div class="image_container"> 9366 9367 <picture><source srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" data-srcset="/cache/sm-custom_images_kraken_split_implants.webp 420w, /cache/md-custom_images_kraken_split_implants.webp 640w, /cache/custom_images_kraken_split_implants.webp 1000w" sizes="(max-width: 420px) 100v
9367w, (max-width: 640px) 100vw, 1000px" data-lazy-picture="true" type="image/webp"><img alt="A young woman with curly hair, wearing a blue top, smiles broadly at the camera." class="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" data-lazy-img="true" data-src="/custom/images/kraken_split/implants.jpg"></picture> 9368 9369 <div class="corner bottomright"> 9370 <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 600 600" preserveaspectratio="none"><polygon points="0 600 600 0 600 600 0 600"></polygon></svg> 9371 </div> 9372 9373 9374 9375 9376 </div> 9377 <div class="text_container"> 9378 <div class="title_container"> 9379 9380 <h4 class="subtitle"> 9381 The Smart Choice 9382 </h4> 9383 9384 9385 <h2 class="title"> 9386 Restore Your Smile with Dental Implants 9387 </h2> 9388 9389 </div> 9390 <div class="text"> 9391 <p>Missing teeth can affect your appearance, confidence, and ability to eat or speak comfortably. Dental implants provide a natural-looking, long-lasting solution by replacing missing teeth with posts that act like real tooth roots. Once in place, implants support custom crowns, bridges, or dentures, restoring both function and beauty to your smile. Enjoy a complete, healthy smile for years to come.</p> 9392 </div> 9393 9394 <div class="link"> 9395 <a href="/services/implant-restorations/" class="kraken_link" aria-label="Learn About Implant Restorations">Learn About Implant Restorations <i class="fas fa-chevron-right"></i></a> 9396 </div> 9397 9398 </div> 9399</div> 9400 9401 </div> 9402 <div class="sidebar" data-sidebar="false"> 9403 9404 </div> 9405 </div> 9406</section><style>.section_13 { 9407 --icon-height: 50px; 9408} 9409@media (max-width: 550px) { 9410 .section_13 { 9411 --icon-height: 40px; 9412 } 9413} 9414.section_13 .content_container .content .kraken_divider { 9415 width: min(100%,1200px); 9416 margin: 0 auto; 9417 display: flex; 9418 align-items: center; 9419 justify-content: center; 9420 position: relative; 9421 height: var(--icon-height); 9422} 9423.section_13 .content_container .content .kraken_divider .line { 9424 width: 100%; 9425 height: 2px; 9426 background: linear-gradient(to right,#121111,#deb284,#121111); 9427} 9428.section_13 .content_container .content .kraken_divider .logo_icon { 9429 position: absolute; 9430 background: #ffffff; 9431 padding: 0px 20px; 9432 box-sizing: border-box; 9433 height: var(--icon-height); 9434 border-left: 2px solid #deb284; 9435 border-right: 2px solid #deb284; 9436} 9437.section_13 .content_container .content .kraken_divider .logo_icon img, 9438.section_13 .content_container .content .kraken_divider .logo_icon picture { 9439 height: 100%; 9440 object-fit: cover; 9441} 9442</style><style>.section_13 { 9443 --icon-height: 50px; 9444} 9445@media (max-width: 550px) { 9446 .section_13 { 9447 --icon-height: 40px; 9448 } 9449} 9450.section_13 .content_container .content .kraken_divider { 9451 width: min(100%,1200px); 9452 margin: 0 auto; 9453 display: flex; 9454 align-items: center; 9455 justify-content: center; 9456 position: relative; 9457 height: var(--icon-height); 9458} 9459.section_13 .content_container .content .kraken_divider .line { 9460 width: 100%; 9461 height: 2px; 9462 background: linear-gradient(to right,#121111,#deb284,#121111); 9463} 9464.section_13 .content_container .content .kraken_divider .logo_icon { 9465 position: absolute; 9466 background: #ffffff; 9467 padding: 0px 20px; 9468 box-sizing: border-box; 9469 height: var(--icon-height); 9470 border-left: 2px solid #deb284; 9471 border-right: 2px solid #deb284; 9472} 9473.section_13 .content_container .content .kraken_divider .logo_icon img, 9474.section_13 .content_container .content .kraken_divider .logo_icon picture { 9475 height: 100%; 9476 object-fit: cover; 9477} 9478</style> 9479<section class="section_13" data-module="kraken_divider" data-html="/custom/modules/kraken_divider/module.html" data-json="/custom/modules/kraken_divider/module.json" data-page="" data-full-path="/"> 9480 <div class="content_container"> 9481 <div class="content"> 9482 9483 <div class="kraken_divider"> 9484 <div class="line"></div> 9485 <div class="logo_icon"> 9486 <picture><source srcset="/cache/custom_images_logoicon.webp" data-srcset="/cache/custom_images_logoicon.webp 382w" sizes="382px" data-lazy-picture="false" type="image/webp"><img alt="The image shows a logo with the letters A and T in stylized font, set against a background that includes a splash of water droplets and a graphic element resembling a paint palette." class="" src="/custom/images/logoicon.png" data-lazy-img="false" data-src="/custom/images/logoicon.png"></picture> 9487 </div> 9488</div> 9489 9490 </div> 9491 <div class="sidebar" data-sidebar="false"> 9492 9493 </div> 9494 </div> 9495</section><style>.section_14 { 9496 --kraken-box-columns: 3; 9497 margin: 40px 0; 9498} 9499@media (max-width: 550px) { 9500 .section_14 { 9501 --kraken-box-columns: 1; 9502 } 9503} 9504.section_14 .content_container .content { 9505 display: grid; 9506 grid-template-columns: repeat(var(--kraken-box-columns),1fr); 9507 gap: 40px; 9508 box-sizing: border-box; 9509 padding: 10px 0; 9510} 9511@media (max-width: 1080px) { 9512 .section_14 .content_container .content { 9513 gap: 20px; 9514 } 9515} 9516@media (max-width: 550px) { 9517 .section_14 .content_container .content { 9518 gap: 40px; 9519 } 9520} 9521.section_14 .content_container .content .above, 9522.section_14 .content_container .content .below { 9523 grid-column: 1 / -1; 9524 text-align: center; 9525} 9526.section_14 .content_container .content .above h2, 9527.section_14 .content_container .content .below h2 { 9528 font-size: 2rem; 9529 margin: 0; 9530} 9531@media (max-width: 810px) { 9532 .section_14 .content_container .content .above h2, 9533 .section_14 .content_container .content .below h2 { 9534 font-size: 1.5rem; 9535 } 9536} 9537@media (max-width: 550px) { 9538 .section_14 .content_container .content .kraken_box .text_container { 9539 text-align: center; 9540 } 9541} 9542@media (max-width: 550px) { 9543 .section_14 .content_container .content .kraken_box .text_container .title h5 { 9544 margin: 5px 0 0 0; 9545 } 9546} 9547@media (max-width: 550px) { 9548 .section_14 .content_container .content .kraken_box .text_container .text p { 9549 margin: 5px 0; 9550 } 9551} 9552.section_14 .content_container .content .kraken_box .image img, 9553.section_14 .content_container .content .kraken_box .image picture { 9554 display: block; 9555 width: 100%; 9556 height: 100%; 9557 object-fit: cover; 9558 object-position: center center; 9559} 9560</style><style>.section_14 { 9561 --kraken-box-columns: 3; 9562 margin: 40px 0; 9563} 9564@media (max-width: 550px) { 9565 .section_14 { 9566 --kraken-box-columns: 1; 9567 } 9568} 9569.section_14 .content_container .content { 9570 display: grid; 9571 grid-template-columns: repeat(var(--kraken-box-columns),1fr); 9572 gap: 40px; 9573 box-sizing: border-box; 9574 padding: 10px 0; 9575} 9576@media (max-width: 1080px) { 9577 .section_14 .content_container .content { 9578 gap: 20px; 9579 } 9580} 9581@media (max-width: 550px) { 9582 .section_14 .content_container .content { 9583 gap: 40px; 9584 } 9585} 9586.section_14 .content_container .content .above, 9587.section_14 .content_container .content .below { 9588 grid-column: 1 / -1; 9589 text-align: center; 9590} 9591.section_14 .content_container .content .above h2, 9592.section_14 .content_container .content .below h2 { 9593 font-size: 2rem; 9594 margin: 0; 9595} 9596@media (max-width: 810px) { 9597 .section_14 .content_container .content .above h2, 9598 .section_14 .content_container .content .below h2 { 9599 font-size: 1.5rem; 9600 } 9601} 9602@media (max-width: 550px) { 9603 .section_14 .content_container .content .kraken_box .text_container { 9604 text-align: center; 9605 } 9606} 9607@media (max-width: 550px) { 9608 .section_14 .content_container .content .kraken_box .text_container .title h5 { 9609 margin: 5px 0 0 0; 9610 } 9611} 9612@media (max-width: 550px) { 9613 .section_14 .content_container .content .kraken_box .text_container .text p { 9614 margin: 5px 0; 9615 } 9616} 9617.section_14 .content_container .content .kraken_box .image img, 9618.section_14 .content_container .content .kraken_box .image picture { 9619 display: block; 9620 width: 100%; 9621 height: 100%; 9622 object-fit: cover; 9623 object-position: center center; 9624} 9625</style> 9626<section class="section_14" data-module="kraken_boxes" data-html="/custom/modules/kraken_boxes/module.html" data-json="/custom/modules/kraken_boxes/module.json" data-page="" data-full-path="/"> 9627 <div class="content_container"> 9628 <div class="content"> 9629 <div class="above"> 9630 <h2>Why Choose Us?</h2> 9631</div> 9632 <div class="kraken_box"> 9633 9634 <div class="image"> 9635 <picture><source srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" data-srcset="/cache/sm-custom_images_kraken_boxes_1.webp 420w, /cache/md-custom_images_kraken_boxes_1.webp 640w, /cache/custom_images_kraken_boxes_1.webp 800w" sizes="(max-width: 420px) 100v
9635w, (max-width: 640px) 100vw, 800px" data-lazy-picture="true" type="image/webp"><img alt="A woman with her eyes closed, holding her face with both hands, possibly experiencing pain or discomfort." class="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" data-lazy-img="true" data-src="/custom/images/kraken_boxes/1.jpg"></picture> 9636 </div> 9637 9638 <div class="text_container"> 9639 9640 <div class="title"> 9641 <h5>Emergency Dental Care</h5> 9642 </div> 9643 9644 9645 <div class="text"> 9646 <p>When dental issues strike, weâre here to provide immediate, professional care to relieve pain and safeguard your smile.</p> 9647 </div> 9648 9649 9650 <div class="link"> 9651 <a href="/services/emergency-treatment/" class="kraken_link" aria-label="Emergency Treatment">Emergency Treatment <i class="fas fa-chevron-right"></i></a> 9652 </div> 9653 9654 </div> 9655</div> 9656 9657 9658<div class="kraken_box"> 9659 9660 <div class="image"> 9661 <picture><source srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" data-srcset="/cache/sm-custom_images_kraken_boxes_2.webp 420w, /cache/md-custom_images_kraken_boxes_2.webp 640w, /cache/custom_images_kraken_boxes_2.webp 800w" sizes="(max-width: 420px) 100vw, (max-width: 640px) 100vw, 800px" data-lazy-picture="true" type="image/webp"><img alt="The image shows a person using a tablet screen displaying a 3D model of a human mouth with teeth, while they are wearing gloves and standing in front of a table with various dental equipment." class="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" data-lazy-img="true" data-src="/custom/images/kraken_boxes/2.jpg"></picture> 9662 </div> 9663 9664 <div class="text_container"> 9665 9666 <div class="title"> 9667 <h5>Innovation in Dentistry</h5> 9668 </div> 9669 9670 9671 <div class="text"> 9672 <p>Our office features state-of-the-art equipment to deliver accurate, efficient, and comfortable dental care.</p> 9673 </div> 9674 9675 9676 <div class="link"> 9677 <a href="/dental-technology/" class="kraken_link" aria-label="Dental Technology">Dental Technology <i class="fas fa-chevron-right"></i></a> 9678 </div> 9679 9680 </div> 9681</div> 9682 9683 9684<div class="kraken_box"> 9685 9686 <div class="image"> 9687 <picture><source srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" data-srcset="/cache/sm-custom_images_kraken_boxes_3.webp 420w, /cache/md-custom_images_kraken_boxes_3.webp 640w, /cache/custom_images_kraken_boxes_3.webp 800w" sizes="(max-width: 420px) 100vw, (max-width: 640px) 100vw, 800px" data-lazy-picture="true" type="image/webp"><img alt="The image shows a man holding a credit card with a smile on his face." class="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" data-lazy-img="true" data-src="/custom/images/kraken_boxes/3.jpg"></picture> 9688 </div> 9689 9690 <div class="text_container"> 9691 9692 <div class="title"> 9693 <h5>Payments Made Simple</h5> 9694 </div> 9695 9696 9697 <div class="text"> 9698 <p>Our team works with you to maximize coverage and simplify payment, so you can focus on your smile.</p> 9699 </div> 9700 9701 9702 <div class="link"> 9703 <a href="/dental-insurance-and-financing/" class="kraken_link" aria-label="See Our Payment Options">See Our Payment Options <i class="fas fa-chevron-right"></i></a> 9704 </div> 9705 9706 </div> 9707</div> 9708 9709 9710 9711 9712 </div> 9713 <div class="sidebar" data-sidebar="false"> 9714 9715 </div> 9716 </div> 9717</section><style>.section_15 { 9718 --kraken-split-shape-width: 450px; 9719 --kraken-split-shape-height: 175px; 9720 --kraken-split-height: auto; 9721 --kraken-split-image-overlay: rgba(0,0,0,0.6); 9722 height: var(--kraken-split-height); 9723 padding: 0; 9724 margin-top: 40px; 9725 background: #f8eee5; 9726} 9727@media (max-width: 1080px) { 9728 .section_15 { 9729 --kraken-split-shape-width: 170px; 9730 --kraken-split-shape-height: 85px; 9731 } 9732} 9733@media (max-width: 550px) { 9734 .section_15 { 9735 --kraken-split-shape-width: 120px; 9736 --kraken-split-shape-height: 65px; 9737 } 9738} 9739.section_15 .content_container { 9740 width: 100%; 9741 max-width: 100%; 9742 padding: 0; 9743} 9744@media (max-width: 810px) { 9745 .section_15 .content_container { 9746 padding: 0 40px 60px; 9747 } 9748} 9749@media (max-width: 550px) { 9750 .section_15 .content_container { 9751 padding: 0 20px 40px; 9752 } 9753} 9754.section_15 .content_container .content { 9755 height: 100%; 9756} 9757.section_15 .content_container .content .kraken_fullwidth_split { 9758 display: flex; 9759 gap: 0; 9760 height: 100%; 9761 align-items: center; 9762} 9763@media (max-width: 1080px) { 9764 .section_15 .content_container .content .kraken_fullwidth_split { 9765 gap: 50px; 9766 } 9767} 9768@media (max-width: 810px) { 9769 .section_15 .content_container .content .kraken_fullwidth_split { 9770 flex-direction: column; 9771 gap: 0; 9772 } 9773} 9774.section_15 .content_container .content .kraken_fullwidth_split.right .image_container { 9775 order: 3; 9776} 9777@media (max-width: 810px) { 9778 .section_15 .content_container .content .kraken_fullwidth_split.right .image_container { 9779 order: initial; 9780 } 9781} 9782.section_15 .content_container .content .kraken_fullwidth_split .text_container { 9783 display: flex; 9784 flex-direction: column; 9785 align-items: flex-end; 9786 justify-content: center; 9787 flex-basis: 50%; 9788 padding: 100px 0; 9789 box-sizing: border-box; 9790} 9791@media (max-width: 810px) { 9792 .section_15 .content_container .content .kraken_fullwidth_split .text_container { 9793 padding: 0; 9794 margin-top: 40px; 9795 } 9796} 9797.section_15 .content_container .content .kraken_fullwidth_split .text_container .text_wrapper { 9798 width: min(100%,calc(var(--kraken-container-width) / 2)); 9799 padding: 0 60px 0 40px; 9800 box-sizing: border-box; 9801} 9802@media (max-width: 810px) { 9803 .section_15 .content_container .content .kraken_fullwidth_split .text_container .text_wrapper { 9804 width: 100%; 9805 padding: 0; 9806 } 9807} 9808.section_15 .content_container .content .kraken_fullwidth_split .text_container .title_container { 9809 border-left: 6px solid; 9810 border-image: linear-gradient(to top,#121111,#deb284) 1 100%; 9811 padding-left: 20px; 9812 box-sizing: border-box; 9813 margin-bottom: 20px; 9814} 9815@media (max-width: 1080px) { 9816 .section_15 .content_container .content .kraken_fullwidth_split .text_container .title_container { 9817 margin-bottom: 10px; 9818 padding-left: 10px; 9819 } 9820} 9821.section_15 .content_container .content .kraken_fullwidth_split .text_container .title_container h2, 9822.section_15 .content_container .content .kraken_fullwidth_split .text_container .title_container h4 { 9823 margin: 0; 9824} 9825.section_15 .content_container .content .kraken_fullwidth_split .text_container .title_container h4 { 9826 margin-bottom: 5px; 9827} 9828.section_15 .content_container .content .kraken_fullwidth_split .text_container .link_box { 9829 background: #222; 9830 box-sizing: border-box; 9831 padding: 40px 30px; 9832 width: min(100%,500px); 9833} 9834.section_15 .content_container .content .kraken_fullwidth_split .text_container .link_box h3, 9835.section_15 .content_container .content .kraken_fullwidth_split .text_container .link_box p, 9836.section_15 .content_container .content .kraken_fullwidth_split .text_container .link_box a { 9837 color: #ffffff; 9838} 9839.section_15 .content_container .content .kraken_fullwidth_split .text_container .link_box h3 { 9840 margin-top: 0; 9841} 9842.section_15 .content_container .content .kraken_fullwidth_split .text_container .link_box a:hover {
9843 color: #deb284; 9844} 9845.section_15 .content_container .content .kraken_fullwidth_split .text_container .link_box .links { 9846 display: flex; 9847 gap: 15px; 9848 flex-wrap: wrap; 9849} 9850.section_15 .content_container .content .kraken_fullwidth_split .image_container { 9851 position: relative; 9852 flex-basis: 50%; 9853 width: 100%; 9854 height: 100%; 9855} 9856@media (max-width: 810px) { 9857 .section_15 .content_container .content .kraken_fullwidth_split .image_container { 9858 width: min(100%,650px); 9859 aspect-ratio: 1.5; 9860 } 9861} 9862.section_15 .content_container .content .kraken_fullwidth_split .image_container img, 9863.section_15 .content_container .content .kraken_fullwidth_split .image_container picture { 9864 width: 100%; 9865 height: 100%; 9866 object-fit: cover; 9867 object-position: center center; 9868 position: absolute; 9869 top: 0; 9870 left: 0; 9871} 9872.section_15 .content_container .content .kraken_fullwidth_split .image_container .background_overlay { 9873 position: absolute; 9874 top: 0; 9875 left: 0; 9876 width: 100%; 9877 height: 100%; 9878 background: var(--kraken-split-image-overlay); 9879 display: block; 9880} 9881.section_15 .content_container .content .kraken_fullwidth_split .image_container .caption_container { 9882 position: absolute; 9883 left: 0; 9884 bottom: 10%; 9885 background: #ffffff; 9886 width: min(90%,600px); 9887 box-sizing: border-box; 9888 padding-right: 10px; 9889 z-index: 2; 9890} 9891@media (max-width: 810px) { 9892 .section_15 .content_container .content .kraken_fullwidth_split .image_container .caption_container { 9893 background: none; 9894 width: 100%; 9895 padding: 10px 15px; 9896 bottom: 0; 9897 } 9898} 9899.section_15 .content_container .content .kraken_fullwidth_split .image_container .caption_container .caption { 9900 border-left: 4px solid; 9901 border-image: linear-gradient(to top,#121111,#deb284) 1 100%; 9902 padding-left: 20px; 9903 margin-left: 20px; 9904} 9905@media (max-width: 810px) { 9906 .section_15 .content_container .content .kraken_fullwidth_split .image_container .caption_container .caption { 9907 border: none; 9908 padding: 0; 9909 margin: 0; 9910 } 9911} 9912.section_15 .content_container .content .kraken_fullwidth_split .image_container .caption_container p { 9913 font-size: 1.5rem; 9914 font-weight: 500; 9915 font-family: "Helvetica"; 9916} 9917@media (max-width: 810px) { 9918 .section_15 .content_container .content .kraken_fullwidth_split .image_container .caption_container p { 9919 color: #ffffff; 9920 font-size: 1.25rem; 9921 text-align: center; 9922 } 9923} 9924.section_15 .content_container .content .kraken_fullwidth_split .image_container .corner { 9925 position: absolute; 9926 z-index: 999; 9927 width: var(--kraken-split-shape-width); 9928 height: var(--kraken-split-shape-height); 9929} 9930.section_15 .content_container .content .kraken_fullwidth_split .image_container .corner.topleft { 9931 top: 0; 9932 left: 0; 9933 transform: rotate(180deg); 9934} 9935.section_15 .content_container .content .kraken_fullwidth_split .image_container .corner.bottomright { 9936 bottom: 0; 9937 right: 0; 9938} 9939.section_15 .content_container .content .kraken_fullwidth_split .image_container .corner.bottomleft { 9940 bottom: 0; 9941 left: 0; 9942 transform: scaleX(-1); 9943} 9944.section_15 .content_container .content .kraken_fullwidth_split .image_container .corner.topright { 9945 top: 0; 9946 right: 0; 9947 transform: scaleX(-1) rotate(180deg); 9948} 9949.section_15 .content_container .content .kraken_fullwidth_split .image_container .corner img, 9950.section_15 .content_container .content .kraken_fullwidth_split .image_container .corner picture, 9951.section_15 .content_container .content .kraken_fullwidth_split .image_container .corner svg { 9952 width: 100%; 9953 height: 100%; 9954 display: block; 9955} 9956.section_15 .content_container .content .kraken_fullwidth_split .image_container .corner svg { 9957 fill: #f8eee5; 9958} 9959</style><style>.section_15 { 9960 --kraken-split-shape-width: 450px; 9961 --kraken-split-shape-height: 175px; 9962 --kraken-split-height: auto; 9963 --kraken-split-image-overlay: rgba(0,0,0,0); 9964 height: var(--kraken-split-height); 9965 padding: 0; 9966 margin-top: 40px; 9967 background: #f8eee5; 9968} 9969@media (max-width: 1080px) { 9970 .section_15 { 9971 --kraken-split-shape-width: 170px; 9972 --kraken-split-shape-height: 85px; 9973 } 9974} 9975@media (max-width: 550px) { 9976 .section_15 { 9977 --kraken-split-shape-width: 120px; 9978 --kraken-split-shape-height: 65px; 9979 } 9980} 9981.section_15 .content_container { 9982 width: 100%; 9983 max-width: 100%; 9984 padding: 0; 9985} 9986@media (max-width: 810px) { 9987 .section_15 .content_container { 9988 padding: 0 40px 60px; 9989 } 9990} 9991@media (max-width: 550px) { 9992 .section_15 .content_container { 9993 padding: 0 20px 40px; 9994 } 9995} 9996.section_15 .content_container .content { 9997 height: 100%; 9998} 9999.section_15 .content_container .content .kraken_fullwidth_split { 10000 display: flex; 10001 gap: 0; 10002 height: 100%; 10003 align-items: center; 10004} 10005@media (max-width: 1080px) { 10006 .section_15 .content_container .content .kraken_fullwidth_split { 10007 gap: 50px; 10008 } 10009} 10010@media (max-width: 810px) { 10011 .section_15 .content_container .content .kraken_fullwidth_split { 10012 flex-direction: column; 10013 gap: 0; 10014 } 10015} 10016.section_15 .content_container .content .kraken_fullwidth_split.right .image_container { 10017 order: 3; 10018} 10019@media (max-width: 810px) { 10020 .section_15 .content_container .content .kraken_fullwidth_split.right .image_container { 10021 order: initial; 10022 } 10023} 10024.section_15 .content_container .content .kraken_fullwidth_split .text_container { 10025 display: flex; 10026 flex-direction: column; 10027 align-items: flex-end; 10028 justify-content: center; 10029 flex-basis: 50%; 10030 padding: 100px 0; 10031 box-sizing: border-box; 10032} 10033@media (max-width: 810px) { 10034 .section_15 .content_container .content .kraken_fullwidth_split .text_container { 10035 padding: 0; 10036 margin-top: 40px; 10037 } 10038} 10039.section_15 .content_container .content .kraken_fullwidth_split .text_container .text_wrapper { 10040 width: min(100%,calc(var(--kraken-container-width) / 2)); 10041 padding: 0 60px 0 40px; 10042 box-sizing: border-box; 10043} 10044@media (max-width: 810px) { 10045 .section_15 .content_container .content .kraken_fullwidth_split .text_container .text_wrapper { 10046 width: 100%; 10047 padding: 0; 10048 } 10049} 10050.section_15 .content_container .content .kraken_fullwidth_split .text_container .title_container { 10051 border-left: 6px solid; 10052 border-image: linear-gradient(to top,#121111,#deb284) 1 100%; 10053 padding-left: 20px; 10054 box-sizing: border-box; 10055 margin-bottom: 20px; 10056} 10057@media (max-width: 1080px) { 10058 .section_15 .content_container .content .kraken_fullwidth_split .text_container .title_container { 10059 margin-bottom: 10px; 10060 padding-left: 10px; 10061 } 10062} 10063.section_15 .content_container .content .kraken_fullwidth_split .text_container .title_container h2, 10064.section_15 .content_container .content .kraken_fullwidth_split .text_container .title_container h4 { 10065 margin: 0; 10066} 10067.section_15 .content_container .content .kraken_fullwidth_split .text_container .title_container h4 { 10068 margin-bottom: 5px; 10069} 10070.section_15 .content_container .content .kraken_fullwidth_split .text_container .link_box { 10071 background: #222; 10072 box-sizing: border-box; 10073 padding: 40px 30px; 10074 width: min(100%,500px); 10075} 10076.section_15 .content_container .content .kraken_fullwidth_split .text_container .link_box h3, 10077.section_15 .content_container .content .kraken_fullwidth_split .text_container .link_box p, 10078.section_15 .content_container .content .kraken_fullwidth_split .text_container .link_box a { 10079 color: #ffffff; 10080} 10081.section_15 .content_container .content .kraken_fullwidth_split .text_container .link_box h3 { 10082 margin-top: 0; 10083} 10084.section_15 .content_container .content .kraken_fullwidth_split .text_container .link_box a:hover {
10085 color: #deb284; 10086} 10087.section_15 .content_container .content .kraken_fullwidth_split .text_container .link_box .links { 10088 display: flex; 10089 gap: 15px; 10090 flex-wrap: wrap; 10091} 10092.section_15 .content_container .content .kraken_fullwidth_split .image_container { 10093 position: relative; 10094 flex-basis: 50%; 10095 width: 100%; 10096 height: 100%; 10097} 10098@media (max-width: 810px) { 10099 .section_15 .content_container .content .kraken_fullwidth_split .image_container { 10100 width: min(100%,650px); 10101 aspect-ratio: 1.5; 10102 } 10103} 10104.section_15 .content_container .content .kraken_fullwidth_split .image_container img, 10105.section_15 .content_container .content .kraken_fullwidth_split .image_container picture { 10106 width: 100%; 10107 height: 100%; 10108 object-fit: cover; 10109 object-position: center center; 10110 position: absolute; 10111 top: 0; 10112 left: 0; 10113} 10114.section_15 .content_container .content .kraken_fullwidth_split .image_container .background_overlay { 10115 position: absolute; 10116 top: 0; 10117 left: 0; 10118 width: 100%; 10119 height: 100%; 10120 background: var(--kraken-split-image-overlay); 10121 display: block; 10122} 10123.section_15 .content_container .content .kraken_fullwidth_split .image_container .caption_container { 10124 position: absolute; 10125 left: 0; 10126 bottom: 10%; 10127 background: #ffffff; 10128 width: min(90%,600px); 10129 box-sizing: border-box; 10130 padding-right: 10px; 10131 z-index: 2; 10132} 10133@media (max-width: 810px) { 10134 .section_15 .content_container .content .kraken_fullwidth_split .image_container .caption_container { 10135 background: none; 10136 width: 100%; 10137 padding: 10px 15px; 10138 bottom: 0; 10139 } 10140} 10141.section_15 .content_container .content .kraken_fullwidth_split .image_container .caption_container .caption { 10142 border-left: 4px solid; 10143 border-image: linear-gradient(to top,#121111,#deb284) 1 100%; 10144 padding-left: 20px; 10145 margin-left: 20px; 10146} 10147@media (max-width: 810px) { 10148 .section_15 .content_container .content .kraken_fullwidth_split .image_container .caption_container .caption { 10149 border: none; 10150 padding: 0; 10151 margin: 0; 10152 } 10153} 10154.section_15 .content_container .content .kraken_fullwidth_split .image_container .caption_container p { 10155 font-size: 1.5rem; 10156 font-weight: 500; 10157 font-family: "Helvetica"; 10158} 10159@media (max-width: 810px) { 10160 .section_15 .content_container .content .kraken_fullwidth_split .image_container .caption_container p { 10161 color: #ffffff; 10162 font-size: 1.25rem; 10163 text-align: center; 10164 } 10165} 10166.section_15 .content_container .content .kraken_fullwidth_split .image_container .corner { 10167 position: absolute; 10168 z-index: 999; 10169 width: var(--kraken-split-shape-width); 10170 height: var(--kraken-split-shape-height); 10171} 10172.section_15 .content_container .content .kraken_fullwidth_split .image_container .corner.topleft { 10173 top: 0; 10174 left: 0; 10175 transform: rotate(180deg); 10176} 10177.section_15 .content_container .content .kraken_fullwidth_split .image_container .corner.bottomright { 10178 bottom: 0; 10179 right: 0; 10180} 10181.section_15 .content_container .content .kraken_fullwidth_split .image_container .corner.bottomleft { 10182 bottom: 0; 10183 left: 0; 10184 transform: scaleX(-1); 10185} 10186.section_15 .content_container .content .kraken_fullwidth_split .image_container .corner.topright { 10187 top: 0; 10188 right: 0; 10189 transform: scaleX(-1) rotate(180deg); 10190} 10191.section_15 .content_container .content .kraken_fullwidth_split .image_container .corner img, 10192.section_15 .content_container .content .kraken_fullwidth_split .image_container .corner picture, 10193.section_15 .content_container .content .kraken_fullwidth_split .image_container .corner svg { 10194 width: 100%; 10195 height: 100%; 10196 display: block; 10197} 10198.section_15 .content_container .content .kraken_fullwidth_split .image_container .corner svg { 10199 fill: #f8eee5; 10200} 10201</style> 10202<section class="section_15" data-module="kraken_fullwidth_split" data-html="/custom/modules/kraken_fullwidth_split/module.html" data-json="/custom/modules/kraken_fullwidth_split/module.json" data-page="" data-full-path="/"> 10203 <div class="content_container"> 10204 <div class="content"> 10205 10206 <div class="kraken_fullwidth_split right"> 10207 <div class="image_container"> 10208 10209 <picture><source srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" data-srcset="/cache/sm-custom_images_kraken_fullwidth_split_office2.webp 420w, /cache/md-custom_images_kraken_fullwidth_split_office2.webp 640w, /cache/custom_images_kraken_fullwidth_split_office2.webp 1000w" sizes="(max-width: 420px) 100v
10209w, (max-width: 640px) 100vw, 1000px" data-lazy-picture="true" type="image/webp"><img alt="The image shows an interior view of a room with framed photographs on the wall, a table with chairs, benches, a waiting area with a door leading to another space, and various decorative items." class="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" data-lazy-img="true" data-src="/custom/images/kraken_fullwidth_split/office2.jpg"></picture> 10210 10211 <div class="corner topleft"> 10212 <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 600 600" preserveaspectratio="none"><polygon points="0 600 600 0 600 600 0 600"></polygon></svg> 10213 </div> 10214 10215 10216 10217 <div class="background_overlay"></div> 10218 10219 </div> 10220 <div class="text_container"> 10221 <div class="text_wrapper"> 10222 <div class="title_container"> 10223 10224 10225 <h2 class="title"> 10226 Get in Touch 10227 </h2> 10228 10229 </div> 10230 <div class="text"> 10231 <p>At AV Dental Wellness Group, a healthy smile starts with a conversation. Whether youâre scheduling a routine cleaning or have questions about our treatments, our friendly team is here to help. We prioritize your comfort and make sure you feel welcome and informed every step of the way.</p> 10232 10233 <p>Reaching out is easy and designed to fit your schedule. Simply give us a call or complete our convenient online form, and we will get back to you promptly.</p> 10234 </div> 10235 10236 <div class="link"> 10237 <a href="/contact/" class="kraken_link" aria-label="Reach Out Today">Reach Out Today <i class="fas fa-chevron-right"></i></a> 10238 </div> 10239 10240 </div> 10241 </div> 10242</div> 10243 10244 </div> 10245 <div class="sidebar" data-sidebar="false"> 10246 10247 </div> 10248 </div> 10249</section><style>.section_16 { 10250 --kraken-split-shape-width: 225px; 10251 --kraken-split-shape-height: 125px; 10252 --kraken-split-height: auto; 10253 --kraken-split-image-overlay: rgba(0,0,0,0.8); 10254 --kraken-split-image-max-height: 100%; 10255 height: var(--kraken-split-height); 10256 padding: 80px 0; 10257 background: #121111; 10258} 10259@media (max-width: 1080px) { 10260 .section_16 { 10261 --kraken-split-shape-width: 170px; 10262 --kraken-split-shape-height: 85px; 10263 } 10264} 10265@media (max-width: 550px) { 10266 .section_16 { 10267 --kraken-split-shape-width: 120px; 10268 --kraken-split-shape-height: 65px; 10269 } 10270} 10271@media (max-width: 810px) { 10272 .section_16 { 10273 padding: 40px 0; 10274 } 10275} 10276.section_16 .content_container .content .container_corner { 10277 position: absolute; 10278 z-index: 999; 10279 width: var(--kraken-split-shape-width); 10280 height: var(--kraken-split-shape-height); 10281} 10282.section_16 .content_container .content .container_corner.topleft { 10283 top: 0; 10284 left: 0; 10285 transform: rotate(180deg); 10286} 10287.section_16 .content_container .content .container_corner.bottomright { 10288 bottom: 0; 10289 right: 0; 10290} 10291.section_16 .content_container .content .container_corner.bottomleft { 10292 bottom: 0; 10293 left: 0; 10294 transform: scaleX(-1); 10295} 10296.section_16 .content_container .content .container_corner.topright { 10297 top: 0; 10298 right: 0; 10299 transform: scaleX(-1) rotate(180deg); 10300} 10301.section_16 .content_container .content .container_corner img, 10302.section_16 .content_container .content .container_corner picture, 10303.section_16 .content_container .content .container_corner svg { 10304 width: 100%; 10305 height: 100%; 10306 display: block; 10307} 10308.section_16 .content_container .content .container_corner svg { 10309 fill: #ffffff; 10310} 10311.section_16 .content_container .content .background_image { 10312 position: absolute; 10313 top: 0; 10314 left: 0; 10315 width: 100%; 10316 height: 100%; 10317 z-index: -2; 10318} 10319.section_16 .content_container .content .background_image .background_overlay { 10320 position: absolute; 10321 top: 0; 10322 left: 0; 10323 width: 100%; 10324 height: 100%; 10325 background: linear-gradient(to bottom,rgba(0,0,0,0),var(--kraken-split-image-overlay)); 10326 display: block; 10327} 10328.section_16 .content_container .content .background_image img, 10329.section_16 .content_container .content .background_image picture { 10330 width: 100%; 10331 height: 100%; 10332 object-fit: cover; 10333 object-position: center center; 10334} 10335.section_16 .content_container .content .kraken_contact { 10336 display: flex; 10337 gap: 100px; 10338 height: 100%; 10339 align-items: center; 10340} 10341@media (max-width: 1080px) { 10342 .section_16 .content_container .content .kraken_contact { 10343 gap: 50px; 10344 } 10345} 10346@media (max-width: 810px) { 10347 .section_16 .content_container .content .kraken_contact { 10348 flex-direction: column; 10349 gap: 0; 10350 } 10351} 10352.section_16 .content_container .content .kraken_contact.right .form_container { 10353 order: 3; 10354} 10355@media (max-width: 810px) { 10356 .section_16 .content_container .content .kraken_contact.right .form_container { 10357 order: initial; 10358 } 10359} 10360.section_16 .content_container .content .kraken_contact .form_container { 10361 width: 100%; 10362} 10363.section_16 .content_container .content .kraken_contact .text_container { 10364 display: flex; 10365 flex-direction: column; 10366 align-items: flex-start; 10367 justify-content: center; 10368 flex-basis: 50%; 10369 padding: 40px 0; 10370 box-sizing: border-box; 10371 color: #ffffff; 10372} 10373@media (max-width: 810px) { 10374 .section_16 .content_container .content .kraken_contact .text_container { 10375 order: -1; 10376 } 10377} 10378.section_16 .content_container .content .kraken_contact .text_container .title_container { 10379 border-left: 6px solid; 10380 border-image: linear-gradient(to top,#121111,#deb284) 1 100%; 10381 padding-left: 20px; 10382 box-sizing: border-box; 10383 margin-bottom: 20px; 10384} 10385@media (max-width: 1080px) { 10386 .section_16 .content_container .content .kraken_contact .text_container .title_container { 10387 margin-bottom: 10px; 10388 padding-left: 10px; 10389 } 10390} 10391.section_16 .content_container .content .kraken_contact .text_container .title_container h2, 10392.section_16 .content_container .content .kraken_contact .text_container .title_container h4 { 10393 margin: 0; 10394 color: #ffffff; 10395} 10396.section_16 .content_container .content .kraken_contact .text_container .title_container h2 { 10397 font-size: 3rem; 10398 line-height: 1.25em; 10399 margin-bottom: 10px; 10400} 10401@media (max-width: 810px) { 10402 .section_16 .content_container .content .kraken_contact .text_container .title_container h2 { 10403 font-size: 2.25rem; 10404 } 10405} 10406@media (max-width: 550px) { 10407 .section_16 .content_container .content .kraken_contact .text_container .title_container h2 { 10408 font-size: 2rem; 10409 } 10410} 10411.section_16 .content_container .content .kraken_contact .text_container .title_container h4 { 10412 text-transform: none; 10413} 10414.section_16 .content_container .content .kraken_contact .form_container { 10415 position: relative; 10416 flex-basis: 50%; 10417} 10418</style><style>.section_16 { 10419 --kraken-split-shape-width: 225px; 10420 --kraken-split-shape-height: 125px; 10421 --kraken-split-height: auto; 10422 --kraken-split-image-overlay: rgba(0,0,0,0.8); 10423 --kraken-split-image-max-height: 100%; 10424 height: var(--kraken-split-height); 10425 padding: 80px 0; 10426 background-color: #121111; 10427} 10428@media (max-width: 1080px) { 10429 .section_16 { 10430 --kraken-split-shape-width: 170px; 10431 --kraken-split-shape-height: 85px; 10432 } 10433} 10434@media (max-width: 550px) { 10435 .section_16 { 10436 --kraken-split-shape-width: 120px; 10437 --kraken-split-shape-height: 65px; 10438 } 10439} 10440@media (max-width: 810px) { 10441 .section_16 { 10442 padding: 40px 0; 10443 } 10444}
10445.section_16 .content_container .content .container_corner { 10446 position: absolute; 10447 z-index: 999; 10448 width: var(--kraken-split-shape-width); 10449 height: var(--kraken-split-shape-height); 10450} 10451.section_16 .content_container .content .container_corner.topleft { 10452 top: 0; 10453 left: 0; 10454 transform: rotate(180deg); 10455} 10456.section_16 .content_container .content .container_corner.bottomright { 10457 bottom: 0; 10458 right: 0; 10459} 10460.section_16 .content_container .content .container_corner.bottomleft { 10461 bottom: 0; 10462 left: 0; 10463 transform: scaleX(-1); 10464} 10465.section_16 .content_container .content .container_corner.topright { 10466 top: 0; 10467 right: 0; 10468 transform: scaleX(-1) rotate(180deg); 10469} 10470.section_16 .content_container .content .container_corner img, 10471.section_16 .content_container .content .container_corner picture, 10472.section_16 .content_container .content .container_corner svg { 10473 width: 100%; 10474 height: 100%; 10475 display: block; 10476} 10477.section_16 .content_container .content .container_corner svg { 10478 fill: #ffffff; 10479} 10480.section_16 .content_container .content .background_image { 10481 position: absolute; 10482 top: 0; 10483 left: 0; 10484 width: 100%; 10485 height: 100%; 10486 z-index: -2; 10487} 10488.section_16 .content_container .content .background_image .background_overlay { 10489 position: absolute; 10490 top: 0; 10491 left: 0; 10492 width: 100%; 10493 height: 100%; 10494 background: linear-gradient(to bottom,rgba(0,0,0,0),var(--kraken-split-image-overlay)); 10495 display: block; 10496} 10497.section_16 .content_container .content .background_image img, 10498.section_16 .content_container .content .background_image picture { 10499 width: 100%; 10500 height: 100%; 10501 object-fit: cover; 10502 object-position: center center; 10503} 10504.section_16 .content_container .content .kraken_contact { 10505 display: flex; 10506 gap: 100px; 10507 height: 100%; 10508 align-items: center; 10509} 10510@media (max-width: 1080px) { 10511 .section_16 .content_container .content .kraken_contact { 10512 gap: 50px; 10513 } 10514} 10515@media (max-width: 810px) { 10516 .section_16 .content_container .content .kraken_contact { 10517 flex-direction: column; 10518 gap: 0; 10519 } 10520} 10521.section_16 .content_container .content .kraken_contact.right .form_container { 10522 order: 3; 10523} 10524@media (max-width: 810px) { 10525 .section_16 .content_container .content .kraken_contact.right .form_container { 10526 order: initial; 10527 } 10528} 10529.section_16 .content_container .content .kraken_contact .form_container { 10530 width: 100%; 10531} 10532.section_16 .content_container .content .kraken_contact .text_container { 10533 display: flex; 10534 flex-direction: column; 10535 align-items: flex-start; 10536 justify-content: center; 10537 flex-basis: 50%; 10538 padding: 40px 0; 10539 box-sizing: border-box; 10540 color: #ffffff; 10541} 10542@media (max-width: 810px) { 10543 .section_16 .content_container .content .kraken_contact .text_container { 10544 order: -1; 10545 } 10546} 10547.section_16 .content_container .content .kraken_contact .text_container .title_container { 10548 border-left: 6px solid; 10549 border-image: linear-gradient(to top,#121111,#deb284) 1 100%; 10550 padding-left: 20px; 10551 box-sizing: border-box; 10552 margin-bottom: 20px; 10553} 10554@media (max-width: 1080px) { 10555 .section_16 .content_container .content .kraken_contact .text_container .title_container { 10556 margin-bottom: 10px; 10557 padding-left: 10px; 10558 } 10559} 10560.section_16 .content_container .content .kraken_contact .text_container .title_container h2, 10561.section_16 .content_container .content .kraken_contact .text_container .title_container h4 { 10562 margin: 0; 10563 color: #ffffff; 10564} 10565.section_16 .content_container .content .kraken_contact .text_container .title_container h2 { 10566 font-size: 3rem; 10567 line-height: 1.25em; 10568 margin-bottom: 10px; 10569} 10570@media (max-width: 810px) { 10571 .section_16 .content_container .content .kraken_contact .text_container .title_container h2 { 10572 font-size: 2.25rem; 10573 } 10574} 10575@media (max-width: 550px) { 10576 .section_16 .content_container .content .kraken_contact .text_container .title_container h2 { 10577 font-size: 2rem; 10578 } 10579} 10580.section_16 .content_container .content .kraken_contact .text_container .title_container h4 { 10581 text-transform: none; 10582} 10583.section_16 .content_container .content .kraken_contact .form_container { 10584 position: relative; 10585 flex-basis: 50%; 10586} 10587</style> 10588<section class="section_16" data-module="kraken_contact" data-html="/custom/modules/kraken_contact/module.html" data-json="/custom/modules/kraken_contact/module.json" data-page="" data-full-path="/"> 10589 <div class="content_container"> 10590 <div class="content"> 10591 10592 10593
10594 <div class="container_corner bottomright"> 10595 <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 600 600" preserveaspectratio="none"><polygon points="0 600 600 0 600 600 0 600"></polygon></svg> 10596 </div> 10597 10598<div class="kraken_contact right"> 10599 <div class="form_container"> 10600 <form data-submission-url="/system/processors/forms/standard_form_email/processor.php" data-db-only="OTk0ODM3::cVJJUmEyNGVCWURTWTJvcjNNQ1Z1dz09" data-append-location="" data-ad-grouping="" data-recaptcha-site-key="" data-recaptcha-secret-key="NTU0MzQy::VFhMcU1OUy9FNk0rcllhMFVkYzlxQT09" data-recaptcha-processor="" data-recipients="ODUxNDY1::UE5VbEpqQkt5OEorWVh0WTBWblRYd1MvRDBqZzYwblJMbGZ4U0NZV1MwWT0=" data-cc="MzQzMDY1::TXhPWVJpODhUVTJkTlFpcU4rY3RIZz09" data-ad-recipients="MzM5MTYy::M3VOTnJ5MmdwOWxtYnErNWJxVHRPZz09" data-action="" data-subject="NDM4MTIx::WlpCdWh1VVpWcXVjYjI2Wk9sR1RqQT09" data-dynamic="true" data-pdf="" data-type="custom" data-category="Contact" data-google-conversion="" data-facebook-conversion="" data-hipaa="NTM3MTk3::MC9sNXZ5eUtDL2xhVTVNb05KMG1iUT09" data-reply-to="ODAwOTAw::S25MVHdJUjdEMExuN0RHTXZTR2hjZz09"><div class="form-text" data-for="first"><label for="first"></label><input name="first" mcp-property="" id="first" data-email-label="" data-type="text" type="text" aria-label="input" placeholder="First Name" data-required="1" aria-required="true" data-readonly="" data-hidden="" value=""></div><div class="form-text" data-for="last"><label for="last"></label><input name="last" mcp-property="" id="last" data-email-label="" data-type="text" type="text" aria-label="input" placeholder="Last Name" data-required="1" aria-required="true" data-readonly="" data-hidden="" value=""></div><div class="form-email"><label for="email"></label><input name="email" mcp-property="" id="email" data-email-label="" data-type="email" type="email" aria-label="input" placeholder="Email" data-required="1" aria-required="true" data-readonly="" data-hidden=""></div><div class="form-text" data-for="phone"><label for="phone"></label><input name="phone" mcp-property="" id="phone" data-email-label="" data-type="text" type="text" aria-label="input" placeholder="Phone Number" data-required="" aria-required="false" data-readonly="" data-hidden="" value=""></div><div class="form-textarea"><label for="textarea"></label><textarea name="textarea" mcp-property="" id="textarea" data-email-label="" data-type="textarea" type="textarea" aria-label="Message" placeholder="Message" data-required="" aria-required="false" data-readonly="" data-hidden=""></textarea></div><div class="form-checkbox"><fieldset data-email-label="" name="sms" mcp-property="" data-type="checkbox" type="checkbox" value=""><legend>SMS Consent</legend><div><div class="checkbox_container"><input id="sms_yes" name="sms_yes" data-required="" aria-required="false" data-type="checkbox" type="checkbox" value="By providing my phone number, I consent to receive SMS text messages from AV Dental Wellness Group for appointment reminders, marketing messages, and general two-way communication. Msg frequency varies. Msg&data rates may apply. Reply HELP for support. Reply STOP to opt out. Please check our <a href='/privacy-policy/'>privacy policy</a> and <a href='/terms-conditions/'>terms and conditions</a> for details" aria-label="input"><label for="sms_yes">By providing my phone number, I consent to receive SMS text messages from AV Dental Wellness Group for appointment reminders, marketing messages, and general two-way communication. Msg frequency varies. Msg&data rates may apply. Reply HELP for support. Reply STOP to opt out. Please check our <a href="/privacy-policy/" aria-label="privacy policy">privacy policy</a> and <a href="/terms-conditions/" aria-label="terms and conditions">terms and conditions</a> for details</label></div></div></fieldset></div><input data-type="submit" type="submit" aria-label="input" placeholder="Submit Request"><div data-type="submit" type="submit" class="submit_container"><div class="button submit" data-dynamic="true" placeholder="Submit Request" role="button"><span>Submit Request</span></div></div><section data-form-name="contact" data-type="system-lightbox-content"><div class="container"> 10601 <h3>Thank You!</h3> 10602 <p>We appreciate you taking the time to visit our site. We'll review your message and be in touch with you soon.</p> 10603 <div class="button" data-type="system-lightbox-close" role="button">Continue</div> 10604</div></section></form> 10605 </div> 10606 <div class="text_container"> 10607 <div class="title_container"> 10608 10609 <h2 class="title"> 10610 Request<br> Consultation 10611 </h2> 10612 10613 10614 <h4 class="subtitle"> 10615 We will answer your questions as soon as possible. 10616 </h4> 10617 10618 </div> 10619 <div class="text"> 10620 <p>Take the first step toward a healthier, more confident smile with Dr. Prabdeep Sekhon. Complete our simple online form, and our team will reach out to schedule a personalized consultation tailored to your needs.</p> 10621 </div> 10622 10623 <div class="image_container"> 10624 10625 10626 10627 10628 </div> 10629 10630 10631 </div> 10632</div> 10633 10634 </div> 10635 <div class="sidebar" data-sidebar="false"> 10636 10637 </div> 10638 </div> 10639</section><style>.section_17 { 10640 padding: 60px 0; 10641} 10642.section_17 .content_container .content .kraken_footer .logo_container { 10643 display: flex; 10644 justify-content: center; 10645 margin-bottom: 60px; 10646} 10647@media (max-width: 550px) { 10648 .section_17 .content_container .content .kraken_footer .logo_container { 10649 margin-bottom: 20px; 10650 } 10651} 10652@media (max-width: 810px) { 10653 .section_17 .content_container .content .kraken_footer .logo_container .logo { 10654 width: min(100%,300px); 10655 } 10656} 10657.section_17 .content_container .content .kraken_footer .title { 10658 text-align: center; 10659} 10660.section_17 .content_container .content .kraken_footer .columns { 10661 display: grid; 10662 grid-template-columns: repeat(3,1fr); 10663 gap: 100px; 10664 align-items: center; 10665} 10666@media (max-width: 810px) { 10667 .section_17 .content_container .content .kraken_footer .columns { 10668 gap: 40px; 10669 } 10670} 10671@media (max-width: 550px) { 10672 .section_17 .content_container .content .kraken_footer .columns { 10673 grid-template-columns: repeat(1,1fr); 10674 gap: 20px; 10675 } 10676} 10677.section_17 .content_container .content .kraken_footer .columns .left, 10678.section_17 .content_container .content .kraken_footer .columns .center, 10679.section_17 .content_container .content .kraken_footer .columns .right { 10680 text-align: center; 10681} 10682.section_17 .content_container .content .kraken_footer .columns .left h4, 10683.section_17 .content_container .content .kraken_footer .columns .center h4, 10684.section_17 .content_container .content .kraken_footer .columns .right h4 { 10685 color: #222; 10686 margin-top: 10px; 10687} 10688.section_17 .content_container .content .kraken_footer .columns .left a, 10689.section_17 .content_container .content .kraken_footer .columns .center a, 10690.section_17 .content_container .content .kraken_footer .columns .right a { 10691 font-size: 18px; 10692} 10693@media (max-width: 1080px) { 10694 .section_17 .content_container .content .kraken_footer .columns .left a, 10695 .section_17 .content_container .content .kraken_footer .columns .center a, 10696 .section_17 .content_container .content .kraken_footer .columns .right a { 10697 font-size: 16px; 10698 } 10699} 10700.section_17 .content_container .content .kraken_footer .columns .left div[data-micro-template="social_icons_container"], 10701.section_17 .content_container .content .kraken_footer .columns .center div[data-micro-template="social_icons_container"], 10702.section_17 .content_container .content .kraken_footer .columns .right div[data-micro-template="social_icons_container"] { 10703 justify-content: center; 10704} 10705.section_17 .content_container .content .kraken_footer .columns .left div[data-micro-template="social_icons_container"] a, 10706.section_17 .content_container .content .kraken_footer .columns .center div[data-micro-template="social_icons_container"] a, 10707.section_17 .content_container .content .kraken_footer .columns .right div[data-micro-template="social_icons_container"] a { 10708 font-size: 1.5rem; 10709} 10710@media (max-width: 1080px) { 10711 .section_17 .content_container .content .kraken_footer .columns .left div[data-micro-template="social_icons_container"] a, 10712 .section_17 .content_container .content .kraken_footer .columns .center div[data-micro-template="social_icons_container"] a, 10713 .section_17 .content_container .content .kraken_footer .columns .right div[data-micro-template="social_icons_container"] a { 10714 font-size: 1.25rem; 10715 } 10716} 10717.section_17 .content_container .content .kraken_footer .to_top_container { 10718 display: flex; 10719 flex-direction: column; 10720 align-items: center; 10721 justify-content: center; 10722 margin-top: 60px; 10723} 10724@media (max-width: 810px) { 10725 .section_17 .content_container .content .kraken_footer .to_top_container { 10726 margin-top: 30px; 10727 } 10728} 10729.section_17 .content_container .content .kraken_footer .to_top_container p { 10730 margin: 10px 0 0 0; 10731 text-transform: uppercase; 10732} 10733.section_17 .content_container .content .kraken_footer .to_top_container .to_top_button { 10734 cursor: pointer; 10735 background: #deb284; 10736 padding: 20px; 10737 box-sizing: border-box; 10738 font-size: 1.75rem; 10739 width: 60px; 10740 height: 60px; 10741 display: flex; 10742 justify-content: center; 10743 align-items: center; 10744 border: 1px solid #121111; 10745 color: #121111; 10746 transition: all 0.3s; 10747} 10748@media (max-width: 810px) { 10749 .section_17 .content_container .content .kraken_footer .to_top_container .to_top_button { 10750 width: 50px; 10751 height: 50px; 10752 font-size: 1.5rem; 10753 } 10754} 10755.section_17 .content_container .content .kraken_footer .to_top_container .to_top_button:hover { 10756 background: #121111; 10757 color: #ffffff; 10758} 10759.section_17 .content_container .content .kraken_footer .to_top_container .to_top_button:hover i, 10760.section_17 .content_container .content .kraken_footer .to_top_container .to_top_button:hover svg {
10761 color: #ffffff; 10762} 10763.section_17 .content_container .content .kraken_footer .to_top_container .to_top_button i, 10764.section_17 .content_container .content .kraken_footer .to_top_container .to_top_button svg { 10765 color: #121111; 10766 transition: all 0.3s; 10767} 10768</style><style>.section_17 { 10769 padding: 60px 0; 10770} 10771.section_17 .content_container .content .kraken_footer .logo_container { 10772 display: flex; 10773 justify-content: center; 10774 margin-bottom: 60px; 10775} 10776@media (max-width: 550px) { 10777 .section_17 .content_container .content .kraken_footer .logo_container { 10778 margin-bottom: 20px; 10779 } 10780} 10781.section_17 .content_container .content .kraken_footer .logo_container .logo { 10782 width: min(100%,350px); 10783} 10784@media (max-width: 810px) { 10785 .section_17 .content_container .content .kraken_footer .logo_container .logo { 10786 width: min(100%,300px); 10787 } 10788} 10789.section_17 .content_container .content .kraken_footer .title { 10790 text-align: center; 10791} 10792.section_17 .content_container .content .kraken_footer .columns { 10793 display: grid; 10794 grid-template-columns: repeat(3,1fr); 10795 gap: 100px; 10796 align-items: center; 10797} 10798@media (max-width: 810px) { 10799 .section_17 .content_container .content .kraken_footer .columns { 10800 gap: 40px; 10801 } 10802} 10803@media (max-width: 550px) { 10804 .section_17 .content_container .content .kraken_footer .columns { 10805 grid-template-columns: repeat(1,1fr); 10806 gap: 20px; 10807 } 10808} 10809.section_17 .content_container .content .kraken_footer .columns .left, 10810.section_17 .content_container .content .kraken_footer .columns .center, 10811.section_17 .content_container .content .kraken_footer .columns .right { 10812 text-align: center; 10813} 10814.section_17 .content_container .content .kraken_footer .columns .left h4, 10815.section_17 .content_container .content .kraken_footer .columns .center h4, 10816.section_17 .content_container .content .kraken_footer .columns .right h4 { 10817 color: #222; 10818 margin-top: 10px; 10819} 10820.section_17 .content_container .content .kraken_footer .columns .left a, 10821.section_17 .content_container .content .kraken_footer .columns .center a, 10822.section_17 .content_container .content .kraken_footer .columns .right a { 10823 font-size: 18px; 10824} 10825@media (max-width: 1080px) { 10826 .section_17 .content_container .content .kraken_footer .columns .left a, 10827 .section_17 .content_container .content .kraken_footer .columns .center a, 10828 .section_17 .content_container .content .kraken_footer .columns .right a { 10829 font-size: 16px; 10830 } 10831} 10832.section_17 .content_container .content .kraken_footer .columns .left div[data-micro-template="social_icons_container"], 10833.section_17 .content_container .content .kraken_footer .columns .center div[data-micro-template="social_icons_container"], 10834.section_17 .content_container .content .kraken_footer .columns .right div[data-micro-template="social_icons_container"] { 10835 justify-content: center; 10836} 10837.section_17 .content_container .content .kraken_footer .columns .left div[data-micro-template="social_icons_container"] a, 10838.section_17 .content_container .content .kraken_footer .columns .center div[data-micro-template="social_icons_container"] a, 10839.section_17 .content_container .content .kraken_footer .columns .right div[data-micro-template="social_icons_container"] a { 10840 font-size: 1.5rem; 10841} 10842@media (max-width: 1080px) { 10843 .section_17 .content_container .content .kraken_footer .columns .left div[data-micro-template="social_icons_container"] a, 10844 .section_17 .content_container .content .kraken_footer .columns .center div[data-micro-template="social_icons_container"] a, 10845 .section_17 .content_container .content .kraken_footer .columns .right div[data-micro-template="social_icons_container"] a { 10846 font-size: 1.25rem; 10847 } 10848} 10849.section_17 .content_container .content .kraken_footer .to_top_container { 10850 display: flex; 10851 flex-direction: column; 10852 align-items: center; 10853 justify-content: center; 10854 margin-top: 60px; 10855} 10856@media (max-width: 810px) { 10857 .section_17 .content_container .content .kraken_footer .to_top_container { 10858 margin-top: 30px; 10859 } 10860} 10861.section_17 .content_container .content .kraken_footer .to_top_container p { 10862 margin: 10px 0 0 0; 10863 text-transform: uppercase; 10864} 10865.section_17 .content_container .content .kraken_footer .to_top_container .to_top_button { 10866 cursor: pointer; 10867 background: #deb284; 10868 padding: 20px; 10869 box-sizing: border-box; 10870 font-size: 1.75rem; 10871 width: 60px; 10872 height: 60px; 10873 display: flex; 10874 justify-content: center; 10875 align-items: center; 10876 border: 1px solid #121111; 10877 color: #121111; 10878 transition: all 0.3s; 10879} 10880@media (max-width: 810px) { 10881 .section_17 .content_container .content .kraken_footer .to_top_container .to_top_button { 10882 width: 50px; 10883 height: 50px; 10884 font-size: 1.5rem; 10885 } 10886} 10887.section_17 .content_container .content .kraken_footer .to_top_container .to_top_button:hover { 10888 background: #121111; 10889 color: #ffffff; 10890} 10891.section_17 .content_container .content .kraken_footer .to_top_container .to_top_button:hover i, 10892.section_17 .content_container .content .kraken_footer .to_top_container .to_top_button:hover svg {
10893 color: #ffffff; 10894} 10895.section_17 .content_container .content .kraken_footer .to_top_container .to_top_button i, 10896.section_17 .content_container .content .kraken_footer .to_top_container .to_top_button svg { 10897 color: #ffffff; 10898 transition: all 0.3s; 10899} 10900</style> 10901<section class="section_17" data-module="kraken_footer" data-html="/custom/modules/kraken_footer/module.html" data-json="/custom/modules/kraken_footer/module.json" data-page="" data-full-path="/"> 10902 <div class="content_container"> 10903 <div class="content"> 10904 10905 <div class="kraken_footer"> 10906 <div class="logo_container"> 10907 <div class="logo"> 10908 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-lazy-img="true" data-src="/custom/images/logofooter.png" alt="The image displays a logo with the text 'Company Name' and below it, the phrase 'SUBTITLE HERE.' It features a stylized graphic resembling an abstract shape or explosion in shades of gold and black."> 10909 </div> 10910 </div> 10911 10912 10913 <div class="columns"> 10914 <div class="left"> 10915 10916 <div data-micro-template="social_icons_container"> 10917 <div data-micro-template="social_icons"> 10918 <a href="https://www.facebook.com/avdentalwellness" aria-label="link" rel="noopener" target="_blank"><i class="fab fa-facebook-f"></i></a> 10919</div><div data-micro-template="social_icons"> 10920 <a href="https://www.instagram.com/avdentalwellnessgroup/" aria-label="link" rel="noopener" target="_blank"><i class="fab fa-instagram"></i></a> 10921</div><div data-micro-template="social_icons"> 10922 <a href="https://.yelp.com/biz/av-dental-wellness-group-lancaster" aria-label="link" rel="noopener" target="_blank"><i class="fab fa-yelp"></i></a> 10923</div><div data-micro-template="social_icons"> 10924 <a href="https://maps.app.goo.gl/897LkCNXGzViAwFm9" aria-label="link" rel="noopener" target="_blank"><i class="fab fa-google"></i></a> 10925</div><div data-micro-template="social_icons"> 10926 <a href="/blog/" aria-label="link"><i class="fas fa-blog"></i></a> 10927</div> 10928</div> 10929 10930 10931 <h4>Connect with us</h4> 10932 10933 10934 </div> 10935 <div class="center"> 10936 10937 <a href="https://maps.app.goo.gl/897LkCNXGzViAwFm9" aria-label="151 East Ave. JLancaster, CA 93535" rel="noopener" target="_blank">151 East Ave. J<br>Lancaster, CA 93535</a> 10938 10939 10940 <h4>Our Location</h4> 10941 10942 </div> 10943 <div class="right"> 10944 10945 <div data-micro-template="phone_dynamic"> 10946 10947 <div class="tracking_number"><a href="tel:+16612197163" aria-label="New Patients: (661) 219-7163" class="tel_16612197163" data-click-call="0"><span class="phone_label">New Patients:</span> (661) 219-7163</a></div> 10948 <div class="existing_number"><a href="tel:+16619421179" aria-label="Existing Patients: (661) 942-1179" class="tel_16619421179" data-click-call="0"><span class="phone_label">Existing Patients:</span> (661) 942-1179</a></div> 10949 10950 10951</div> 10952 10953 10954 <h4>Call Us Today</h4> 10955 <p><a href="/services/emergency-treatment/" aria-label="Emergencies">
10955Emergencies</a> & Walk-Ins Welcome</p> 10956 10957 </div> 10958 </div> 10959 10960 10961 <div class="to_top_container"> 10962 <div class="to_top_button"> 10963 <i class="fas fa-chevron-up"></i> 10964 </div> 10965 10966 <p>Back to top</p> 10967 10968 </div> 10969 10970</div> 10971 10972 </div> 10973 <div class="sidebar" data-sidebar="false"> 10974 10975 </div> 10976 </div> 10977</section>
10977<script> 10978 javascript_deferred.prototype[get_deferred_id()] = function () { 10979 if(document.querySelector('.section_17 .to_top_button')) { 10980 document.querySelector('.section_17 .to_top_button').addEventListener('click', function(e) { 10981 document.body.scrollTop = 0; 10982 document.documentElement.scrollTop = 0; 10983 }) 10984 } 10985 } 10986</script>
10986<style>.section_18 { 10987 padding: 40px 40px; 10988} 10989.section_18 .content_container { 10990 max-width: 100%; 10991 justify-content: center; 10992 display: flex; 10993 margin-left: auto; 10994 margin-right: auto; 10995 box-sizing: border-box; 10996} 10997.section_18 .content_container .content { 10998 width: 100%; 10999} 11000.section_18 .content_container .content h2 { 11001 text-align: center; 11002} 11003.section_18 .content_container .content h3 { 11004 font-size: 1.5rem; 11005} 11006@media (max-width: 640px) { 11007 .section_18 { 11008 padding: 20px 20px; 11009 } 11010} 11011</style><style>.section_18 { 11012 background-color: #121111; 11013 padding: 0px; 11014 overflow: visible; 11015} 11016.section_18 .copyright { 11017 text-align: center; 11018 font-size: 0.75rem; 11019 color: #ffffff; 11020 padding: 30px 20px 20px; 11021 box-sizing: border-box; 11022 display: flex; 11023 width: min(100%,1300px); 11024 margin: 0 auto; 11025 margin-bottom: 0; 11026 align-items: center; 11027 gap: 0 20px; 11028} 11029@media (max-width: 550px) { 11030 .section_18 .copyright { 11031 flex-direction: column; 11032 } 11033} 11034.section_18 .copyright .copyright_container { 11035 display: flex; 11036 font-size: 1rem; 11037 gap: 0 10px; 11038 width: 100%; 11039 flex-wrap: wrap; 11040} 11041@media (max-width: 810px) { 11042 .section_18 .copyright .copyright_container { 11043 flex-direction: column; 11044 font-size: .9rem; 11045 } 11046} 11047@media (max-width: 550px) { 11048 .section_18 .copyright .copyright_container > div { 11049 margin: 5px 0; 11050 } 11051} 11052.section_18 .copyright .copyright_container > div:nth-of-type(2) { 11053 margin-left: auto; 11054} 11055@media (max-width: 550px) { 11056 .section_18 .copyright .copyright_container > div:nth-of-type(2) { 11057 margin-left: initial; 11058 } 11059} 11060.section_18 .copyright .copyright_container > div:last-of-type { 11061 text-align: center; 11062 flex-basis: 100%; 11063} 11064.section_18 .copyright .copyright_container a { 11065 color: #deb284; 11066} 11067.section_18 .copyright div:first-of-type { 11068 margin-bottom: 0px; 11069} 11070@media (max-width: 810px) { 11071 .section_18 .copyright div:first-of-type { 11072 text-align: right; 11073 } 11074} 11075@media (max-width: 550px) { 11076 .section_18 .copyright div:first-of-type { 11077 text-align: center; 11078 } 11079} 11080</style> 11081<section class="section_18" data-module="content" data-html="/custom/modules/copyright/module.html" data-json="" data-page="" data-full-path="/"> 11082 <div class="content_container"> 11083 <div class="content"> 11084 <div class="copyright"> 11085 <div class="copyright_container"><div> 11086 © 2026 AV Dental Wellness Group. All Rights Reserved. | <a href="/accessibility/" aria-label="Accessibility Policy">Accessibility Policy</a> | <a href="/privacy-policy/" aria-label="Privacy Policy">Privacy Policy</a> | <a href="/terms-conditions/" aria-label="Terms & Conditions">Terms & Conditions</a> 11087</div> 11088<div> 11089 <a href="https://doctorsinternet.com/dentistry/" aria-label="Dental Marketing" rel="noopener" target="_blank">Dental Marketing</a> 11090</div> 11091<div> 11092 Lancaster Dentist | <a href="/dentist-near-me/" aria-label="Dentist Near Me">Dentist Near Me</a> | Dental Services 93535 | <a href="/dentist-in-lancaster/" aria-label="Dentist in Lancaster">Dentist in Lancaster</a> | Emergency Dentist in Lancaster 11093</div></div> 11094</div> 11095 </div> 11096 </div> 11097</section><style>section { 11098 overflow: hidden; 11099} 11100.fade_in { 11101 opacity: 0; 11102} 11103.fade_in.animated { 11104 opacity: 1; 11105 transition: opacity 0.5s; 11106} 11107.slide_in_left { 11108 opacity: 0; 11109 transform: translateX(-50px); 11110} 11111.slide_in_left.animated { 11112 opacity: 1; 11113 transform: translateX(0); 11114 transition: opacity 0.5s, transform 0.5s; 11115} 11116.slide_in_right { 11117 opacity: 0; 11118 transform: translateX(50px); 11119} 11120.slide_in_right.animated { 11121 opacity: 1; 11122 transform: translateX(0); 11123 transition: opacity 0.5s, transform 0.5s; 11124} 11125.slide_in_bottom { 11126 opacity: 0; 11127 transform: translateY(50px); 11128} 11129.slide_in_bottom.animated { 11130 opacity: 1; 11131 transform: translateY(0); 11132 transition: opacity 0.5s, transform 0.5s; 11133} 11134.slide_in_top { 11135 opacity: 0; 11136 transform: translateY(-50px); 11137} 11138.slide_in_top.animated { 11139 opacity: 1; 11140 transform: translateY(0); 11141 transition: opacity 0.5s, transform 0.5s; 11142} 11143.scale_up { 11144 transform: scale(0.5); 11145 opacity: 0; 11146} 11147.scale_up.animated { 11148 opacity: 1; 11149 transform: scale(1); 11150 transition: transform 0.5s; 11151} 11152.sequential_animation.animated > *.animated { 11153 opacity: 1; 11154 transform: translate(0,0); 11155} 11156.sequential_animation.scale_up { 11157 opacity: 1; 11158 transform: none; 11159} 11160.sequential_animation.scale_up > * { 11161 opacity: 0; 11162 transform: scale(0.5); 11163 transition: transform 0.5s; 11164} 11165.sequential_animation.scale_up.animated > *.animated { 11166 opacity: 1; 11167 transform: scale(1); 11168} 11169.sequential_animation.slide_in_bottom { 11170 opacity: 1; 11171 transform: none; 11172} 11173.sequential_animation.slide_in_bottom > * { 11174 opacity: 0; 11175 transform: translateY(50px); 11176} 11177.sequential_animation.slide_in_bottom.animated > *.animated { 11178 opacity: 1; 11179 transform: translate(0,0); 11180 transition: opacity 0.5s, transform 0.5s; 11181} 11182.sequential_animation.slide_in_top { 11183 opacity: 1; 11184 transform: none; 11185} 11186.sequential_animation.slide_in_top > * { 11187 opacity: 0; 11188 transform: translateY(-50px); 11189} 11190.sequential_animation.slide_in_top.animated > *.animated { 11191 opacity: 1; 11192 transform: translate(0,0); 11193 transition: opacity 0.5s, transform 0.5s; 11194} 11195.sequential_animation.slide_in_left { 11196 opacity: 1; 11197 transform: none; 11198} 11199.sequential_animation.slide_in_left > * { 11200 opacity: 0; 11201 transform: translateX(-50px); 11202} 11203.sequential_animation.slide_in_left.animated > *.animated { 11204 opacity: 1; 11205 transform: translate(0,0); 11206 transition: opacity 0.5s, transform 0.5s; 11207} 11208.sequential_animation.slide_in_right { 11209 opacity: 1; 11210 transform: none; 11211} 11212.sequential_animation.slide_in_right > * { 11213 opacity: 0; 11214 transform: translateX(50px); 11215} 11216.sequential_animation.slide_in_right.animated > *.animated { 11217 opacity: 1; 11218 transform: translate(0,0); 11219 transition: opacity 0.5s, transform 0.5s; 11220} 11221.no_animation { 11222 opacity: 1 !important; 11223 transform: none !important; 11224} 11225</style>
11225<script> 11226 javascript.prototype[get_id()] = function() { 11227 let observer = new IntersectionObserver((entires, observer) => { 11228 entires.forEach((entry) => { 11229 if(entry.target.classList.contains('sequential_animation') && entry.isIntersecting) { 11230 entry.target.classList.add('animated'); 11231 var sequential = entry.target.children; 11232 Array.from(sequential).forEach(function(animated_element, i) { 11233 setTimeout(function() { 11234 animated_element.classList.add('animated'); 11235 }, 200 + (i * 100)); 11236 }); 11237 } 11238 else if(entry.isIntersecting) { 11239 entry.target.classList.add('animated'); 11240 } 11241 else { 11242 11243 } 11244 }) 11245 }, { 11246 rootMargin: '0px 0px -25% 0px', 11247 threshold: 0 11248 }); 11249 11250 document.querySelectorAll('.animate').forEach(function(el) { 11251 observer.observe(el); 11252 }) 11253 } 11254</script>
11254<style>section[data-type="system-lightbox-container"] *[data-origin=".section_5"] [data-action="lightbox_item"] .close-icon svg path { 11255 color: #000; 11256} 11257</style><style>body section[data-type="system-lightbox-container"].show { 11258 background: rgba(18,17,17,0.8); 11259} 11260body section[data-type="system-lightbox-container"].show section[data-form-name="contact"], 11261body section[data-type="system-lightbox-container"].show section[data-form-name="appointment"] { 11262 display: flex; 11263 align-items: center; 11264 justify-content: center; 11265 flex-basis: 100%; 11266} 11267body section[data-type="system-lightbox-container"].show section[data-form-name="contact"] .container, 11268body section[data-type="system-lightbox-container"].show section[data-form-name="appointment"] .container { 11269 padding: 20px; 11270 box-sizing: border-box; 11271} 11272body section[data-type="system-lightbox-container"].show section[data-form-name="contact"] .container h3, 11273body section[data-type="system-lightbox-container"].show section[data-form-name="contact"] .container p, 11274body section[data-type="system-lightbox-container"].show section[data-form-name="appointment"] .container h3, 11275body section[data-type="system-lightbox-container"].show section[data-form-name="appointment"] .container p { 11276 color: #fff; 11277} 11278</style> 11279 11280 <section data-type="system-lightbox-container"></section> 11281
11281<script src="/system/js/jquery-3.5.1.min.js"></script>
11281 11282
11282<script src="https://kit.fontawesome.com/10cd9403cd.js" async></script>
11282 11283
11283<script> 11284 var scroll_disabled = false; 11285 var extras_loaded = false; 11286 var form_button_lock = false; 11287 var click_lock = false; 11288 var _userway_config = { position: 5, color: "#053e67", language: "en", account: "72Ve6c8l9z" }; 11289 var timeout = false; 11290 var window_width = null; 11291 var window_height = null; 11292 var google_conversion = false; 11293 var facebook_conversion = false; 11294 var file_field_counter = 0; 11295 const api = 'https://referrals.di-api.com/'; 11296 var newSession = false; 11297 var newVisitor = false; 11298 let socket = null; 11299 const pageID = uuid(); 11300 11301 function gtag(arguments) { 11302 dataLayer.push(arguments); 11303 } 11304 11305 google_tracking = { 11306 gtag: function () { 11307 dataLayer.push(arguments); 11308 } 11309 }; 11310 11311 facebook_tracking = { 11312 fbq: function () { 11313 n.queue.push(arguments); 11314 } 11315 }; 11316 11317 function Socket(visitorId, sessionId, pageId) { 11318 const ws = "wss://socket.di-api.com/analytics" 11319 this.promise = new Promise((resolve, reject) => { 11320 this.visitorId = visitorId; 11321 this.sessionId = sessionId; 11322 this.pageId = pageId; 11323 this.connection = null; 11324 11325 this.attempts = 0; 11326 this.interval = 1000; 11327 this.has_reconnect = false; 11328 var multiplier = 1.25; 11329 11330 var connect = () => { 11331 this.connection = new WebSocket(`${ws}?visitor_id=${visitorId}&session_id=${sessionId}&page_id=${pageId}`); 11332 this.attempts++; 11333 11334 this.connection.onopen = (e) => { 11335 {/* console.log(this.connection); 11336 console.log(e); */} 11337 this.attempts = 0; 11338 this.interval = 1000; 11339 console.log('Connection established'); 11340 11341 resolve(1) 11342 } 11343 11344 this.connection.onclose = (e) => { 11345 console.log('Connection closed'); 11346 this.connection = null; 11347 11348 if (this.has_reconnect) { 11349 this.interval *= multiplier; 11350 setTimeout(function () { 11351 reconnect(); 11352 }, this.interval); 11353 } 11354 } 11355 11356 this.connection.onerror = (e) => { 11357 console.log('%cConnection error ', 'color: red; display: block; width: 100%;', e); 11358 this.connection.close(); 11359 resolve(-1) 11360 } 11361 11362 this.connection.onmessage = (e) => { 11363 if (e.data) { 11364 11365 } 11366 } 11367 } 11368 11369 var reconnect = () => { 11370 if (this.connection === null && this.id !== null) { 11371 console.log('Reconnecting...') 11372 connect(ws); 11373 return 1; 11374 } else { 11375 console.log('Needs to Reconnect...') 11376 return -1; 11377 } 11378 } 11379 11380 11381 if (this.id !== null) { 11382 connect() 11383 } 11384 }) 11385 } 11386 11387 Socket.prototype.kill = function () { 11388 if (this.connection !== null) { 11389 if (this.connection.readyState) { 11390 this.has_reconnect = false; 11391 this.connection.close(); 11392 return 1; 11393 } else { 11394 return -1; 11395 } 11396 } else { 11397 return -1; 11398 } 11399 } 11400 11401 Socket.prototype.get_state = function () { 11402 if (this.connection !== null) { 11403 return this.connection.readyState; 11404 } else { 11405 return null; 11406 } 11407 } 11408 11409 function get_visitor_id() { 11410 let visitorID = localStorage.getItem('visitorID'); 11411 if (!visitorID) { 11412 newVisitor = true; 11413 visitorID = uuid(); 11414 localStorage.setItem('visitorID', visitorID); 11415 } 11416 return visitorID; 11417 } 11418 11419 function get_session_id() { 11420 let sessionID = sessionStorage.getItem('sessionID'); 11421 if (!sessionID) { 11422 newSession = true; 11423 sessionID = uuid(); 11424 sessionStorage.setItem('sessionID', sessionID); 11425 } 11426 return sessionID; 11427 } 11428 11429 function get_tracking_permitted() { 11430 const consent = window.DiPrivacy.consent ?? null; 11431 if (consent === 'granted') { 11432 return 1; 11433 } else if (consent === 'denied') { 11434 return 0; 11435 } else { 11436 return null; 11437 } 11438 } 11439 11440 11441 function is_valid_interaction_type(type) { 11442 // Array of patterns (including static strings as patterns) 11443 const patterns = [ 11444 /^call$/, // Exact match of 'call' 11445 /^click$/, // Exact match of 'click' 11446 /^form_submission$/, // Exact match of 'form_submission' 11447 /^landing$/, // Exact match of 'landing' 11448 /^page$/, // Exact match of 'page' 11449 /^question_\d+$/, // Matches 'question_' followed by one or more digits 11450 /^tracking_permitted$/, // Exact match of 'tracking_permitted' 11451 ]; 11452 11453 // Iterate over the patterns and check if the type matches any of them 11454 for (let pattern of patterns) { 11455 if (pattern.test(type)) { 11456 return true; 11457 } 11458 } 11459 11460 return false; 11461 } 11462 11463 function track_submit(elem) { 11464 return new Promise((resolve, reject) => { 11465 11466 const visitorID = get_visitor_id(); 11467 const sessionID = get_session_id() 11468 11469 let aios_module = elem.closest('[data-mid]'); 11470 let aios_content = elem.closest('[data-cid]') 11471
11472 if (aios_module instanceof jQuery) { 11473 if (aios_module.length) { 11474 aios_module = aios_module[0] 11475 } else { 11476 aios_module = null; 11477 } 11478 } 11479 11480 if (aios_content instanceof jQuery) { 11481 if (aios_content.length) { 11482 aios_content = aios_content[0]; 11483 } else { 11484 aios_content = null; 11485 } 11486 } 11487 11488 11489 11490 let request = {}; 11491 request.action = 'page_interaction'; 11492 request.type = 'form_submission'; 11493 request.visitor_id = visitorID; 11494 request.session_id = sessionID; 11495 request.page_id = pageID; 11496 request.mid = (aios_module !== null) ? aios_module.getAttribute('data-mid') : null; 11497 request.cid = (aios_content !== null) ? aios_content.getAttribute('data-cid') : null; 11498 request.domain = window.location.hostname; 11499 request.page = window.location.pathname; 11500 request.href = null; 11501 request.source = (get_cookie('source') ? get_cookie('source') : null); 11502 request.campaign = (get_cookie('campaign') ? get_cookie('campaign') : null); 11503 request.location = (get_cookie('location') ? get_cookie('location') : null); 11504 request.category = (aios_content !== null) ? aios_content.getAttribute('data-category') : null; 11505 request.subcategory = (aios_content !== null) ? aios_content.getAttribute('data-subcategory') : null; 11506 request.referrer = document.referrer; 11507 request.tracking_permitted = get_tracking_permitted(); 11508 11509 if (get_tracking_permitted() === 1) { } 11510 else { 11511 request.visitor_id = null; 11512 if (document.referrer) { 11513 request.referrer = (new URL(document.referrer)).hostname || null; 11514 } 11515 } 11516 11517 11518 11519 // console.log(request) 11520 11521 let xhr = new XMLHttpRequest(); 11522 xhr.open('POST', api); 11523 xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 11524 xhr.onreadystatechange = function () { 11525 // console.log(xhr.readyState) 11526 if (xhr.readyState == 2) { 11527 resolve(true); 11528 } 11529 if (xhr.readyState == 4) { 11530 if (xhr.status == 200) { 11531 } else { 11532 } 11533 } 11534 } 11535 xhr.onerror = function () { 11536 reject(xhr.status); 11537 } 11538 xhr.send(encodeURI('action=' + JSON.stringify(request))); 11539 }); 11540 } 11541 11542 function track_click(elem) { 11543 return new Promise((resolve, reject) => { 11544 11545 const visitorID = get_visitor_id(); 11546 const sessionID = get_session_id() 11547 11548 let click_type = 'click'; 11549 let aios_module = elem.closest('[data-mid]'); 11550 let aios_content = elem.closest('[data-cid]') 11551 11552 if (aios_module instanceof jQuery) { 11553 if (aios_module.length) { 11554 aios_module = aios_module[0] 11555 } else { 11556 aios_module = null; 11557 } 11558 } 11559 11560 if (aios_content instanceof jQuery) { 11561 if (aios_content.length) { 11562 aios_content = aios_content[0]; 11563 } else { 11564 aios_content = null; 11565 } 11566 } 11567 11568 if (elem.hasAttribute('href')) { 11569 if (elem.getAttribute('href').indexOf('tel:') > -1) { 11570 click_type = 'call' 11571 } 11572 } 11573 11574 if (elem.tagName === 'BUTTON') { 11575 if (elem.hasAttribute('data-click-tracking-type') || elem.hasAttribute('data-event')) { 11576 const elem_type = elem.getAttribute('data-click-tracking-type') || elem.getAttribute('data-event'); 11577 if (elem_type === 'consent_accept' || elem_type === 'consent_reject') { 11578 click_type = 'tracking_permitted'; 11579 } else if (is_valid_interaction_type(elem_type)) { 11580 click_type = elem_type; 11581 } 11582 } 11583 } 11584 11585 if (elem.hasAttribute('data-click-tracking')) { 11586 if (elem.hasAttribute('data-click-tracking-type') || elem.hasAttribute('data-event')) { 11587 const elem_type = elem.getAttribute('data-click-tracking-type') || elem.getAttribute('data-event'); 11588 if (is_valid_interaction_type(elem_type)) { 11589 click_type = elem_type; 11590 } 11591 } 11592 } 11593 11594 let request = {}; 11595 request.action = 'page_interaction'; 11596 request.type = click_type; 11597 request.visitor_id = visitorID; 11598 request.session_id = sessionID; 11599 request.page_id = pageID; 11600 request.mid = (aios_module !== null) ? aios_module.getAttribute('data-mid') : null; 11601 request.cid = (aios_content !== null) ? aios_content.getAttribute('data-cid') : null; 11602 request.domain = window.location.hostname; 11603 request.page = window.location.pathname; 11604 request.href = elem.getAttribute('href'); 11605 request.source = (get_cookie('source') ? get_cookie('source') : null); 11606 request.campaign = (get_cookie('campaign') ? get_cookie('campaign') : null); 11607 request.location = (get_cookie('location') ? get_cookie('location') : null); 11608 request.category = (aios_content !== null) ? aios_content.getAttribute('data-category') : null; 11609 request.subcategory = (aios_content !== null) ? aios_content.getAttribute('data-subcategory') : null; 11610 request.referrer = document.referrer; 11611 request.tracking_permitted = get_tracking_permitted(); 11612 11613 if (get_tracking_permitted() === 1) { } 11614 else { 11615 request.visitor_id = null; 11616 if (document.referrer) { 11617 request.referrer = (new URL(document.referrer)).hostname || null; 11618 } 11619 } 11620 11621 console.log(request); 11622 11623 let xhr = new XMLHttpRequest(); 11624 xhr.open('POST', api); 11625 xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 11626 xhr.onreadystatechange = function () { 11627 // console.log(xhr.readyState) 11628 if (xhr.readyState == 2) { 11629 resolve(true); 11630 } 11631 if (xhr.readyState == 4) { 11632 if (xhr.status == 200) { 11633 } else { 11634 } 11635 } 11636 } 11637 xhr.onerror = function () { 11638 reject(xhr.status); 11639 } 11640 xhr.send(encodeURI('action=' + JSON.stringify(request))); 11641 }); 11642 } 11643 11644 function track_load() { 11645 return new Promise((resolve, reject) => { 11646 const visitorID = get_visitor_id(); 11647 const sessionID = get_session_id() 11648 {/* pageID = uuid(); */ } 11649 11650 let request = {}; 11651 request.action = 'page_interaction'; 11652 request.type = (newSession) ? 'landing' : 'page'; 11653 request.visitor_id = visitorID; 11654 request.session_id = sessionID; 11655 request.page_id = pageID; 11656 request.domain = window.location.hostname; 11657 request.page = window.location.pathname; 11658 request.source = (get_cookie('source') ? get_cookie('source') : null); 11659 request.campaign = (get_cookie('campaign') ? get_cookie('campaign') : null); 11660 request.location = (get_cookie('location') ? get_cookie('location') : null); 11661 request.referrer = document.referrer; 11662 request.tracking_permitted = get_tracking_permitted(); 11663 11664 if (get_tracking_permitted() === 1) { } 11665 else { 11666 request.visitor_id = null; 11667 if (document.referrer) { 11668 request.referrer = (new URL(document.referrer)).hostname || null; 11669 } 11670 } 11671 11672 let xhr = new XMLHttpRequest(); 11673 xhr.open('POST', api); 11674 xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 11675 xhr.onreadystatechange = function () { 11676 if (xhr.readyState == 2) { 11677 resolve(true); 11678 } 11679 if (xhr.readyState == 4) { 11680 if (xhr.status == 200) { 11681 } else { 11682 } 11683 } 11684 } 11685 xhr.onerror = function () { 11686 reject(xhr.status); 11687 } 11688 xhr.send(encodeURI('action=' + JSON.stringify(request))); 11689 }); 11690 } 11691 11692 function deferred_websocket() { 11693 return new Promise((resolve, reject) => { 11694 let visitorID = get_visitor_id(); 11695 const sessionID = get_session_id(); 11696 11697 if (get_tracking_permitted() !== 1) { 11698 visitorID = null; 11699 } 11700 11701 window.addEventListener('scroll', function () { 11702 if (socket === null) { 11703 socket = new Socket(visitorID, sessionID, pageID); 11704 resolve(true); 11705 } 11706 }); 11707 11708 window.addEventListener('mousemove', function () { 11709 if (socket === null) { 11710 socket = new Socket(visitorID, sessionID, pageID); 11711 resolve(true); 11712 } 11713 }); 11714 11715 window.addEventListener('click', function () { 11716 if (socket === null) { 11717 socket = new Socket(visitorID, sessionID, pageID); 11718 resolve(true); 11719 } 11720 }); 11721 }); 11722 } 11723 11724 function clone_lightbox(selected, dom, section, settings) { 11725 var counter = 0; 11726 clonedDom = dom.cloneNode(true); 11727 document.querySelector('section[data-type="system-lightbox-container"]').appendChild(clonedDom); 11728 document.querySelector('section[data-type="system-lightbox-container"] > [data-action="lightbox"]').setAttribute('data-origin', section); 11729 var lightboxItems = document.querySelectorAll('section[data-type="system-lightbox-container"] [data-action="lightbox_item"]'); 11730 lightboxItems[selected].classList.add('selected'); 11731 11732 var closeLightboxElement = document.createElement('div'); 11733 closeLightboxElement.classList.add('close-icon'); 11734 closeLightboxElement.innerHTML = ` 11735 <i class="fal fa-times-circle"> 11736 `; 11737 closeLightboxElement.addEventListener('click', function (e) { 11738 e.preventDefault(); 11739 close_lightbox(); 11740 }); 11741 11742 var nextLightboxElement = document.createElement('div'); 11743 nextLightboxElement.classList.add('next-icon'); 11744 nextLightboxElement.innerHTML = ` 11745 <i class="fal fa-chevron-circle-right"> 11746 `; 11747 11748 var prevLightboxElement = document.createElement('div'); 11749 prevLightboxElement.classList.add('prev-icon'); 11750 prevLightboxElement.innerHTML = ` 11751 <i class="fal fa-chevron-circle-left"> 11752 `; 11753 11754 lightboxItems[selected].appendChild(closeLightboxElement); 11755 lightboxItems[selected].appendChild(nextLightboxElement); 11756 lightboxItems[selected].appendChild(prevLightboxElement); 11757 11758 $('section[data-type="system-lightbox-container"] [data-action="lightbox_item"]').each(function () { 11759 $(this).attr('data-index', counter), 11760 counter++; 11761 }); 11762 11763 open_lightbox(); 11764 } 11765 11766 function open_lightbox() { 11767 $('section[data-type="system-lightbox-container"]').addClass('show'); 11768 setTimeout(function () { 11769 $('*[data-type="system-lightbox-close"]').click(close_lightbox); 11770 }, 400); 11771 11772 $('section[data-type="system-lightbox-container"] [data-lazy-picture="true"]').each(function () { 11773 var data_srcset = $(this).attr('data-srcset'); 11774 var srcset = $(this).attr('srcset'); 11775
11776 if (data_srcset !== '') { 11777 $(this).attr('srcset', data_srcset); 11778 } 11779 }); 11780 11781 $('section[data-type="system-lightbox-container"] [data-lazy-img="true"]').each(function () { 11782 var src = $(this).attr('data-src'); 11783 if (src) { 11784 $(this).attr('src', src); 11785 } 11786 }); 11787 } 11788 11789 function close_lightbox() { 11790 $('*[data-type="system-lightbox-close"]').unbind(); 11791 $('section[data-type="system-lightbox-container"]').removeClass('show'); 11792 setTimeout(function () { 11793 $('section[data-type="system-lightbox-container"]').empty(); 11794 }, 0); 11795 } 11796 11797 function reset_lightbox_container() { 11798 const $container = $('section[data-type="system-lightbox-container"]'); 11799 11800 // Remove only injected lightbox-content clones 11801 $container.find('section[data-type="system-lightbox-content"]').remove(); 11802 11803 // Remove container click handlers (or at least the ones you add via namespace) 11804 $container.off('click.autoOutsideClose'); 11805 } 11806 11807 (function wrapOpenLightbox() { 11808 if (window.__openLightboxWrapped2) return; 11809 window.__openLightboxWrapped2 = true; 11810 11811 function wait() { 11812 if (typeof window.open_lightbox !== 'function') { 11813 setTimeout(wait, 25); 11814 return; 11815 } 11816 11817 const originalOpen = window.open_lightbox; 11818 11819 // Global config 11820 window.override_lightbox = window.override_lightbox || false; 11821 window.lightbox_allowed_source = window.lightbox_allowed_source || null; 11822 window.lightbox_call_source = null; // ephemeral, set right before allowed opens 11823 11824 // Helper: run a function while temporarily marking the caller 11825 window.with_lightbox_source = function (sourceId, fn) { 11826 const prev = window.lightbox_call_source; 11827 window.lightbox_call_source = sourceId; 11828 try { 11829 return fn(); 11830 } finally { 11831 window.lightbox_call_source = prev; 11832 } 11833 }; 11834 11835 window.open_lightbox = function () { 11836 // If override is active, only allow calls tagged by the allowed source 11837 if (window.override_lightbox) { 11838 if (!window.lightbox_allowed_source) return; // locked down hard 11839 if (window.lightbox_call_source !== window.lightbox_allowed_source) { 11840 return; // ignore everyone else 11841 } 11842 } 11843 11844 return originalOpen.apply(this, arguments); 11845 }; 11846 } 11847 11848 wait(); 11849 })(); 11850 11851 function uuid(verbose = false) { 11852 let id = ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c => 11853 (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16) 11854 ) 11855 if (verbose) { 11856 console.log(id); 11857 } 11858 return id 11859 } 11860 11861 function set_cookie(name, value, days, domain) { 11862 var expires = ''; 11863 if (domain == null) { 11864 var domain = window.location.hostname; 11865 domain = domain.split('.'); 11866 11867 if (domain.length == 2) { 11868 domain = domain.join('.'); 11869 } 11870 11871 if (domain.length == 3) { 11872 domain = domain.slice(Math.max(domain.length - 2, 1)); 11873 domain = domain.join('.'); 11874 } 11875 } 11876 if (days) { 11877 var date = new Date(); 11878 date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); 11879 expires = '; expires=' + date.toUTCString(); 11880 } 11881 document.cookie = name + '=' + (value || '') + expires + '; domain=' + domain + '; path=/'; 11882 } 11883 11884 function get_cookie(name) { 11885 var name_eq = name + '='; 11886 var ca = document.cookie.split(';'); 11887 for (var i = 0; i < ca.length; i++) { 11888 var c = ca[i]; 11889 while (c.charAt(0) == ' ') c = c.substring(1, c.length); 11890 if (c.indexOf(name_eq) == 0) return c.substring(name_eq.length, c.length); 11891 } 11892 return null; 11893 } 11894 11895 function disable_scroll() { 11896 if (scroll_disabled) { 11897 return; 11898 } 11899 11900 scroll_disabled = true; 11901 scrollTop = $(window).scrollTop(); 11902 11903 $('body') 11904 .css({ 11905 'top': -1 * scrollTop, 11906 'position': 'fixed', 11907 'overflow': 'hidden', 11908 'pointer-events': 'none', 11909 }); 11910 } 11911 11912 function load_extras() { 11913 $.getScript('https://cdn.userway.org/widget.js'); 11914 javascript_deferred.load.forEach(function (v) { 11915 javascript_deferred.prototype[v](); 11916 }); 11917 11918 $('iframe[data-src]').each(function () { 11919 var src = $(this).attr('data-src'); 11920 if (!(src == null || src == '')) { 11921 $(this).attr('src', src); 11922 } 11923 }); 11924 11925 $('iframe[data-srcdoc]').each(function () { 11926 var srcdoc = atob($(this).attr('data-srcdoc')); 11927 if (!(srcdoc == null || srcdoc == '')) { 11928 $(this).attr('srcdoc', srcdoc); 11929 } 11930 }); 11931 } 11932 11933 function update_deferred_images() { 11934 $('[data-lazy-picture="false"]').each(function () { 11935 var data_srcset = $(this).attr('data-srcset'); 11936 var srcset = $(this).attr('srcset'); 11937
11938 if (data_srcset !== '') { 11939 $(this).attr('srcset', data_srcset); 11940 } 11941 }); 11942 11943 $('[data-lazy-img="false"]').each(function () { 11944 var src = $(this).attr('data-src'); 11945 if (src) { 11946 $(this).attr('src', src); 11947 } 11948 }); 11949 11950 /* $('source[data-srcset]').each(function() { 11951 if ($('body').attr('data-width') > 360) { 11952 var src = $(this).attr('data-srcset'); 11953 $(this).attr('srcset', src); 11954 } 11955 else { 11956 var src = $(this).attr('data-srcset-sm'); 11957 $(this).attr('srcset', src); 11958 } 11959 }); */ 11960 11961 11962 $('video source[data-src]').each(function () { 11963 if ($('body').attr('data-width') > 360) { 11964 var src = $(this).attr('data-src'); 11965 $(this).attr('src', src); 11966 $(this).closest('video')[0].load(); 11967 11968 if ($(this).closest('video')[0].hasAttribute('muted')) { 11969 $(this).closest('video')[0].play(); 11970 } 11971 } 11972 }); 11973 } 11974 11975 function lazy_load_deferred_images() { 11976 const lazySections = document.querySelectorAll('body > section') 11977 11978 lazySections.forEach(section => { 11979 // section.classList.add('lazying'); 11980 createObserver(section); 11981 }); 11982 11983 11984 function createObserver(el) { 11985 let observer; 11986 11987 let options = { 11988 root: null, 11989 rootMargin: "100px 0px", 11990 threshold: 0 11991 }; 11992 11993 observer = new window.IntersectionObserver(handleIntersect, options); 11994 observer.observe(el); 11995 } 11996 11997 function handleIntersect(entries, o) { 11998 entries.forEach((entry) => { 11999 if (entry.isIntersecting) { 12000 const lazyAssets = entry.target.querySelectorAll('[data-lazy-picture="true"], [data-lazy-img="true"]'); 12001 // console.log('Lazy Assets', lazyAssets); 12002 12003 lazyAssets.forEach((asset) => { 12004 load(asset); 12005 }); 12006 12007 o.unobserve(entry.target) 12008 12009 } else { 12010 } 12011 }); 12012 } 12013 12014 function load(asset) { 12015 12016 if (asset.tagName === 'IMG') { 12017 if (asset.hasAttribute('data-src')) { 12018 const source = asset.getAttribute('data-src'); 12019 if (source) { 12020 asset.setAttribute('src', source); 12021 asset.removeAttribute('data-src') 12022 } 12023 } else { 12024 } 12025 } 12026 12027 if (asset.tagName === 'SOURCE') { 12028 if (asset.hasAttribute('data-srcset')) { 12029 const source = asset.getAttribute('data-srcset'); 12030 if (source) { 12031 asset.setAttribute('srcset', source); 12032 asset.removeAttribute('data-srcset') 12033 } 12034 } else { 12035 } 12036 } 12037 } 12038 12039 // document.addEventListener('scroll', function () { 12040 12041 // }); 12042 } 12043 12044 12045 function set_resize_listeners() { 12046 window.addEventListener('resize', function () { 12047 if ($(window).width() == window_width) { 12048 return; 12049 } 12050 else { 12051 clearTimeout(timeout); 12052 timeout = setTimeout(get_viewport_size, 50); 12053 } 12054 window_width = $(window).width(); 12055 }); 12056 12057 window.addEventListener('resize', function () { 12058 if ($(window).height() == window_height) { 12059 return; 12060 } 12061 else { 12062 clearTimeout(timeout); 12063 timeout = setTimeout(get_viewport_size, 50); 12064 } 12065 window_height = $(window).height(); 12066 }); 12067 } 12068 12069 function set_scroll_listeners() { 12070 $(document).one('scroll', function () { 12071 if (!extras_loaded) { 12072 extras_loaded = true; 12073 load_extras(); 12074 } 12075 }); 12076 12077 $(document).one('mousemove', function () { 12078 if (!extras_loaded) { 12079 extras_loaded = true; 12080 load_extras(); 12081 } 12082 }); 12083 } 12084 12085 function set_accordion_listeners() { 12086 if ($('div[data-micro-template="accordion"]')) { 12087 $('div[data-accordion="title"').click(function () { 12088 var $container = $(this).closest($('div[data-micro-template="accordion_container"]')); 12089 var $toggles = $container.find('.accordion_toggle'); 12090 var $bodies = $container.find('.accordion_body'); 12091 var $titles = $container.find('.accordion_title'); 12092 12093 $titles.removeClass('active'); 12094 $toggles.text("+"); 12095 $bodies.slideUp(); 12096 12097 if (!$(this).next().is(":visible")) { 12098 $(this).addClass('active'); 12099 $(this).next().slideDown(); 12100 $(this).children('.accordion_toggle').text('-'); 12101 } 12102 }); 12103 } 12104 } 12105 12106 12107 function get_form_info(form) { 12108 const el = $(form)[0]; 12109 return { 12110 page: window.location.pathname, 12111 form: { 12112 id: el.getAttribute('data-form-id') || null, 12113 type: el.getAttribute('data-type') || null, 12114 category: el.getAttribute('data-category') || null, 12115 }, 12116 }; 12117 } 12118 12119 function dispatch_form_event(name, form, response) { 12120 const detail = get_form_info(form); 12121 detail.response = response; 12122 $(form)[0].dispatchEvent(new CustomEvent(name, { bubbles: true, detail: detail })); 12123 } 12124 12125 function form_actions() { 12126 if ($('form').length) { 12127 if ($('input[data-toggle="datepicker"]').length) { 12128 $.getScript('/system/js/datepicker/datepicker.js', function () { 12129 $('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '/system/js/datepicker/datepicker.css')); 12130 $('input[data-toggle="datepicker"]').each(function () { 12131 12132 let start_date; 12133 12134 if ($(this).attr('name') == 'dob' || $(this).attr('name') == 'birthdate' || $(this).attr('data-email-label').includes('Birth')) { 12135 start_date = '1907-03-04'; 12136 } 12137 12138 const data_start_date = $(this).attr('data-start-date'); 12139 12140 if (data_start_date) { 12141 start_date = data_start_date; 12142 } 12143 12144 if (start_date) { 12145 const match = /^([+-])(\d+)([dwy])$/.exec(start_date); 12146 if (match) { 12147 const [, sign, amountStr, unit] = match; 12148 const amount = parseInt(amountStr, 10) * (sign === '-' ? -1 : 1); 12149 start_date = new Date(); 12150 if (unit === 'd') start_date.setDate(start_date.getDate() + amount); 12151 else if (unit === 'w') start_date.setDate(start_date.getDate() + amount * 7); 12152 else if (unit === 'y') start_date.setFullYear(start_date.getFullYear() + amount); 12153 } else { 12154 start_date = new Date(start_date); 12155 } 12156 } else { 12157 start_date = new Date(); 12158 } 12159 12160 var disabled = { 12161 'mon': $(this).attr('data-mon'),
12162 'tue': $(this).attr('data-tue'), 12163 'wed': $(this).attr('data-wed'), 12164 'thu': $(this).attr('data-thu'), 12165 'fri': $(this).attr('data-fri'), 12166 'sat': $(this).attr('data-sat'), 12167 'sun': $(this).attr('data-sun'), 12168 }; 12169 12170 $(this).datepicker({ 12171 'autoHide': true, 12172 'startDate': start_date, 12173 'filter': function (date, view) { 12174 if (disabled['mon'] == true) { if (date.getDay() === 1 && view === 'day') { return false; } } 12175 if (disabled['tue'] == true) { if (date.getDay() === 2 && view === 'day') { return false; } } 12176 if (disabled['wed'] == true) { if (date.getDay() === 3 && view === 'day') { return false; } } 12177 if (disabled['thu'] == true) { if (date.getDay() === 4 && view === 'day') { return false; } } 12178 if (disabled['fri'] == true) { if (date.getDay() === 5 && view === 'day') { return false; } } 12179 if (disabled['sat'] == true) { if (date.getDay() === 6 && view === 'day') { return false; } } 12180 if (disabled['sun'] == true) { if (date.getDay() === 0 && view === 'day') { return false; } } 12181 } 12182 }); 12183 }); 12184 }); 12185 } 12186 12187 $('form input[type="file"]').change(function () { 12188 var max_file_size = $(this).closest('[data-group="file"]').attr('data-max-size'); 12189 var current_label = $(this).closest('label').find('.label_name').text(); 12190 console.log(current_label); 12191 var current_form = $(this).closest('form'); 12192 var container = $(this).closest('[data-container="file"]'); 12193 var selected_file = $(this).val().split('/').pop().split('\\').pop(); 12194 12195 $(this).closest('label').find('.label_name').text(selected_file); 12196 $(this).closest('label').find('.label_name').append('<div class="remove_file"><i class="fal fa-times">'); 12197 12198 var total_file_size = 0; 12199 12200 $(current_form).find('input[type="file"]').each(function () { 12201 if ($(this).val().length > 0) { 12202 total_file_size += $(this).prop('files')[0].size; 12203 } 12204 }); 12205 12206 $(current_form).find('.max_size_container .dynamic_size').text((total_file_size / 1024 / 1024).toFixed(2)); 12207 12208 if ($(container).next('[data-container="file"]').length < 1) { 12209 file_field_counter++; 12210 var current_name = $(container).attr('data-name'); 12211 var next_container = $(container).clone(true).insertAfter(container); 12212 $(next_container).find('input').attr('name', current_name + '_' + file_field_counter); 12213 $(next_container).find('input').val(''); 12214 $(next_container).find('label .label_name').text(current_label); 12215 } 12216 12217 if ((total_file_size / 1024 / 1024).toFixed(2) > parseInt(max_file_size)) { 12218 $(current_form).find('.max_size_container').addClass('too_large'); 12219 $(current_form).find('[data-group="file"] > div [data-container="file"]:last-of-type').addClass('disabled'); 12220 $(current_form).find('[data-type="submit"]').addClass('disabled'); 12221 $(current_form).addClass('disabled'); 12222 } 12223 else { 12224 $(current_form).find('.max_size_container').removeClass('too_large'); 12225 $(current_form).find('[data-group="file"] > div [data-container="file"]:last-of-type').removeClass('disabled'); 12226 $(current_form).find('[data-type="submit"]').removeClass('disabled'); 12227 $(current_form).removeClass('disabled'); 12228 } 12229 12230 $(container).find('.remove_file').click(function (e) { 12231 e.preventDefault(); 12232 $(container).remove(); 12233 12234 total_file_size = 0; 12235 12236 $(current_form).find('input[type="file"]').each(function () { 12237 if ($(this).val().length > 0) { 12238 total_file_size += $(this).prop('files')[0].size; 12239 } 12240 }); 12241 12242 if ((total_file_size / 1024 / 1024).toFixed(2) > parseInt(max_file_size)) { 12243 $(current_form).find('.max_size_container').addClass('too_large'); 12244 $(current_form).find('[data-group="file"] > div [data-container="file"]:last-of-type').addClass('disabled'); 12245 $(current_form).find('[data-type="submit"]').addClass('disabled'); 12246 $(current_form).addClass('disabled'); 12247 } 12248 else { 12249 $(current_form).find('.max_size_container').removeClass('too_large'); 12250 $(current_form).find('[data-group="file"] > div [data-container="file"]:last-of-type').removeClass('disabled'); 12251 $(current_form).find('[data-type="submit"]').removeClass('disabled'); 12252 $(current_form).removeClass('disabled'); 12253 } 12254 12255 if ($('form.disabled').length > 0) { 12256 $('form [data-type="submit_multi"]').addClass('disabled'); 12257 } 12258 else { 12259 $('form [data-type="submit_multi"]').removeClass('disabled'); 12260 } 12261
12262 $(current_form).find('.max_size_container .dynamic_size').text((total_file_size / 1024 / 1024).toFixed(2)); 12263 }); 12264 }); 12265 12266 $('form *[data-required="true"], form *[data-required="1"]').each(function () { 12267 var placeholder = $(this).attr('placeholder'); 12268 $(this).attr('required', true); 12269 $(this).attr('placeholder', placeholder + ' *'); 12270 $(this).find('option[value=""]').text($(this).find('option[value=""]').text() + ' *'); 12271 }); 12272 12273 $('form fieldset').each(function () { 12274 var field_name = $(this).attr('name'); 12275 var default_value = $(this).attr('value'); 12276 12277 if (default_value !== '') { 12278 $(this).find('input[data-type="radio"][name="' + field_name + '"][value="' + default_value + '"]').attr('checked', true); 12279 $(this).find('input[data-type="radio"][id="' + field_name + '_' + default_value + '"]').attr('checked', true); 12280 $(this).find('input[data-type="checkbox"][name="' + default_value + '"]').attr('checked', true); 12281 $(this).find('input[data-type="checkbox"][id="' + field_name + '_' + default_value + '"]').attr('checked', true); 12282 } 12283 }); 12284 12285 $('form *[data-readonly="true"], form *[data-readonly="1"]').each(function () { 12286 $(this).attr('readonly', true); 12287 }); 12288 12289 $('form *[data-hidden="true"], form *[data-hidden="1"]').each(function () { 12290 $(this).css('display', 'none'); 12291 }); 12292 12293 $('form[data-dynamic="true"]').on('submit', function (e) { 12294 console.time('Click 2 Submit') 12295 e.preventDefault(); 12296 var submitted_form = $(this); 12297 var recaptcha_site_key = $(this).attr('data-recaptcha-site-key'); 12298 var recaptcha_secret_key = $(this).attr('data-recaptcha-secret-key'); 12299 var recaptcha_processor = $(this).attr('data-recaptcha-processor'); 12300 12301 if ( 12302 recaptcha_site_key !== '' && 12303 recaptcha_secret_key !== '' && 12304 recaptcha_processor !== '' 12305 ) { 12306 if (this.checkValidity()) { 12307 grecaptcha.ready(function () { 12308 grecaptcha.execute(recaptcha_site_key, { action: 'submit' }).then(function (token) { 12309 $.post(recaptcha_processor, { 12310 secret: recaptcha_secret_key, 12311 response: token 12312 }) 12313 .done(function (recaptcha) { 12314 prepare_submission(submitted_form, recaptcha).then((val) => { 12315 return submit_form(val.form_submit, val.recaptcha, val.form_data, val.db_only, val.recipients, val.recipients_add, val.ad_recipients, val.cc, val.cc_add, val.subject, val.category, val.is_hipaa, val.reply_to, val.pdf, val.ad_source, val.ad_campaign, val.ad_location, val.ad_source_key, val.ad_campaign_ke
12315y, val.ad_location_key, val.submission_url); 12316 }).then((val) => { 12317 // Done 12318 track_submit(submitted_form); 12319 12320 // Custom Event 12321 dispatch_form_event("tdi:form:success", submitted_form, val); 12322 12323 }); 12324 }) 12325 }); 12326 }); 12327 } 12328 } 12329 else { 12330 if (this.checkValidity()) { 12331 prepare_submission(submitted_form, null).then((val) => { 12332 return submit_form(val.form_submit, val.recaptcha, val.form_data, val.db_only, val.recipients, val.recipients_add, val.ad_recipients, val.cc, val.cc_add, val.subject, val.category, val.is_hipaa, val.reply_to, val.pdf, val.ad_source, val.ad_campaign, val.ad_location, val.ad_source_key, val.ad_campaign_key, val.ad_location_key, val.submission_url); 12333 }).then((val) => { 12334 // Done 12335 track_submit(submitted_form); 12336 12337 // Custom Event 12338 dispatch_form_event("tdi:form:success", submitted_form, val); 12339 12340 }); 12341 } 12342 } 12343 }); 12344 12345 $('form .button.submit[data-dynamic="true"]').click(function () { 12346 if (!form_button_lock && !click_lock) { 12347 click_lock = true; 12348 $(this).closest('form').find('input[type="submit"]')[0].click(); 12349 } 12350 setTimeout(function () { 12351 click_lock = false; 12352 }, 1000); 12353 }); 12354 12355 $('form select[name="location"]').change(function (e) { 12356 $(this).closest('form').find('input[name="date"').val(''); 12357 if ($(this).find(':selected').data('datesDisabled')) { 12358 var $selectedOption = $(this).find(':selected').data('datesDisabled'); 12359 $selectedOption = atob($selectedOption); 12360 12361 $(this).closest('form').find('input[data-toggle="datepicker"]').each(function () { 12362 var disabled = JSON.parse($selectedOption); 12363 $(this).datepicker('destroy'); 12364 $(this).datepicker({ 12365 'autoHide': true, 12366 'filter': function (date, view) { 12367 if (disabled['mon'] == true) { if (date.getDay() === 1 && view === 'day') { return false; } } 12368 if (disabled['tue'] == true) { if (date.getDay() === 2 && view === 'day') { return false; } } 12369 if (disabled['wed'] == true) { if (date.getDay() === 3 && view === 'day') { return false; } } 12370 if (disabled['thu'] == true) { if (date.getDay() === 4 && view === 'day') { return false; } } 12371 if (disabled['fri'] == true) { if (date.getDay() === 5 && view === 'day') { return false; } } 12372 if (disabled['sat'] == true) { if (date.getDay() === 6 && view === 'day') { return false; } } 12373 if (disabled['sun'] == true) { if (date.getDay() === 0 && view === 'day') { return false; } } 12374 } 12375 }); 12376 $(this).datepicker('update'); 12377 }); 12378 } 12379 }); 12380 12381 12382 12383 $('form input[name^="phone"][data-type="text"]').on('input', function () { 12384 var el = this; 12385 var oldValue = el.value; 12386 var selStart = el.selectionStart; 12387 12388 // digits to the left of the caret in the OLD value 12389 var digitsLeft = oldValue.slice(0, selStart).replace(/\D/g, '').length; 12390 12391 var digits = oldValue.replace(/\D/g, ''); 12392 12393 12394 var intl = digits.length > 10; 12395 12396 var formatted; 12397 if (!intl) { 12398 var m = digits.slice(0, 10).match(/^(\d{0,3})(\d{0,3})(\d{0,4})$/); 12399 formatted = !m[2] ? m[1] : '(' + m[1] + ') ' + m[2] + (m[3] ? '-' + m[3] : ''); 12400 } else { 12401 formatted = '+' + digits.slice(0, 15); 12402 } 12403 12404 el.value = formatted; 12405 12406 if (el === document.activeElement) { 12407 var pos = 0, seen = 0; 12408 while (pos < formatted.length && seen < digitsLeft) { 12409 if (/\d/.test(formatted[pos])) seen++; 12410 pos++; 12411 } 12412 el.setSelectionRange(pos, pos); 12413 } 12414 }); 12415 } 12416 } 12417 12418 function prepare_submission(form_submit, recaptcha) { 12419 return new Promise((resolve, reject) => { 12420 console.time('prepare_submission()'); 12421 form_button_lock = true; 12422 $(form_submit).find('.button.submit[data-dynamic="true"]').text('Sending...'); 12423 12424 const appendLocation = $(form_submit).attr('data-append-location') === '1' ? true : false;
12425 const locationSelected = $(form_submit).find('select[name="location"] option:selected') ? $(form_submit).find('select[name="location"] option:selected').text() : null; 12426 12427 var form_data = {}; 12428 var recipients_add = []; 12429 var cc_add = []; 12430 var db_only = $(form_submit).attr('data-db-only'); 12431 var recipients = $(form_submit).attr('data-recipients'); 12432 var ad_recipients = $(form_submit).attr('data-ad-recipients'); 12433 var cc = $(form_submit).attr('data-cc'); 12434 var subject = $(form_submit).attr('data-subject'); 12435 var category = $(form_submit).attr('data-category') + (appendLocation && locationSelected ? ` (${locationSelected})` : ''); 12436 var is_hipaa = $(form_submit).attr('data-hipaa'); 12437 var reply_to = $(form_submit).attr('data-reply-to'); 12438 var pdf = $(form_submit).attr('data-pdf'); 12439 var submission_url = $(form_submit).attr('data-submission-url'); 12440 12441 var ad_source = $(form_submit).find('[data-ad-tracking="source"]').val(); 12442 var ad_campaign = $(form_submit).find('[data-ad-tracking="campaign"]').val(); 12443 var ad_location = $(form_submit).find('[data-ad-tracking="ad_location"]').val(); 12444 12445 var ad_source_key = (get_cookie('source') ? get_cookie('source') : null);
12446 var ad_campaign_key = (get_cookie('campaign') ? get_cookie('campaign') : null); 12447 var ad_location_key = (get_cookie('location') ? get_cookie('location') : null); 12448 12449 $(form_submit).find('input, textarea, select, fieldset').each(function () { 12450 if ( 12451 $(this).is('input:not([type="file"])') && 12452 $(this)[0].hasAttribute('name') && 12453 $(this)[0].hasAttribute('data-email-label') 12454 ) { 12455 value_obj = { 12456 'label': $(this).attr('data-email-label'), 12457 'name': $(this).attr('name'), 12458 'value': $(this).val(), 12459 'type': 'text' 12460 }; 12461 form_data[$(this).attr('name')] = value_obj; 12462 } 12463 12464 if ( 12465 $(this).is('textarea') && 12466 $(this)[0].hasAttribute('name') && 12467 $(this)[0].hasAttribute('data-email-label') 12468 ) { 12469 value_obj = { 12470 'label': $(this).attr('data-email-label'), 12471 'name': $(this).attr('name'), 12472 'value': $(this).val(), 12473 'type': 'textarea' 12474 }; 12475 form_data[$(this).attr('name')] = value_obj; 12476 } 12477 12478 if ( 12479 $(this).is('select') && 12480 $(this)[0].hasAttribute('name') && 12481 $(this)[0].hasAttribute('data-email-label') 12482 ) { 12483 value_obj = { 12484 'label': $(this).attr('data-email-label'), 12485 'name': $(this).attr('name'), 12486 'value': $(this).val(), 12487 'type': 'select' 12488 }; 12489 form_data[$(this).attr('name')] = value_obj; 12490 12491 if ( 12492 $(this).find(':selected').length > 0 && 12493 $(this).find(':selected')[0].hasAttribute('data-recipients') && 12494 $(this).find(':selected').attr('data-recipients').length 12495 ) { 12496 recipients_add.push($(this).find(':selected').attr('data-recipients')); 12497 } 12498 12499 if ( 12500 $(this).find(':selected').length > 0 && 12501 $(this).find(':selected')[0].hasAttribute('data-cc') && 12502 $(this).find(':selected').attr('data-cc').length 12503 ) { 12504 cc_add.push($(this).find(':selected').attr('data-cc')); 12505 } 12506 } 12507 12508 if ( 12509 $(this).is('fieldset') && 12510 $(this)[0].hasAttribute('name') && 12511 $(this)[0].hasAttribute('data-email-label') 12512 ) { 12513 var val = []; 12514 var keys = []; 12515 $(this).find('input:checked').each(function () { 12516 val.push($(this).attr('value')); 12517 keys.push($(this).attr('name')); 12518 }); 12519 value_obj = { 12520 'label': $(this).attr('data-email-label'), 12521 'name': $(this).attr('name'), 12522 'keys': keys.join('; '), 12523 'value': val.join('; '), 12524 'type': $(this).attr('type') 12525 }; 12526 form_data[$(this).attr('name')] = value_obj; 12527 } 12528 }); 12529 12530 console.timeEnd('prepare_submission()'); 12531 console.time('submit_form()'); 12532 resolve({ 12533 "form_submit": form_submit, 12534 "recaptcha": recaptcha, 12535 "form_data": form_data, 12536 "db_only": db_only, 12537 "recipients": recipients, 12538 "recipients_add": recipients_add, 12539 "ad_recipients": ad_recipients, 12540 "cc": cc, 12541 "cc_add": cc_add, 12542 "subject": subject, 12543 "category": category, 12544 "is_hipaa": is_hipaa, 12545 "reply_to": reply_to, 12546 "pdf": pdf, 12547 "ad_source": ad_source, 12548 "ad_campaign": ad_campaign, 12549 "ad_location": ad_location, 12550 "ad_source_key": ad_source_key,
12551 "ad_campaign_key": ad_campaign_key, 12552 "ad_location_key": ad_location_key, 12553 "submission_url": submission_url 12554 }) 12555 }); 12556 } 12557 12558 function submit_form(form_submit, recaptcha, form_data, db_only, recipients, recipients_add, ad_recipients, cc, cc_add, subject, category, is_hipaa, reply_to, pdf, ad_source, ad_campaign, ad_location, ad_source_key, ad_campaign_key, ad_location_key, submission_url) { 12559 return new Promise((resolve, reject) => { 12560 var email_list = []; 12561 var first_name = null; 12562 var last_name = null; 12563 12564 var file_size_total = 0; 12565 var files_uploaded = []; 12566 var files_selected = 0; 12567 12568 if ( 12569 form_submit[0].hasAttribute('data-google-conversion') && 12570 google_conversion 12571 ) { 12572 const conversion_code = $(form_submit[0]).attr('data-google-conversion'); 12573 if (conversion_code.length > 0) { 12574 google_tracking.gtag('event', 'conversion', { 'send_to': conversion_code }); 12575 } 12576 } 12577 12578 if ( 12579 form_submit[0].hasAttribute('data-facebook-conversion') && 12580 facebook_conversion 12581 ) { 12582 const conversion_type = $(form_submit[0]).attr('data-facebook-conversion'); 12583 if (conversion_type.length > 0) { 12584 facebook_tracking.fbq('track', conversion_type); 12585 } 12586 } 12587 12588 $(form_submit).find('input[type="file"]').each(function () { 12589 var file_selected = $(this).val(); 12590 if (file_selected.length > 0) { 12591 files_selected++; 12592 } 12593 }); 12594 12595 $(form_submit).find('input[type="file"]').each(function () { 12596 var file_to_upload = $(this).val(); 12597 var submit_promise = new Promise((res, rej) => { 12598 if (file_to_upload.length > 0) { 12599 var xhr = new XMLHttpRequest(); 12600 var file = $(this).prop('files')[0]; 12601 var formData = new FormData(); 12602 formData.append('file', file); 12603 12604 xhr.onreadystatechange = function () { 12605 if (xhr.readyState == 4) { 12606 files_uploaded.push(xhr.responseText); 12607 res(xhr.responseText); 12608 } 12609 } 12610 12611 xhr.open('POST', '/system/processors/file_upload/processor.php', true); 12612 xhr.send(formData); 12613 } else { 12614 res('') 12615 } 12616 }).then((file) => { 12617 if (file) { 12618 return file; 12619 } else { 12620 return ''; 12621 } 12622 }); 12623 files_uploaded.push(submit_promise); 12624 }); 12625 12626 $(form_submit).find('input[type="email"]').each(function () { 12627 email_list.push($(this).val()); 12628 }); 12629 12630 $(form_submit).find('input[type="text"][data-email-label="First Name"]').each(function () { 12631 first_name = $(this).val(); 12632 }); 12633 12634 $(form_submit).find('input[type="text"][data-email-label="Last Name"]').each(function () { 12635 last_name = $(this).val(); 12636 }); 12637 12638 12639 if ((first_name === null || first_name === '') && (last_name === null || last_name === '')) { 12640 $(form_submit).find('input[type="text"][data-email-label="Full Name"], input[type="text"][data-email-label="Name"]').each(function () { 12641 const full_name = $(this).val(); 12642 first_name = full_name; 12643 }); 12644 } 12645 12646 12647 console.time('POST to processor.php') 12648 $.post('/system/processors/validation/processor.php', { 12649 type: 'date_time', 12650 val: null 12651 }) 12652 .done(function (validation) { 12653 console.timeEnd('POST to processor.php') 12654 console.time('Wait For Files') 12655 12656 Promise.all(files_uploaded).then((value) => { 12657 console.timeEnd('Wait For Files') 12658 let uploaded_files = value.filter(file => file); 12659 console.log(JSON.stringify(uploaded_files)); 12660 console.log('Files Uploaded'); 12661 console.time('POST to submission_url') 12662 $.post(submission_url, { 12663 validation: validation, 12664 db_only: db_only, 12665 recipients: recipients, 12666 recipients_add: JSON.stringify(recipients_add), 12667 ad_recipients: ad_recipients, 12668 recaptcha: recaptcha, 12669 cc: cc, 12670 cc_add: JSON.stringify(cc_add), 12671 subject: subject, 12672 category: category, 12673 first_name: first_name, 12674 last_name: last_name, 12675 is_hipaa: is_hipaa, 12676 reply_to: reply_to, 12677 pdf: pdf, 12678 ad_source: ad_source, 12679 ad_campaign: ad_campaign, 12680 ad_location: ad_location, 12681 ad_source_key: ad_source_key,
12682 ad_campaign_key: ad_campaign_key, 12683 ad_location_key: ad_location_key, 12684 files: JSON.stringify(uploaded_files), 12685 data: JSON.stringify(form_data), 12686 email_list: JSON.stringify(email_list) 12687 }) 12688 .done(function (data) { 12689 console.timeEnd('POST to submission_url') 12690 12691 form_button_lock = false; 12692 form_submit[0].reset(); 12693 $(form_submit).find('.remove_file').click(); 12694 $('form .button.submit[data-dynamic="true"]').each(function () { 12695 var placeholder = $(this).attr('placeholder'); 12696 $(this).text(placeholder); 12697 }); 12698 12699 if ($(form_submit).attr('data-action') !== '') { 12700 var action = $(form_submit).attr('data-action'); 12701 12702 if (action == 'close_lightbox') { 12703 close_lightbox(); 12704 } 12705 12706 if (action == 'redirect') { 12707 var redirect = $(form_submit).attr('data-confirmation'); 12708 window.location.replace(redirect); 12709 } 12710 12711 if (action == 'function') { 12712 var form_complete_function = $(form_submit).attr('data-confirmation'); 12713 window[form_complete_function](form_data); 12714 } 12715 12716 if (action == 'none') { } 12717 } 12718 else { 12719 var confirmation = $(form_submit).children('section[data-type="system-lightbox-content"]'); 12720 $(confirmation).clone().appendTo('section[data-type="system-lightbox-container"]'); 12721 open_lightbox(); 12722 } 12723 resolve(false); 12724 }); 12725 }); 12726 }); 12727 }); 12728 } 12729 12730 function get_viewport_size() { 12731 viewport_size = viewport(); 12732 $('body').attr('data-width', viewport_size.width); 12733 $('body').attr('data-height', viewport_size.height); 12734 } 12735 12736 function viewport() { 12737 var e = window, a = 'inner'; 12738 if (!('innerWidth' in window)) { 12739 a = 'client'; 12740 e = document.documentElement || document.body; 12741 } 12742 return { width: e[a + 'Width'], height: e[a + 'Height'] }; 12743 } 12744 12745 function set_tracking() { 12746 const url_parameters = new URLSearchParams(window.location.search); 12747 const source = url_parameters.get('source'); 12748 const campaign = url_parameters.get('campaign'); 12749 const location = url_parameters.get('location'); 12750 12751 if (source) { 12752 set_cookie('source', source, 90, null); 12753 } 12754 12755 if (campaign) { 12756 set_cookie('campaign', campaign, 90, null); 12757 } 12758 12759 if (location) { 12760 set_cookie('location', location, 90, null); 12761 } 12762 } 12763 12764 function load_functions() { 12765 javascript.load.forEach(function (v) { 12766 javascript.prototype[v](); 12767 }); 12768 } 12769 12770 function load_fa() { 12771 /* $.getScript('https://kit.fontawesome.com/10cd9403cd.js'); */ 12772 } 12773 12774 function load_default_subs() { 12775 $('video:not(.no_subs)').each(function () { 12776 var found_video = $(this); 12777 12778 if ($(this).find('source').length) { 12779 var video_source = $(this).find('source').attr('src').split('/').pop(); 12780 } 12781 else { 12782 var video_source = $(this).attr('src').split('/').pop(); 12783 } 12784 12785 $.get('/custom/content/subs/' + video_source + '.vtt', function (data) { 12786 if (data === 'Error') { 12787 $('<track/>') 12788 .attr('label', 'English') 12789 .attr('kind', 'subtitles') 12790 .attr('srclang', 'en') 12791 .attr('src', '/system/content/subs/no_audio.vtt') 12792 .appendTo(found_video); 12793 } 12794 else { 12795 $('<track/>') 12796 .attr('label', 'English') 12797 .attr('kind', 'subtitles') 12798 .attr('srclang', 'en') 12799 .attr('src', '/custom/content/subs/' + video_source + '.vtt') 12800 .appendTo(found_video); 12801 } 12802 }) 12803 .fail(function (data) { 12804 $('<track/>') 12805 .attr('label', 'English') 12806 .attr('kind', 'subtitles') 12807 .attr('srclang', 'en') 12808 .attr('src', '/system/content/subs/no_audio.vtt') 12809 .appendTo(found_video); 12810 }); 12811 }); 12812 } 12813 12814 function stalling(ms) { 12815 return setTimeout(() => { 12816 }, ms); 12817 } 12818 12819 function initialize() { 12820 console.log('Initializing...'); 12821 window_width = $(window).width(); 12822 window_height = $(window).height(); 12823 get_viewport_size(); 12824 viewport_size = viewport(); 12825 update_deferred_images(); 12826 set_resize_listeners(); 12827 set_scroll_listeners(); 12828 set_accordion_listeners(); 12829 form_actions(); 12830 set_tracking(); 12831 load_functions(); 12832 load_fa(); 12833 load_default_subs(); 12834 12835 track_load(); 12836 deferred_websocket(); 12837 lazy_load_deferred_images(); 12838 12839 // Add Tracking to each button 12840 const selection = document.querySelectorAll('section[class^="section_"], #di-consent-banner, #di-cookie-pref-dialog'); 12841 for (var i = 0; i < selection.length; i++) { 12842 var found_buttons = selection[i].querySelectorAll("a[href], [data-click-tracking]:not(a[href]), button:not(a[href])"); 12843 found_buttons = Array.from(new Set(found_buttons)); 12844 found_buttons.forEach(element => { 12845 element.addEventListener('click', function (e) { 12846 var stall = false;
12847 if (this.tagName === 'A' && this.getAttribute('href') !== '#') { 12848 stall = stalling(500); 12849 } 12850 12851 track_click(this).then(() => { 12852 if (stall !== false) { 12853 clearTimeout(stall); 12854 } 12855 }) 12856 }) 12857 }); 12858 } 12859 } 12860 12861 $(document).ready(initialize); 12862</script>
12862 12863 12864
12864<script> 12865 // Override any default global variables from SYSTEM_JS 12866 (function() { 12867 var overrides = { 12868 }; 12869 12870 // Apply overrides to global scope 12871 for (var key in overrides) { 12872 if (overrides.hasOwnProperty(key)) { 12873 window[key] = overrides[key]; 12874 } 12875 } 12876 })(); 12877 </script>
12877 12878 12879
12879<script src="https://api.aleso.ai/aleso.js"></script>
12879 12880 </body> 12881 </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.