1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"> 5 6 <link rel="preconnect" href="https://www.googletagmanager.com"/> 7 <link rel="preconnect" href="https://cdn.fuseplatform.net/"/> 8 <link rel="preconnect" href="https://browser.sentry-cdn.com/"/> 9 <link rel="preconnect" href="https://static.cloudflareinsights.com/"/> 10 <link rel="preconnect" href="https://securepubads.g.doubleclick.net"/> 11 <link rel="preload" as="script" href="/t?callback=handleServerTime"> 12 13 14 <title>Current time in London, United Kingdom</title> 15 16 17 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 18 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 19 <meta name="HandheldFriendly" content="True"> 20 <meta name="MobileOptimized" content="320"> 21 22 <link rel="canonical" href="https://24timezones.com/London/time"> 23 <link rel="alternate" href="https://24timezones.com/London/time" hreflang="en"> 24 <link rel="alternate" href="https://24timezones.com/Londres/hora" hreflang="es"> 25 <link rel="alternate" href="https://24timezones.com/Londres/horas" hreflang="pt"> 26 <link rel="alternate" href="https://24timezones.com/Londres/heure" hreflang="fr"> 27 <link rel="alternate" href="https://24timezones.com/Londra/ora" hreflang="it"> 28 <link rel="alternate" href="https://24timezones.com/London/zeit" hreflang="de"> 29 <link rel="alternate" href="https://24timezones.com/Londyn/czas" hreflang="pl"> 30 <link rel="alternate" href="https://24timezones.com/%D0%9B%D0%BE%D0%BD%D0%B4%D0%BE%D0%BD/%D1%87%D0%B0%D1%81" hreflang="uk"> 31 <link rel="alternate" href="https://24timezones.com/%D0%9B%D0%BE%D0%BD%D0%B4%D0%BE%D0%BD/%D0%B2%D1%80%D0%B5%D0%BC%D1%8F" hreflang="ru"> 32 <link rel="alternate" href="https://24timezones.com/%E4%BC%A6%E6%95%A6/%E6%97%B6%E9%97%B4" hreflang="zh"> 33 <link rel="alternate" href="https://24timezones.com/%E3%83%AD%E3%83%B3%E3%83%89%E3%83%B3/%E6%99%82%E9%96%93" hreflang="ja"> 34 <link rel="alternate" href="https://24timezones.com/Londen/tijd" hreflang="nl"> 35 <link rel="alternate" href="https://24timezones.com/London/tid" hreflang="da"> 36 37 <meta name="robots" content="index,follow"/> 38<meta name="keywords" content="London hotel, flight, restaurant, rent a car, travel, business travel, agent, tourist, visit, places of interest, top destinations, London, United Kingdom, attractions, real estate United Kingdom, home, guide, tour London"/> 39<meta name="description" content="Check exact local time, London time zone information, UTC offset and daylight saving time dates. When does time change in 2026?"/> 40<meta property="og:locale" content="en_US"/> 41<meta property="og:type" content="website"/> 42<meta property="og:url" content="https://24timezones.com/London/time"/> 43<meta property="og:image" content="https://24timezones.com/i/24tz_og.jpg"/> 44<meta property="og:image:width" content="1200"/> 45<meta property="og:image:height" content="630"/> 46<meta property="og:title" content="Time in London, United Kingdom"/> 47<meta property="og:description" content="Exact time, time zone and time change dates in 2026 for London, United Kingdom"/> 48<meta http-equiv="content-language" content="en-us"/> 49
49<script data-issxg-var>window.isSXG = false</script>
49 50 51 <link rel="icon" href="/favicon.ico"> 52 <link rel="shortcut icon" href="/favicon.ico"> 53 54 <link rel="apple-touch-icon" href="/apple-touch-icon.png"/> 55 <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png"/> 56 <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png"/> 57 <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png"/> 58 <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png"/> 59 <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png"/> 60 <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png"/> 61 <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png"/> 62 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png"/> 63 64 <style type="text/css">body,html{background:#fff}body{color:#3a3a3a;font-family:Helvetica,Arial;font-size:14px;line-height:1.5em;margin:0;min-width:380px;padding:0!important}*{margin-top:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-box-sizing:border-box}.bg-overlay{align-items:center;display:flex;height:33.33vh;justify-content:center;left:0;opacity:.5;pointer-events:none;position:fixed;top:0;width:100vw;z-index:-1}.bg-overlay:before{color:#777;content:"24 am pm 24 am pm 24 am pm 24 am pm 24 am pm 24 am pm 24 am pm 24 am pm 24 am pm 24 am pm";font-size:4rem;opacity:.01;transform:rotate(45deg);white-space:nowrap}.logo-cover .mob-name{display:none}.logo-cover{display:inline-block}.logo-cover,.logo-cover:link{text-decoration:none}.logo-cover .logo{background:#ed6c20;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#fff;font-size:23px;height:35px;margin-right:3px;text-align:center;width:35px}.logo-cover .logo,.logo-cover .logo-text{display:inline-block;font-weight:600;line-height:35px;vertical-align:top}.logo-cover .logo-text{color:#252525;font-size:24px}p#path{color:#777;font-size:.7rem;left:0;margin:3px 0 0;position:absolute;top:.57rem;white-space:nowrap}p#path a{text-decoration:none}p#path a,p#path span a{margin-right:.3em;padding-right:.89em;white-space:nowrap}p#path a.last{background:none;color:#3a3a3a;font-weight:700;padding-right:0}p#path a.last:hover{text-decoration:none}div#page{padding-top:3.6rem}.h_table{margin-bottom:.75rem;width:100%}ul#m1{background:#34393e;border-radius:7px;list-style-type:none;margin-left:0;margin-right:0;padding:0;width:100%}ul#m1 li.nav-item{display:inline-block;font-size:.75rem;font-weight:700;line-height:1.5em;margin:0;padding:0;position:relative;white-space:nowrap}@media only screen and (min-width:769px){ul#m1 li.contacts{float:right}}ul#m1 .nav-item>a,ul#m1 .nav-item>span{color:#fff;display:block;padding:.35rem .4rem;text-decoration:none;transition:all .1s ease-in-out}ul#m1 .nav-item>a.curr{background-color:#ffd35b;color:#000}ul#m1 .nav-item:hover>a:not(.curr),ul#m1 .nav-item>a:not(.curr):hover{color:#ffc531}@media only screen and (min-width:769px){.bottom-navigation,.h_table{display:table}.table-tr{display:table-row}.bottom-navigation a,.h_search-td,.h_slogan-td{display:table-cell}.bottom-navigation .table-tr a:first-child{text-align:left}.bottom-navigation .table-tr a:last-child{text-align:right}}.bottom-navigation{clear:both;font-size:.75rem;margin-bottom:.7rem;padding:1rem 0 0;width:100%}.bottom-navigation a{border-bottom:5px solid #34393e;color:#888;padding:.25rem .2rem;text-align:center;text-decoration:none}.bottom-navigation a.curr,.bottom-navigation a:hover{border-color:#ffc531;color:red}span.obligatory{color:red;padding-right:.3em}.fieldRow{display:block;margin-bottom:.7em}.fieldRow *{vertical-align:middle}.fieldRow label{display:inline;font-weight:400;margin:0}.subField{margin-right:.6em;white-space:nowrap}.subField label{margin-right:.3em}.subField .last,.subField.last{margin-right:0}.subField *{margin-right:.2em}.lastFieldRow{margin-bottom:1.4em}a.addToFavorites{background-repeat:no-repeat;display:block;height:24px;margin-bottom:1.2em;min-height:24px;padding-left:32px}div#header{border-bottom:1px solid #ccc;color:#666;margin-bottom:3px;padding:0 .45em 0 260px}div#header p{margin:0}div#leftCol{float:left;width:610px}.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}.clearfix{display:block}*+html .clearfix{zoom:1}.switch-format{display:inline-block;padding-bottom:5px}.current-time{background:#f3f3f3;border-radius:7px;color:#878787;font-size:24px;margin-bottom:15px;margin-right:15px;max-width:357px;padding:15px 10px 11px 20px;position:relative}.current-time .time{color:#000;font-size:62px;padding:5px 0 10px}.current-time .time span{position:relative}.current-time .time span:nth-child(3){color:#b7b7b7;font-size:38px;font-weight:400}.current-time sup{color:#000;display:inline-block;font-size:1.125rem;font-weight:400;line-height:1.3em;margin-top:.5rem;padding-left:8px;text-transform:uppercase;vertical-align:top}.current-time .time span:first-child:after,.current-time .time span:nth-child(3):before{content:":";display:inline-block}.current-time p{line-height:1.2em;margin:0}.time+p{font-size:20pt}.next-to-banner{border-radius:7px}@media only screen and (min-width:769px){.next-to-banner{float:left;margin-bottom:15px;margin-right:10px;max-height:250px;overflow:hidden;width:58%}.next-to-banner .current-time{box-sizing:border-box;font-size:24pt;height:250px;margin-bottom:0;margin-right:0;max-width:452px;padding-top:28px}.full-mode .current-time .time span:nth-child(3):after,.full-mode .next-to-banner .current-time .time span:nth-child(3){font-size:95px}.full-mode .current-time sup{display:inline-block;margin-top:12px;vertical-align:top}.full-mode .current-time #cityClock p,.full-mode .next-to-banner .current-time p{font-size:27pt}.next-to-banner .current-time .time{font-size:5rem;line-height:1em}.next-to-banner .current-time .time span:nth-child(3){font-size:60px}.next-to-banner .current-time sup{font-size:2rem}.full-mode .next-to-banner .current-time{max-width:none}.current-time .location-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}#countdown-div .fullscreen-ico,.next-to-banner .fullscreen-ico{background-size:cover;cursor:pointer;display:block;height:24px;opacity:.5;position:absolute;right:5px;top:5px;width:24px}.full-mode{overflow:hidden}.full-mode .next-to-banner{background:#f3f3f3;bottom:0;float:none;height:auto;left:0;margin-bottom:0;max-height:none;position:fixed;right:0;top:0;width:auto;z-index:9999}.full-mode .current-time{margin-top:-150px;top:49%;z-index:999}.full-mode .current-time #cityClock,.full-mode .current-time>p{margin-left:auto;margin-right:auto;max-width:650px}#countdown-div.full-screen .fullscreen-ico,.full-mode .next-to-banner .fullscreen-ico{height:38px;position:fixed;right:20px;top:20px;width:38px}#countdown-div.full-screen .fullscreen-ico,.full-mode .next-to-banner .fullscreen-ico:hover{opacity:1}.full-mode .addthis-smartlayers{display:none}@media (min-width:769px){.full-mode .current-time .time *{font-size:1.8em;line-height:1.1em}.full-mode .current-time .time span:nth-child(3){font-size:4rem}.full-mode .current-time .time sup{font-size:2rem}}@media (max-width:768px){.full-mode .current-time,.full-mode .next-to-banner .current-time{margin:0;max-width:none}#countdown-div.full-screen .fullscreen-ico,.full-mode .next-to-banner #fullscreen-ico{height:24px;width:24px}.full-mode .next-to-banner .current-time{margin-top:-58px}.full-mode .current-time #cityClock,.full-mode .current-time>p{max-width:310px}.full-mode .current-time .time{margin-top:15px}.full-mode .current-time{line-height:26px}.full-mode .current-time *{font-size:1.65em}.full-mode .current-time p{font-size:22px}.full-mode .current-time sup{font-size:35px}.full-mode .current-time .time span:nth-child(3){font-size:40px}#countdown-div.full-screen .fullscreen-ico,.full-mode .next-to-banner .fullscreen-ico{height:24px;width:24px}}.full-width .current-time{color:#000;font-family:Helvetica,Roboto,Arial;font-size:.875rem;margin-right:0;max-width:none;padding:1rem 2rem;text-align:center}.full-width .current-time .time,.full-width .current-time .time *{text-align:center}.full-width .current-time p{font-size:.875rem}.full-width .current-time a{color:#1f88d3}#countdown-div.full-screen .fullscreen-ico,.full-width .fullscreen-ico{background-size:cover;cursor:pointer;display:block;height:24px;opacity:.5;position:absolute;right:7px;top:7px;width:24px}.full-width .current-time .time{font-size:3rem;font-weight:700;line-height:1.3em}.current-time .time span:nth-child(3){font-size:2.5rem}.color-red{color:red}.current-time .city-name{display:block;font-size:1.875rem;line-height:1.2em}.current-time .city-day{display:block;font-size:1.5rem;line-height:1.2em}@media (min-width:769px){.current-time .city-name__col{left:2rem;position:absolute;text-align:left;top:2rem;width:30%}.current-time .city-day__col{position:absolute;right:2rem;text-align:right;top:2.15rem;width:30%}.current-time .city-day__col span{text-align:right}.full-width .current-time .time{padding:0 30% .5rem}}@media (max-width:768px){.full-width .current-time{padding:2.4rem 2rem 1.3rem}.full-width .current-time p{font-size:.75rem}.current-time .city-name{font-size:1.5rem;padding-bottom:.2rem}.full-width .current-time .time{font-size:2.8rem}.current-time .city-day{padding-top:1rem}.full-width .current-time .time{padding-top:0}.current-time sup{margin-top:.55rem}}div.mapSkeleton{background:-webkit-linear-gradient(top,#a6bcda,#779ccd 15.49%,#4c7ec0 31.79%,#316cb9 44.53%,#2765b6 52.04%,#326cb9 59.06%,#4e80c1 71.23%,#7b9fce 86.95%,#a6bcda);background:linear-gradient(180deg,#a6bcda,#779ccd 15.49%,#4c7ec0 31.79%,#316cb9 44.53%,#2765b6 52.04%,#326cb9 59.06%,#4e80c1 71.23%,#7b9fce 86.95%,#a6bcda);border-radius:6px;display:flex;margin:0;position:relative}.preloaderContainer{align-items:center;bottom:0;color:#fff;display:flex;flex-direction:row;font-weight:700;justify-content:center;left:0;position:absolute;right:0;top:0}#mapAppPreloader{color:#fff;font-weight:700;height:100%;position:relative}#mapAppPreloaderInner{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loading_dots{font-size:1em;line-height:1;padding:0 0 .175em .55em;width:2.75em}.loading_dots span{-webkit-animation:loading_dots 1s linear infinite;-moz-animation:loading_dots 1s linear infinite;-ms-animation:loading_dots 1s linear infinite;animation:loading_dots 1s linear infinite;background:transparent;border-radius:50%;box-shadow:inset 0 0 1px rgba(0,0,0,.3);display:inline-block;height:.5em;width:.5em}.loading_dots span:nth-child(2){-webkit-animation-delay:.33s;-moz-animation-delay:.33s;-ms-animation-delay:.33s;animation-delay:.33s}.loading_dots span:nth-child(3){-webkit-animation-delay:.66s;-moz-animation-delay:.66s;-ms-animation-delay:.66s;animation-delay:.66s}@-webkit-keyframes loading_dots{0%{background:transparent}50%{background:#fff}to{background:transparent}}@-moz-keyframes loading_dots{0%{background:transparent}50%{background:#fff}to{background:transparent}}@-ms-keyframes loading_dots{0%{background:transparent}50%{background:#fff}to{background:transparent}}@keyframes loading_dots{0%{background:transparent}50%{background:#fff}to{background:transparent}}div#wt_leftCol{border-radius:7px;float:left;overflow:hidden;width:670px}div#page{margin:0 auto;max-width:980px;min-width:250px;position:relative}div#rightCol{float:right;overflow:hidden;width:220px}div#wt_rightCol{float:right;overflow:hidden;width:165px}.wt_rightCol_ad,.wt_rightCol_adLarge{display:block;height:600px;width:160px}.wt_rightCol_adLarge{height:1200px}.home_sidebar_ad{display:block;height:1200px;width:260px}div.ad_block_top,div.ad_link_block_top{display:inline-block;margin-bottom:15px;min-height:15px;min-width:125px;width:100%}div.map_description{width:75%}div.sidebar{float:right;padding-top:5px;width:20%}.sticky{top:0}@media only screen and (min-width:769px){.sticky{position:sticky}}div.cMap_leftCol{float:left;overflow:hidden;width:165px}div.cMap_rightCol{float:right;overflow:hidden;width:810px}.footer-text{color:#3a3a3a;font-size:.75rem;line-height:1.2em;margin-bottom:.5rem}.footer-text br{display:none}p.copyrights{color:#3a3a3a;font-size:.85rem;line-height:1.2em;padding:1rem 0;text-align:center}p.copyrights a{color:#1f88d3}.footer-slogan{padding-left:30px}p#logo{bottom:-.1rem;left:0;margin:0;position:absolute}.h_search-td{position:relative;width:85%}.h_slogan-td{padding-left:1.4rem;text-align:right;vertical-align:middle;white-space:nowrap}.h_slogan-td p#slogan{font-size:.75rem;line-height:1.1em;margin:0;padding:0}.po_r{position:relative}.search-form{margin-left:165px}.search-form .select2-container .select2-selection--single{height:30px}.search-form .select2-container--default .select2-selection--single{background:#fafafa;border-color:#dcdcdc;border-radius:7px}.search-form .select2-container--default .select2-selection--single .select2-selection__arrow,.search-form .select2-container--default .select2-selection--single .select2-selection__arrow b{display:none}.search-form .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:1.5em;padding-left:.5rem;padding-right:.5rem}.search-form .select2-container--default .select2-selection--single .select2-selection__placeholder{display:inline-block;font-style:italic;padding-top:.25rem;vertical-align:top}.search-form .select2-dropdown{background:none;border-color:#edeced;margin-top:-30px}.search-form .select2.select2-container{width:100%!important}.search-form .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.search-form .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.search-form .select2-container--open .select2-dropdown--below{border-radius:7px}.search-form .select2-search--dropdown{display:block;height:30px;margin-right:30px;padding:0 0 0 4px;position:relative}.search-form .select2-container--default .select2-search--dropdown .select2-search__field{-webkit-appearance:none;background:#fafafa;border:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;font-size:.9rem;height:25px;line-height:28px;margin-top:3px;padding:0 5px}.search-form .select2-container--default .select2-search--dropdown .select2-search__field:focus{outline:none;outline-color:transparent;outline-style:none}.search-form .select2-results__option{margin-bottom:0;padding-left:10px}.search-form select{opacity:0;width:100%}.search-form .select2-results{background:#edeced}.search-form .select2-results__option.select2-results__message{display:none}@media only screen and (max-width:925px){.logo-cover .desktop-name{display:none}.logo-cover .mob-name{display:block;display:inline}.search-form{margin-left:80px}}@media only screen and (max-width:768px){.search-form .select2-container .select2-selection--single{height:32px}}.h_table+.clearfix{border:none}ul#m1 .lang-item{text-transform:uppercase}@media only screen and (min-width:769px){ul#m1{position:relative}
64ul#m1 .lang-item{background:none;border:none;color:#000;min-width:200px;position:absolute;right:0;top:-91px}ul#m1 .lang-item a{display:inline-block;font-size:.7rem;font-weight:700;padding:0;text-decoration:none}ul#m1 .lang-item .nls,ul#m1 .lang-item strong{font-size:.7rem}}ul#m1 .lang-item .nls,ul#m1 .lang-item strong{color:#000}div div.dataBlock{background-position:100% 100%;background-repeat:no-repeat;margin-bottom:1.2em;padding:.9em 15px 1px 10px;text-align:left}div.dataBlock h2{font-size:1rem}div.dataBlock div.hSeparator{background-color:#000}div.dBColor1{background-color:#ffeb72}div.dBColor2{background-color:#f0fbd3}div.dBColor3{background-color:#d9e4fb}div.dBColor4{background-color:#cfc}div.dBColor5{background-color:#a5c8f2}div.dBColor6{background-color:#e6f0ff}dl.news dt{font-size:1.1em;font-weight:700;margin-bottom:.2em}dl.news dd{margin:0 0 .8em;padding:0}dl.news dd a:hover,dl.news dd a:link,dl.news dd a:visited{color:#000;text-decoration:none}dl.news dd a:hover{color:#009}dl.clock-widgets-faq dt{font-size:1em;font-weight:700;margin-bottom:.2em}dl.clock-widgets-faq dd{margin:0 0 .8em;padding:0}p.moreLink{font-size:.9em;text-align:right}table.dataTab1{background-color:#eee;border:1px solid #aab;border-collapse:collapse}table.dataTab1 td,table.dataTab1 th{border-right:1px solid #bbc;padding:.2em .6em}table.dataTab1 tr.odd{background-color:#ddd}table.dataTab1 ul{list-style-position:inside;margin:0;padding:0}.floatLeft,.floatRight{margin:0 1em .6em}.floatLeft{float:left;margin-left:0}.floatRight{float:right;margin-right:0}a{color:#e00;text-decoration:none}a:hover{color:#c00}a:link.nls,a:link:hover.nls,a:visited.nls{color:#000;font-weight:700;text-decoration:none}button{background-color:#fff;background-repeat:repeat-x;border:1px solid #888;font-size:1.1em;padding:0 .3em;text-align:center}button.color1{background-color:#b6d0db;border-color:#b6d0db}button.color2{background-color:#c7ccff;border-color:#c7ccff}button.color3{background-color:#75aaff;border-color:#008}form{margin:0}h1.clearfix{border-bottom:none;font-size:1.8em;padding-top:12px}h2 a:link,h2 a:visited{color:#000}h2 a:link:hover{color:#c00}h2.hiddenLink a:link,h2.hiddenLink a:visited{text-decoration:none}h3{font:700 1.1em Tahoma,Arial,Helvetica,sans-serif;margin-bottom:.6em}.page-heading,h1{clear:both;color:#2e3d48;font:700 1.7em/1.7em sans-serif,Tahoma,Arial,Helvetica;font-size:1.7rem;line-height:1.7em;margin-bottom:.7em;padding-bottom:.5rem;padding-top:.5rem;position:relative;text-align:left}.page-heading:after,h1:not(:empty):after{background:#ffc531;bottom:0;content:"";display:block;height:3px;left:0;position:absolute;width:170px}.page-subheading{color:#000;font:700 1.3rem Helvetica,Tahoma,Arial;padding:.7rem 0;position:relative;text-align:left}.page-subheading:after{background:#ffc531;bottom:0;content:"";display:block;height:3px;left:0;position:absolute;width:170px}#leftCol+h2{clear:both}.map_description,.max-width2{font-size:.9rem}img,table{border:0}label{display:block;font-weight:700;height:auto;margin-bottom:.2em}li{margin-bottom:.3em}table td,table th{vertical-align:top}.genericBlock,.hSeparator,address,blockquote,dl,ol,p,ul{margin-bottom:1.2em}div.fClearer,div.hSeparator{background-color:#ccc;height:1px;overflow:hidden}div.fClearer{clear:both;visibility:hidden}div.tableContainer{width:100%}.hl{color:#2b5ea4}.small{font-size:.9em}.big{font-size:1.1em}.nowrap{white-space:nowrap}div.MakeTime{border-top:1px solid #afafaf;font-family:Verdana,Arial,Tahoma,sans-serif;font-size:8pt;padding-top:8px;text-align:left}.at4-share-count-container{text-align:center}.time_line_row{background-color:#ddd;margin:5px auto 0;overflow:hidden;width:60%}.time_line_cell{line-height:23px;width:50%}.time_line_from{float:left}.time_line_from .time_line_item{padding-right:20px;text-align:right}.time_line_to{float:right}.time_line_item{padding-left:5px}.clock_banner2{display:block;float:right;height:250px;max-width:300px;overflow:hidden}.clock_banner{height:150px;overflow:hidden}.clock_block{max-width:780px;width:100%}.max-width{max-width:860px}.max-width,.max-width2{margin-left:auto;margin-right:auto}.max-width2{max-width:810px}.pad0l{padding-left:13px}.text-center{text-align:center}.choose-clock{margin-top:30px}.choose-clock .clearfix{border:none}.row{margin:0 -15px}.row.clearfix{border-bottom:none;margin:0}.choose-clock .col-sm-4:last-child .clock-title{margin-bottom:20px}.type-clock-wrap{background:#f2f2f2;margin:0 15px 30px;max-width:310px;position:relative;text-align:center}.type-clock-inner{line-height:1.3em;min-height:220px;padding:12px 22px 55px;text-align:center}.digital-clock-inner{padding:12px 0 55px}.clock-title{font-size:18px;font-weight:700;line-height:1.5em;padding-bottom:5px;text-align:center}.type-clock-wrap .analog-clock-wrap{background:#f2f2f2;display:inline-block;padding:5px;text-align:center}.analog-clock-wrap a{text-decoration:none}.type-clock-wrap .text-clock-text{font-size:1.05em}.text-clock-text a:link,.text-clock-text a:visited{color:#878787}.type-clock-wrap .button{bottom:15px;left:50%;margin-left:-46px;position:absolute}.type-clock-wrap .w24tz-current-time{border:4px solid #fff!important;margin:20px 0 0!important}.button,.button:link{border:1px solid #098bc4;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;padding:7px 20px 6px;text-decoration:none;vertical-align:top}.button:link:hover,.button:visited{color:#fff}.button.btn-blue{background:#169bd5}.button.btn-blue:hover{background:#1093cc}.button.btn-green{background:#093;border:1px solid #028b2f}.button.btn-green:hover{background:#028b2f}.form-group label{padding:10px 0 2px}.sub-title+.form-group label{padding-top:2px}.form-group #widget-code{display:block;height:160px;width:100%}.select-location{border:1px solid #ccc;color:#b7b7b7;margin-bottom:10px;padding:4px 5px}.select-location .tag{background:#d9e4fb;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#000;display:inline-block;padding:7px 20px 6px;vertical-align:top}.select-location input{border:1px solid #fff;margin-top:0;padding-left:10px}.radio-tabs.clearfix{border:none}.radio-tabs .radio-tab{float:left;position:relative}.radio-tab label{background:#eee;border:1px solid #ccc;cursor:pointer;left:1px;margin-left:-1px;min-width:90px;padding:7px 10px 6px;position:relative;text-align:center}.radio-tab [type=radio]{display:none}[type=radio]:checked~label{background:#b9caed;border-color:#97add9;z-index:2}[type=radio]:checked~label~.content{z-index:1}.radio-tabs .radio-tab:first-child label{-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}.radio-tabs .radio-tab:last-child label{-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}.display-inline{display:inline-block;padding-right:15px;vertical-align:top}.form-control{width:100%}.display-inline .form-control{width:225px}.form-group .form-control{height:28px}.form-errors{color:red;display:none;padding-left:15px}.sub-title{font-size:18px;font-weight:700;padding:24px 0 10px}h2.sub-title{font-family:Arial,Helvetica,sans-serif;font-size:18px;margin:0}p.preview-text{margin:20px 0 0}.sub-title_big{font-size:20px;font-weight:700;padding:24px 0 10px}.preview-clock{border:1px dashed #ccc;border-radius:7px;margin-bottom:10px;margin-right:15px;padding:150px 30px 0}.preview-clock.preview-analog{min-height:315px;padding-top:50px;text-align:center}.preview-clock .current-time{margin:0 auto}.preview-clock iframe{border:none}.terms{padding-bottom:25px;padding-right:15px}.terms .genericBlock{font-size:1.15em}.col-sm-3 .genericBlock .button.btn-green{display:block;font-size:1.7em;margin:33px auto 20px;max-width:250px;padding:15px 10px 14px;width:100%}
64.button.copy-to-clipboard{margin:15px 0}a.grey{color:#000}a.grey:hover{color:#c00;text-decoration:none}.current-time a{color:#878787;text-decoration:none}.get-code a{color:#000}#widget-code-wrapper{display:none}ul.line-li li{list-style:none;position:relative}ul.line-li li:before{content:"-";display:block;left:-13px;position:absolute;top:-1px}.clock-generator_text{padding-bottom:70px}.clock-generator_text h3{margin-bottom:1em}div.infoRow{font-size:.8rem}@media only screen and (min-width:769px){.col-sm-3{float:left;width:25%}.col-sm-4{float:left;width:33.3333%}.col-sm-6{float:left;width:50%}.col-sm-8{float:left;width:66.6666%}.col-sm-9{float:left;width:75%}.other-clock .row{text-align:center}.other-clock .col-sm-4{display:inline-block;float:none;vertical-align:top;width:34.4%}.clock-generator_text p{max-width:370px;padding-right:15px}.column-gap-3{-webkit-column-count:3;-moz-column-count:3;column-count:3}.column-gap-2,.column-gap-3{-webkit-column-gap:5%;-moz-column-gap:5%;column-gap:5%;vertical-align:top}.column-gap-2{-webkit-column-count:2;-moz-column-count:2;column-count:2}.break-avoid{width:100%;column-break-inside:avoid;-webkit-column-break-inside:avoid}.column-gap-3 .page-subheading:after,.column-gap-3 h2:after{right:0;width:auto}}.column-gap-2,.column-gap-3{line-height:1.3em}.column-gap-2 ul,.column-gap-3 ul,ul.no-list{list-style:none;padding-left:0}.column-gap-2 ul li,.column-gap-3 ul li,ul.no-list li{margin-bottom:.45rem}@media only screen and (max-width:768px){.type-clock-wrap{margin:0 auto 20px}#page .sub-title_big{font-size:18px}.preview-clock{padding-top:100px}.preview-clock iframe{height:180px}h1.clearfix{font-size:1.5em}.terms .genericBlock{font-size:1em}.col-sm-3 .genericBlock .button.btn-green{font-size:1.5em}.clock-generator_text{padding:20px 0}.choose-clock{margin:25px 0 30px}div.cMap_leftCol,div.cMap_rightCol{float:none;width:100%}}@media only screen and (max-width:540px){.get-code{padding-top:15px}.get-code .genericBlock{margin-bottom:10px;text-align:center}.display-inline{display:block;padding-right:0}.display-inline .form-control{width:100%}}table.promo-table{margin-bottom:1.2em}td.promo{padding:.9em 15px 1px 10px}.capital{background-color:#fff053;border-radius:7px;margin-top:10px;padding:.3em .8em}.infoRow .text-clock{margin-right:-12px}.text-clock>strong{font-size:1.2em}.margin-top-10{margin-top:10px}.margin-bottom-10{margin-bottom:10px}.margin-bottom-15{margin-bottom:15px}div[id^=div-gpt-ad],div[id^=google_ads_iframe]{text-align:center}table.recent-transitions{border:1px solid #ddd;border-collapse:collapse;border-spacing:0;width:100%}.recent-transitions td,.recent-transitions th{padding:6px;text-align:center}.recent-transitions td:first-child,.recent-transitions th:first-child,td ul li{text-align:left}.recent-transitions tr:nth-child(2n){background-color:#f2f2f2}.npa-code-cities-list{-webkit-columns:2;-moz-columns:2;column-count:2;list-style-position:inside;list-style-type:disc;margin-left:10px;max-width:300px;padding:0}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.main-page-clock .fullscreen-ico{display:none}.enum-sp{line-height:1.5rem;padding-right:8px}.enum-sp:not(:last-child):after{content:","}.search-submit{background:transparent;border:none;border-bottom-right-radius:14px;border-top-right-radius:14px;bottom:0;cursor:pointer;height:30px;margin-right:15px;position:absolute;right:0;top:0;width:30px}.search-submit:after{color:#3b3b3b;content:"â²";display:inline-block;font-size:20px;transform:rotate(45deg)}.search-submit:focus{border:none;outline:none}.ad-container-diff,.ad-container-top,.ad-container-wtd{align-items:center;display:flex;justify-content:flex-start}.ad-container-side{min-height:600px}.ad-container-top-index,.ad-container-wtd{align-items:center;display:flex;height:250px;justify-content:center;width:100%}.map-ad-container{display:flex;justify-content:center}.toc-container{margin-bottom:10px;min-height:360px}.ad-container-square{align-items:center;display:flex;height:250px;justify-content:flex-start}@media only screen and (max-width:766px){.ad-container-top{height:250px;justify-content:center}.ad-container-top-index{height:100px}.ad-container-wtd{height:280px}.ad-container-diff{height:280px;justify-content:center}}@media only screen and (min-width:767px){.ad-container-top{height:100px}.ad-container-diff{height:250px}}.links-container{display:flex;flex-wrap:wrap;margin-bottom:15px}@media only screen and (min-width:769px){.links-container a{line-height:1.5rem;padding-right:8px}.links-container a:not(:last-child):after{content:","}}@media only screen and (max-width:768px){.links-container a{font-size:17px;padding:8px 6px;text-decoration:none}.time-page-checkbox{margin:15px 0;-ms-transform:scale(1.5);-moz-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(2);transform:scale(1.5)}.bottom-navigation a{margin:5px 0}.city-link{font-size:18px;margin:6px 0}.city-link,.city-link a{padding:5px 0}.abbreviation-link{font-size:20px;padding:5px 0}.abbreviation-link a{padding:5px 0}.popular-link{font-size:18px;padding:5px 0}.popular-link a{padding:5px 0}.diff-table td{margin:7px 0}.diff-table .col-c1{margin:0 0 10px}.diff-title{margin-bottom:10px}}#time-format-switcher-12,#time-format-switcher-24{background:none;border:none;color:red;cursor:pointer;outline:none}#time-format-switcher-12:hover,#time-format-switcher-24:hover{text-decoration:none}.transitions-table{background-color:#eee;border:1px solid #aab;border-collapse:collapse;font-size:15px;margin-bottom:20px;text-align:center;width:100%}.transitions-table th{border-bottom:1px solid #aab;padding:2px 10px}.transitions-table td:first-child,.transitions-table th{background-color:#ddd;font-weight:700}.transitions-table td{border-bottom:1px solid #aaa;padding:4px 0}.row-divider{border-top:3px solid #aaa}@media only screen and (max-width:767px){.transitions-table.desktop{display:none}.transitions-table.mobile{display:table}.transitions-table tr{display:flex!important}.transitions-table th{padding:8px 5px!important;width:50%}}@media only screen and (min-width:768px){.transitions-table.mobile{display:none}}.infoRowTitle{border-radius:7px}.infoRowTitle a{color:inherit;text-decoration:none}.h_table{min-height:30px}@media only screen and (max-width:768px){.h_search-td{min-height:32px}}.choices-inner{display:none}.choices-list{background:#edeced;border-radius:7px;border-top:4px solid #84a6c8;box-shadow:0 25px 60px rgba(0,0,0,.25);box-sizing:border-box;color:#203a53;left:0;max-height:200px;overflow:auto;padding:.6rem;position:absolute;top:0;width:100%;z-index:10}div.choices{pointer-events:none}div.choices *{pointer-events:auto}.choices-list::-webkit-scrollbar{width:5px}.choices-list::-webkit-scrollbar-thumb{background:rgba(32,58,83,.7);border-radius:7px}.choices-list::-webkit-scrollbar-thumb:hover{background:#203a53}.choices-list_dropdown{flex-direction:column;justify-content:center;max-height:unset;overflow:unset;top:unset}.choices-item,.choices-list_dropdown{display:flex;position:relative;visibility:hidden}.choices-item{align-items:center;cursor:pointer;flex-direction:row;font-size:14px;margin:0;padding:.35rem .4rem;word-break:break-all}.choices-item i{align-items:center;display:flex;height:100%;justify-content:center;margin-left:auto;width:32px}.choices-item:hover{cursor:pointer}.choices-item.is-highlighted{background-color:#ffcea0}.search-inner{display:flex;flex-direction:column;font-size:14px;justify-content:center;line-height:21px;max-height:30px;width:100%}.choices-list_dropdown.is-active .choices-item,.choices-list_dropdown.is-active .choices-list{visibility:visible}.choices-input{display:none}.choices:after{display:none!important}.search-input{background-color:#f3f3f3;border:none;border-radius:14px;box-sizing:border-box;height:30px;outline:none;padding:0 15px;width:100%}.search-input::placeholder{font-size:14px;font-style:italic;width:90%}.search-input::-webkit-input-placeholder{font-size:14px;font-style:italic;width:90%}.search-input:placeholder-shown{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-form{height:30px}.no-choices{display:none}.choices__item--disabled{cursor:default}.choices__item--disabled:hover{background-color:unset;color:inherit;cursor:default}.message-container{height:0;position:relative;width:100%}.search-message{align-items:center;background-color:#fff;border:1px solid #aaa;border-radius:7px;box-sizing:border-box;color:#3a3a3a;display:none;height:30px;padding:0 0 0 5px;position:absolute;top:-1px;width:100%;z-index:11}.event-time::-webkit-calendar-picker-indicator{opacity:0}
64.mc-calendar{display:none}.mc-date{vertical-align:middle}.time-page-container{display:flex;flex-direction:row;justify-content:space-between}.time-page-content{max-width:780px}.time-page-content img{max-width:100%}.time-page-container .sticky{align-self:flex-start;margin-bottom:1.2em}.search-input:focus{box-shadow:inset 0 0 0 2px #1f88d3}.header-content{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px}.search-container{flex:1;height:30px;padding:0 10px;position:relative}.search-container select{display:none!important}.menu-icon{background:url(/i/menu.svg);display:none;height:30px;width:30px}.event-search{border-radius:4px}.event-search:focus{border-color:#0d8dff;box-shadow:none}.desktop-event-time,.mobile-event-time{display:none!important}@media only screen and (max-width:980px){.time-page-container{flex-direction:column;justify-content:unset}.time-page-content{max-width:unset}.time-page-container .sticky{align-self:center}}@media only screen and (max-width:768px){.ad-container-side{display:none}.search-input{background-color:#fff;box-shadow:inset 0 0 0 1px #cdcdcd}.example-links{display:none}.search-container{padding:0 10px}.header-content{margin-bottom:0;width:95%}.header-container{align-items:center;background-color:#f3f3f3;box-shadow:0 4px 24px rgba(0,0,0,.12);display:flex;flex-direction:row;height:65px;justify-content:center;left:0!important;position:fixed;top:0!important;width:100%;z-index:999}.menu-icon{display:block}.mobile-event-time{display:block!important}}@media only screen and (max-width:365px){.adsense-container-top{min-height:250px}}@media only screen and (min-width:366px){.adsense-container-top{min-height:280px}}@media only screen and (min-width:769px){.desktop-event-time{display:block!important}}.event-search,.event-time{background-color:#fff!important}</style> <style type="text/css">.btn-group{padding:17px 0 16px;text-align:right}.clearfix{border-bottom:1px solid #ccc;clear:both;margin-bottom:3px}.lang{padding-left:5px;text-align:right}.lang a,.lang strong{display:inline-block;margin-right:.3rem}.ico-lang,.ico-menu,ul#m1 li.close,ul#m2 li.close{display:none}@media only screen and (max-width:1024px){#mapPlaceholder #loader2{width:100%!important}}@media only screen and (max-width:1040px){div#page{max-width:none;padding-left:15px;padding-right:15px;width:auto!important}ul#m1 .lang-item{right:0}p#path{left:15px}}@media only screen and (max-width:1010px){#mapPlaceholder #loader2{height:350px!important;width:100%!important}}@media only screen and (max-width:768px){.page-heading,h1{font-size:1.6rem;line-height:1.5em}.page-heading:after,h1:after{width:165px}.page-subheading,h2{font-size:1.4rem;line-height:1.5em}.page-subheading:after,h2:after{width:165px}.footer-text{text-align:center}ul#m1 .lang-item a{text-decoration:none}.lang{padding-bottom:1rem;padding-top:1rem;text-align:left!important;white-space:normal}ul#m1 .lang a,ul#m1 .lang strong{display:inline-block;font-size:.9rem;font-weight:700;margin:1px;padding:5px 0;text-align:center;vertical-align:top;width:40px}ul#m1 .lang-item .nls,ul#m1 .lang-item strong{color:#ed6c20}.ico-menu{cursor:pointer;display:block;font-size:19px;height:21px;position:fixed;right:15px;text-transform:uppercase;top:1.5rem;width:24px;z-index:999}.ico-menu:before{border:3px solid #1f88d3;border-width:3px 0;height:4px;top:0}.ico-menu:after,.ico-menu:before{content:"";display:block;left:0;position:absolute;width:24px}.ico-menu:after{border-top:3px solid #1f88d3;top:14px}div#page{padding-top:5.5rem}.h_search-td{width:100%}.h_slogan-td{display:none}#page .h_table{background:#f3f3f3;box-shadow:0 4px 24px rgba(0,0,0,.12);left:0!important;padding:1.05rem 3rem 1rem 1rem;position:fixed;right:0;top:0!important;width:auto;z-index:998}p#logo{bottom:.08rem}.bottom-navigation{width:auto}.btn-group,p#path{display:none}div#header{padding-bottom:15px}.clearfix{margin-bottom:15px}ul#m1 .fa-angle-down{right:1rem;top:1rem}body.opened-menu{overflow:hidden}ul#m1{background:#1c2125;bottom:-16px;display:none;left:0;position:fixed;right:0;top:0;z-index:100500}ul#m1.open-menu{display:block;overflow:scroll}ul#m1 li.nav-item{display:block;font-size:1.125rem}ul#m1 li.contacts{border-top:1px solid #f7f7f7;margin-top:1.125rem;padding-top:1rem}ul#m1 li.contacts+li.contacts{border-bottom:1px solid #f7f7f7;border-top:none;margin-top:0;padding-bottom:1rem;padding-top:0}ul#m1 .nav-item>span,ul#m1 li.nav-item a.curr{background:none;color:#ed6c20}ul#m1 li.close{background:none;display:block;font-size:24px;text-align:right}ul#m1 li.close span{cursor:pointer;display:inline-block;font-family:Arial;padding:2rem 20px .5rem .5rem}.current-time{margin-left:auto;margin-right:auto}.current-time p{font-size:16px}.current-time .time{font-size:42px;line-height:32px}.next-to-banner .current-time{max-width:450px}#page>table:first-child td a:first-child img{height:auto;vertical-align:middle;width:93px}.bottom-navigation{background:#272c31;margin-bottom:1.2rem;margin-left:-15px;margin-right:-15px;padding:1rem}.bottom-navigation a{border:none;color:#fff;display:block;font-size:.75rem;padding:.2rem 0;text-align:left}.bottom-navigation a.curr,.bottom-navigation a:hover{color:#ffc531}body{font-size:14px;line-height:19px}div#leftCol,div#rightCol,div#wt_leftCol,div#wt_rightCol,h3.infoRowTitle{float:none;width:100%}h3.infoRowTitle{margin-right:0;margin-top:5px}div.infoRow{float:none;padding:0;width:100%}table:not(.dataTab1):not(.mc-table){width:100%}table:not(.dataTab1):not(.mc-table) td,table:not(.dataTab1):not(.mc-table) tr{display:block;vertical-align:top;width:100%}.addthis_toolbox a.at300m span{margin-right:5px;vertical-align:middle}.addthis_toolbox .addthis_separator{display:none!important}.addthis_toolbox a{float:left;height:36px;padding:0!important}.addthis_toolbox .at-icon-wrapper{height:30px!important;margin:0 10px;text-align:center;width:30px!important}.addthis_toolbox .at-icon-wrapper .at-icon{margin-top:6px}#leftCol>div:first-child a img{height:auto;margin-bottom:10px;width:150px}#page>div{float:none!important;font-size:15px;left:auto;top:auto}#page table td{text-align:center!important}#page table.recent-transitions td{text-align:left!important}table{border:0;border-collapse:collapse;border-spacing:0;vertical-align:baseline}table.dataTab1 td,table.dataTab1 th{padding:.4em .6em}#mapPlaceholder #loader2{height:auto!important;width:100%!important}.dataBlock iframe{width:100%!important}table td #main{display:block;margin:0 auto}.genericBlock input[type=text],.genericBlock select,.genericBlock textarea{width:100%!important}div.ad_block_top,div.ad_link_block_top{display:block}.home_sidebar_ad,.wt_rightCol_ad,.wt_rightCol_adLarge{display:none}.clock_block{width:100%}.clock_banner{margin-bottom:10px;width:100%}.clock_banner2{float:none;margin:0 auto;width:100%}.logo-cover .logo{font-size:1.3rem;height:30px;line-height:30px;width:30px}.logo-cover .logo-text{font-size:1.875rem;line-height:30px}div.map_description,div.sidebar{width:100%}}</style> <style type="text/css">/*--- new menu ---*/ 65ul#m2 li .nav-item { 66 color: #fff; 67 font-weight: bold; 68 display: inline-block; 69 padding: 0.8rem 1rem 0.5rem 0; 70 text-decoration: none; 71 border-bottom: 4px solid transparent; 72} 73 74ul#m2 li a.nav-item:hover, 75ul#m2 li:hover a.nav-item, 76ul#m2 li .nav-item.active { 77 border-color: #FF7A00; 78} 79 80ul#m1 li.nav-item > a:not(:last-child), 81ul#m1 li.nav-item > span:not(:last-child) { 82 padding-right: 1.45rem; 83} 84 85ul#m1 .some-class { 86 display: none; 87 color: #203A53; 88 transition: all .1s ease-in-out; 89} 90 91@media only screen and (min-width: 769px) { 92 /*ul#m1 li.nav-item { 93 margin-right: 0.5rem; 94 }*/ 95 ul#m1 .nav-item > span, 96 ul#m1 .nav-item > a { 97 padding-left: 0.65rem; 98 padding-right: 0.65rem; 99 } 100 101 ul#m1 li:hover .some-class { 102 display: block; 103 } 104 105 ul#m1 li.nav-item > a:not(:last-child):after, 106 ul#m1 li.nav-item > span:not(:last-child):after { 107 content: ''; 108 border: 2px solid #fff; 109 border-width: 0 2px 2px 0; 110 display: block; 111 position: absolute; 112 top: 50%; 113 right: 0.75rem; 114 margin-top: -4px; 115 transform-origin: 66% 66%; 116 transform: rotate(45deg); 117 transition: all .1s ease-in-out; 118 height: 5px; 119 width: 5px; 120 } 121 122 ul#m1 li.nav-item:hover > a:not(:last-child):after { 123 border-color: #FFC531; 124 } 125 126 ul#m1 li.nav-item > .curr:not(:last-child):after, 127 ul#m1 li.nav-item:hover > .curr:not(:last-child):after { 128 border-color: #000; 129 } 130 131 ul#m1 .some-class { 132 position: absolute; 133 z-index: 999; 134 top: 100%; 135 left: 0px; 136 /*margin-top: -4px;*/ 137 letter-spacing: 0.02em; 138 /*font-size: 1rem;*/ 139 } 140 141 .some-class-row, 142 .menu-row { 143 border-radius: 7px;
144 border-top: 4px solid #84A6C8; 145 box-shadow: 0px 25px 60px rgba(0, 0, 0, 0.25); 146 position: relative; 147 /*left: 100%;*/ 148 -ms-box-orient: horizontal; 149 display: -webkit-box; 150 display: -moz-box; 151 display: -ms-flexbox; 152 display: -moz-flex; 153 display: -webkit-flex; 154 display: flex; 155 } 156 157 .some-class-col, 158 .menu-col { 159 -webkit-flex-direction: row; 160 flex-direction: row; 161 padding: 0.6rem; 162 } 163 164 ul#m1 li.nav-item > a:not(:last-child), 165 ul#m1 li.nav-item > span:not(:last-child) { 166 position: relative; 167 } 168 169 /*ul#m1 li.nav-item:hover > a:not(:last-child):before, 170 ul#m1 li.nav-item:hover > span:not(:last-child):before { 171 content: ''; 172 display: block; 173 position: absolute; 174 left: 0px; 175 right: -1rem; 176 bottom: 0px; 177 height: 4px; 178 background: #FF7A00; 179 }*/ 180} 181 182.some-class-row, 183.menu-row { 184 background: #FBFBFB; 185} 186 187ul#m1 .some-class .sub2-item { 188 display: block; 189 padding: 0.7rem 0.4rem 0.5rem 0.4rem; 190 color: #203A53; 191 text-transform: uppercase; 192 193 text-decoration: none; 194} 195 196ul#m1 .some-class .sub3-item { 197 display: block; 198 padding: 0.35rem 0.4rem; 199 /*margin-bottom: 0.6rem;*/ 200 margin-bottom: 0.2rem; 201 color: #203A53; 202 text-decoration: none; 203 white-space: nowrap; 204 font-weight: normal; 205} 206 207ul#m1 .some-class .sub3-item.curr, 208ul#m1 .some-class a.sub3-item:hover { 209 background: #FFCEA0; 210} 211 212ul#m1 .arrow-down { 213 display: none; 214} 215 216@media only screen and (max-width: 768px) { 217 /*ul#m1 li.nav-item > a:not(:last-child):after, 218 ul#m1 li.nav-item > span:not(:last-child):after { 219 top: 1.3rem; 220 right: 1rem; 221 }*/ 222 .some-class-row, 223 .menu-row { 224 background: none; 225 } 226 227 ul#m1 .some-class .sub2-item, 228 ul#m1 .some-class .sub3-item { 229 padding-left: 1rem; 230 } 231 232 ul#m1 .some-class .sub3-item { 233 margin-bottom: 0; 234 } 235 236 ul#m1 li.nav-item .arrow-down { 237 display: block; 238 position: absolute; 239 top: 0px; 240 right: 0px; 241 bottom: 0px; 242 /*border-left: 1px solid rgba(255,255,255,0.5);*/ 243 width: 2.6rem; 244 cursor: pointer; 245 } 246 247 ul#m1 li.nav-item .arrow-down:after { 248 content: ''; 249 border: 2px solid #203A53; 250 border-width: 0 2px 2px 0; 251 display: block; 252 position: absolute; 253 right: 1rem; 254 top: 0.85rem; 255 transform-origin: 66% 66%; 256 transform: rotate(45deg); 257 transition: all .1s ease-in-out; 258 height: 10px; 259 width: 10px; 260 } 261 262 .mi-mob-hide, 263 .mi-mob-hide { 264 display: none !important; 265 } 266 267 .some-class { 268 display: block !important; 269 max-height: 0; 270 overflow: hidden; 271 } 272 273 .some-class.expanded { 274 max-height: 500px; 275 } 276} 277 278/*--- /new menu ---*/ 279</style> <style type="text/css">.language-selector-dropdown{display:none;flex-direction:column;align-items:flex-end;color:#203A53;z-index:11;float:right;position:relative;pointer-events:none}.language-selector-dropdown *{pointer-events:auto}.lang-dropdown-content{display:none;border-radius:7px;overflow:hidden;background-color:#f3f3f3;border-top:4px solid #84A6C8;z-index:inherit;padding:0;margin:0;box-shadow:0 25px 60px rgba(0,0,0,.25)}.lang-link-container{display:flex;flex-direction:column;justify-content:center;padding:.6rem;background-color:inherit;border-radius:7px;overflow:hidden}.language-selector-dropdown.open .lang-dropdown-content{display:flex}.selector-button{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;z-index:12;height:30px;border-radius:7px;background-color:#f1f1f1;outline:0;border:none;text-transform:uppercase;color:inherit;font-weight:bolder;font-size:12px;cursor:pointer;width:40px}.arrow{border-right:4px solid transparent;border-left:4px solid transparent;position:relative;bottom:-1px;transition:transform .1s ease-in-out;-webkit-transition:transform .1s ease-in-out}.selector-button .arrow{border-top:4px solid red}.language-selector-dropdown.open .arrow{transform:rotate(180deg)}.lang-link{padding:.35rem .4rem!important;color:inherit;text-decoration:none!important;font-size:12px!important;font-family:Helvetica,Arial,serif;font-weight:400!important;text-transform:none}.lang-link:hover{background-color:#FFCEA0;color:inherit}.lang-selector-link{display:none!important}.format-switch-container{display:flex;flex-direction:row;justify-content:center;align-items:center}.format-switch-container .format-switch-button{display:flex!important;flex-direction:column;justify-content:center;align-items:center;width:30px;height:30px;text-transform:none!important;padding:0 5px!important;font-size:14px!important;border-radius:7px}.format-switch-container .format-switch-button.switch-12{font-size:10px!important;line-height:10px!important}.format-switch-container .format-switch-button.selected{color:#203A53;background-color:#F3F3F3;text-decoration:none;cursor:unset;pointer-events:none}@media only screen and (max-width:768px){.lang-item{padding:0;margin:auto 0 0;position:relative;height:100%;min-height:60px;display:flex!important;flex-direction:row;justify-content:center;align-items:flex-end}.lang-selector-link{bottom:10px;display:block!important;margin:0}.open-menu{display:flex!important;flex-direction:column;height:100%!important}ul#m1{height:100vh;background-color:#FFF;color:#203A53;gap:15px}ul#m1 a{color:#203A53!important}ul#m1 .nav-item{margin:0 auto!important;border-radius:7px;width:95%;background-color:#F6F6F8}ul#m1 .nav-item a{padding:10px 15px}ul#m1 .nav-item .some-class{font-size:15px}ul#m1 li.close{margin-bottom:-10px}ul#m1 .nav-item.open .arrow-down{transform:rotate(180deg)}ul#m1 .close-item{background:0 0;display:flex!important;flex-direction:row;align-items:center;justify-content:flex-end}.arrow-down{max-height:42px;transition:transform .1s ease-in-out;-webkit-transition:transform .1s ease-in-out}#language-selector-link .arrow-down{transform:rotate(180deg);pointer-events:none}.open-selector{border-top-left-radius:0!important;border-top-right-radius:0!important}.open-selector .arrow-down{transform:rotate(0)!important}.language-selector-dropdown{display:flex;width:100%}.language-selector-dropdown .lang-dropdown-content{width:95%;margin:0 auto -10px;border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:175px;box-shadow:none}.language-selector-dropdown .lang-link-container{flex-wrap:wrap;flex-grow:1;justify-content:flex-start;align-items:flex-start}.selector-button{display:none}.no-scroll{height:100vh!important;overflow:hidden!important}li.contacts{padding-top:0!important;border:none!important}.format-switch-container{position:absolute;top:0;bottom:0;width:100%}.format-switch-container .format-switch-button{width:40%;height:50px;font-size:22px!important;text-decoration:none}.format-switch-container .format-switch-button.switch-12{font-size:18px!important;line-height:18px!important}.format-switch-container .format-switch-button:hover{text-decoration:none!important}.close-item .close-button-container{width:42px;height:42px;display:flex;justify-content:center;align-items:flex-end}.close-item .close-button-container .close-icon{display:block!important;background-image:url(/i/close-icon.svg);background-repeat:no-repeat;background-size:cover;background-position:center;height:17px;width:17px}}@media only screen and (max-width:450px){.lang-dropdown-content{max-height:unset!important}}@media only screen and (min-width:769px){.language-selector-dropdown,li.lang-item,ul#m1{display:flex}li.lang-item{flex-direction:row;justify-content:flex-end;align-items:flex-start;position:relative;margin:0!important}ul#m1{flex-direction:row;justify-content:flex-start}ul#m1 li.contacts{margin-left:auto}}</style> <link rel="preload" href="/deferred-styles.css?_1767270955" as="style" 280 onload="this.onload=null;this.rel='stylesheet'"> 281 <noscript> 282 <link rel="stylesheet" href="/deferred-styles.css?_1767270955"> 283 </noscript> 284 285
285<script type="text/javascript" id="data-layer"> 286 window.dataLayer = window.dataLayer || []; 287 var dataLayer = [{"siteLang":"en","ig":0,"expName":["CityTimeMeta","CityTimeMeta"],"pageType":"location_city1","pageCountry":"United Kingdom","ContentID":"136","expGroup":"c1_group2"}]; 288 289 var randomNumber = Math.floor((Math.random() * 32) + 1); 290 dataLayer[0].dynExpGroup = "v" + randomNumber; 291 </script>
291 292
292<script type="text/javascript"> 293 let jinjaVars = { 294 pageType: "cities-timeIn", 295 pushToGoogletag: (func) => { 296 if (window.dataLayer.length && window.dataLayer[0].currentAdstack === "gam") { 297 googletag.cmd.push(func) 298 } 299 }, 300 } 301 302 const isRealAgent = () => { 303 const botPattern = "googlebot|bot|Googlebot-Mobile|Googlebot-Image|Google favicon|bingbot|slurp|java|wget|curl" 304 const re = new RegExp(botPattern, "gi") 305 const userAgent = navigator.userAgent 306 return !re.test(userAgent) 307 } 308 309 ;(() => { 310 const realAgent = isRealAgent() 311 const adstack = new URL(window.location.href).searchParams.get("adstack") 312 let currentAdstack = "" 313 314 if (realAgent && adstack !== "gam-disabled") { 315 const dynExpGroup = parseInt(dataLayer[0].dynExpGroup.replace("v", "")) 316 let loadFuse = dynExpGroup <= 31 317 let loadGam = dynExpGroup >= 32 318 319 if (adstack === "gam") { 320 loadFuse = false 321 loadGam = true 322 } else if (adstack === "publift") { 323 loadFuse = true 324 loadGam = false 325 } 326 327 if (loadFuse) { 328 currentAdstack = "publift" 329 const fuseScriptTag = document.createElement("script") 330 fuseScriptTag.async = true 331 fuseScriptTag.src = "https://cdn.fuseplatform.net/publift/tags/2/3751/fuse.js" 332 document.head.appendChild(fuseScriptTag) 333 } else if (loadGam) { 334 currentAdstack = "gam" 335 const gptScriptTag = document.createElement("script") 336 gptScriptTag.async = true 337 gptScriptTag.src = "https://www.googletagservices.com/tag/js/gpt.js" 338 document.head.appendChild(gptScriptTag) 339 } 340 341 window.dataLayer[0].currentAdstack = currentAdstack 342 } else { 343 window.dataLayer[0].currentAdstack = adstack 344 } 345 346 window.dataLayer.push({ "ig": !realAgent }) 347 })() 348 </script>
348 349 350 <!-- Google Tag Manager --> 351
351<script> 352 ;(() => { 353 const adstack = new URL(window.location.href).searchParams.get("adstack"); 354 const dynExpGroup = parseInt(dataLayer[0].dynExpGroup.replace("v", ""), 10);
vendor: 404 bytes, lines 354-359
354 355 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 356 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 357 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 358 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 359 })(window,document,'script','dataLayer','
359GTM-PZXF2Q
vendor: 12 bytes, lines 359-360
359'); 360
360})(); 361 </script>
361 362 <!-- End Google Tag Manager --> 363
364<script> 365 /*window.googlefc = window.googlefc || {}; 366 googlefc.controlledMessagingFunction = (message) => { 367 var percentageToShowTo = 0; 368 var rand = Math.random() * 100; 369 370 if (rand <= percentageToShowTo) { 371 message.proceed(true); 372 } else { 373 message.proceed(false); 374 } 375 };*/ 376</script>
376 377 378
378<script type="text/javascript"> 379 const siteLang = navigator.language; 380 const dateTimeFormat = new Intl.DateTimeFormat(siteLang, { 381 hour: 'numeric', 382 minute: 'numeric', 383 }); 384 const formattedDate = dateTimeFormat.format(new Date()); 385 const timeFormat = formattedDate.match(/\b(?:am|pm)\b/gi) ? 12 : 24; 386 387 if (!localStorage.getItem("timeFormat")) localStorage.setItem("timeFormat", timeFormat); 388 389 const getTimeFormat = () => parseInt(localStorage.getItem("timeFormat"), 10); 390 391 const addLeadingZeros = number => number < 10 ? `0${number}` : number; 392 393 const getTime = (dateObject, is24Hr = false, utcHours = true, ignoreZeros = false) => { 394 const is24format = is24Hr ? true : getTimeFormat() === 24; 395 const hoursToUse = utcHours ? dateObject.getUTCHours() : dateObject.getHours(); 396 const minutes = utcHours ? dateObject.getUTCMinutes() : dateObject.getMinutes(); 397 398 if (is24format) return `${addLeadingZeros(hoursToUse)}:${addLeadingZeros(minutes)}`; 399 else { 400 const hours = hoursToUse > 12 ? hoursToUse - 12 : hoursToUse; 401 const minutesFor12Format = ignoreZeros && minutes === 0 ? "" : `:${addLeadingZeros(minutes)}`; 402 return `${hours}${minutesFor12Format}`; 403 } 404 }; 405 406 const getMeridiem = (dateObject, utcHours = true) => { 407 if (getTimeFormat() === 12) { 408 const hoursToUse = utcHours ? dateObject.getUTCHours() : dateObject.getHours(); 409 return hoursToUse >= 12 ? "PM" : "AM"; 410 } else return ""; 411 }; 412 413 // NOTE: By default all transitions are UTC+0 (meaning the timestamps are in Greenwich time). So 414 // when converting time, or checking for DST overall, dateObject should hold UTC time, not local. 415 // To avoid breaking anything, by default this function will keep assuming that the check 416 // is being ran on local, non-utc time. 417 const dstInEffect = (transitionData, dateObject = null, utcDate = false) => { 418 if (!transitionData.has_dst) return false; 419 420 const rawOffset = utcDate ? 0 : transitionData.raw_offset; 421 const dstOffset = utcDate ? 0 : transitionData.dst_offset; 422 const currentTime = dateObject !== null ? (dateObject.getTime() / 1000) : jinjaVars.serverTime; 423 const dstStarts = transitionData.dst_starts + rawOffset - 1; 424 const dstEnds = transitionData.dst_ends + dstOffset - 1; 425 const dstHasStarted = currentTime > dstStarts; 426 const dstHasEnded = currentTime > dstEnds; 427 428 return (!dstHasStarted && !dstHasEnded && dstStarts > dstEnds) || (dstHasStarted && !dstHasEnded); 429 }; 430 </script>
430 431 432 433 <style type="text/css">div#wt_leftCol { 434 float: left; 435 width: 780px; 436 overflow: hidden 437} 438 439div.infoRow { 440 float: left; 441 padding: 2.3em 0 0 0; 442 width: 478px; 443} 444 445h3.infoRowTitle { 446 font-size: 0.9rem; 447 background-color: #B9CAED; 448 padding: 0.7em 0.7em; 449 margin: 1.25em 1.88em 1.25em 1.25em; 450 float: left; 451 width: 200px; 452} 453 454@media only screen and (max-width: 980px) { 455 div#wt_leftCol, 456 div.infoRow, 457 h3.infoRowTitle { width: 100%; float: none} 458 459 div.infoRow { padding: 0.8em 0 0 0;} 460 h3.infoRowTitle { 461 margin: 0; 462 padding: 0.7em 0.1em; 463 } 464}</style> <style type="text/css">.add_event { 465 display: none; 466 background-color: #FFDAB9; 467 height: 100%; 468} 469.add_event span { 470 text-transform: uppercase; 471 text-decoration: none; 472 color: #E00; 473 font-size: 1.1em; 474 display: table-cell; 475 padding: 0 auto; 476 text-align: center; 477 vertical-align: middle; 478} 479.add_event span:hover { 480 color: #C00; 481 cursor: pointer; 482} 483@media only screen and (min-width: 769px) { 484 .next-to-banner { 485 background: #f3f3f3; 486 height: 250px; 487 display: table; 488 } 489 .next-to-banner .current-time { 490 height: auto; 491 } 492 .add_event { display: table-row;} 493 494 .full-mode .next-to-banner { 495 background: #f3f3f3; 496 height: auto; 497 display: block; 498 } 499 .full-mode .add_event { display: none;} 500 501} 502</style> 503
503<script type="text/javascript">;(function (global) { 504 var tU = "undefined"; 505 506 function Tz24AdVisibilityTracker(gpt_slot) { 507 this.slot_id = gpt_slot.getSlotElementId(); 508 this.ad_unit_path = gpt_slot.getAdUnitPath(); 509 510 var ad_unit_parts = this.ad_unit_path.split("/"); 511 this.ad_unit_placement = ad_unit_parts[ad_unit_parts.length - 1]; 512 this.refresh_count = 0; 513 this.refresh_timer = null; 514 } 515 516 517 Tz24AdVisibilityTracker.prototype.trackGptEvent = function(gpt_event){ 518 var inViewPercentage = gpt_event.inViewPercentage; 519 var self = this; 520 if (inViewPercentage >= 100) { 521 if(null == this.refresh_timer) { 522 var on_timeout = function() { 523 self.refresh_count += 1; 524 if(tU !== typeof dataLayer) { 525 var event_name = self.ad_unit_placement + '_reload_'; 526 if(self.refresh_count <= 10) { 527 event_name += String(self.refresh_count); 528 } else { 529 event_name += 'gt10'; 530 } 531 dataLayer.push({'event': event_name, 'reload_count': self.refresh_count }); 532 } 533 self.refresh_timer = setTimeout(on_timeout, 30000); 534 }; 535 this.refresh_timer = setTimeout(on_timeout, 30000); 536 } 537 } else { 538 if(null != this.refresh_timer) { 539 clearTimeout(this.refresh_timer); 540 this.refresh_timer = null; 541 } 542 } 543 }; 544 545 global.Tz24AdVisibilityTracker = Tz24AdVisibilityTracker; 546})(this);</script>
546
546<script> 547 var googletag = googletag || {}; 548 googletag.cmd = googletag.cmd || []; 549 </script>
549 550
551<script> 552jinjaVars.pushToGoogletag(function() { 553 554var mapping_top = googletag.sizeMapping().addSize([0,0],[[300,250],[250,250]]) 555.build(); 556var top_slot = googletag.defineSlot("/21727093501/en/top", [300,250], "div-gpt-ad-1") 557.setTargeting("pageType", "location_city1") 558.setTargeting("siteLang", "en") 559.setTargeting("pageExpGroup", "c1_group2") 560.defineSizeMapping(mapping_top) 561.addService(googletag.pubads()); 562var mapping_side = googletag.sizeMapping().addSize([990,0],[[160,600],[120,600]]) 563.build(); 564var side_slot = googletag.defineSlot("/21727093501/en/side", [160,600], "div-gpt-ad-2") 565.setTargeting("pageType", "location_city1") 566.setTargeting("siteLang", "en") 567.setTargeting("pageExpGroup", "c1_group2") 568.defineSizeMapping(mapping_side) 569.addService(googletag.pubads()); 570var mapping_bottom = googletag.sizeMapping().addSize([0,0],[[300,250],[336,280],[250,250],[330,275],[320,267]]) 571.addSize([767,0],[[728,90],[750,100]]) 572.build(); 573var bottom_slot = googletag.defineSlot("/21727093501/en/bottom", [728,90], "div-gpt-ad-3") 574.setTargeting("pageType", "location_city1") 575.setTargeting("siteLang", "en") 576.setTargeting("pageExpGroup", "c1_group2") 577.defineSizeMapping(mapping_bottom) 578.addService(googletag.pubads()); 579 580googletag.pubads().enableLazyLoad({"fetchMarginPercent":50,"renderMarginPercent":50,"mobileScaling":1}); 581googletag.enableServices(); 582googletag.pubads().setTargeting("domain", window.location.host); 583googletag.pubads().setTargeting("url", window.location.pathname); 584});</script>
584
584<script> 585 if (typeof window.TZ24_Ads_Visibility_Trackers == "undefined") { 586 window.TZ24_Ads_Visibility_Trackers = {} 587 } 588 jinjaVars.pushToGoogletag(function() { 589 googletag.pubads().addEventListener("slotVisibilityChanged", function(e) { 590 var slot = e.slot 591 var slot_id = slot.getSlotElementId() 592 593 if (!(slot_id in window.TZ24_Ads_Visibility_Trackers)) { 594 window.TZ24_Ads_Visibility_Trackers[slot_id] = new Tz24AdVisibilityTracker(slot) 595 } 596 window.TZ24_Ads_Visibility_Trackers[slot_id].trackGptEvent(e) 597 }) 598 }) 599 </script>
599 600 601</head> 602<body data-page-type="cities-timeIn"> 603 <div class="bg-overlay"></div>
604<script type="text/javascript"> 605 jinjaVars = { 606 ...jinjaVars, 607 lang: "en", 608 customUrlLangs: ["de"], 609 getTime, 610 addLeadingZeros, 611 dstInEffect, 612 getMeridiem, 613 getTimeFormat, 614 }; 615 616 const handleServerTime = serverTime => { 617 console.info("Server time loaded.") 618 jinjaVars.serverTime = serverTime; 619 } 620</script>
vendor: 1 bytes, line 620
620
621<script src="/t?callback=handleServerTime" async defer></script>
621 622
623<script type="text/javascript"> 624 const httpGet = (url, callback, failCallback) => { 625 const request = new XMLHttpRequest(); 626 request.onreadystatechange = () => { 627 if (request.readyState === 4 && request.status === 200) callback(request); 628 if (request.readyState === 4 && request.status !== 200 && typeof failCallback !== "undefined") { 629 failCallback(request); 630 } 631 }; 632 request.open("GET", url, true); 633 request.send(null); 634 }; 635 636 const addScriptTag = (src, async = false, defer = false, onload = null) => { 637 const scriptTag = document.createElement("script") 638 scriptTag.defer = defer; 639 scriptTag.async = async; 640 scriptTag.src = src; 641 if(onload) scriptTag.onload = onload; 642 document.body.appendChild(scriptTag); 643 } 644 645 const addScriptOnLoad = (src, async = false, defer = false) => { 646 if (document.readyState !== "loading") { 647 addScriptTag(src, async, defer); 648 } else { 649 document.addEventListener("DOMContentLoaded", () => { 650 addScriptTag(src, async, defer); 651 }); 652 } 653 } 654 655 let timeLoadingTimeout; 656 const loadServerTime = (callback, attempt = 0) => { 657 clearTimeout(timeLoadingTimeout); 658 const maxAttempts = 10; 659 const desiredDelay = 1000 * (attempt || 1); 660 const delay = desiredDelay > 5000 ? 5000 : desiredDelay; 661 662 if (attempt > maxAttempts) throw new Error("Server time didn't load after 10 attempts."); 663 664 if (jinjaVars.serverTime) { 665 callback(jinjaVars.serverTime); 666 } else { 667 console.info("Waiting for the server time..."); 668 timeLoadingTimeout = setTimeout(() => loadServerTime(callback, attempt + 1), delay); 669 } 670 } 671</script>
671 672 673<!-- Google Tag Manager (noscript) -->
vendor: 73 bytes, lines 673-675
673 674<noscript> 675 <iframe src="https://www.googletagmanager.com/ns.html?id=
675GTM-PZXF2Q
vendor: 96 bytes, lines 675-677
675" 676 height="0" width="0" style="display:none;visibility:hidden"></iframe> 677</noscript>
678<!-- End Google Tag Manager (noscript) --> 679<div id="page"> 680 <!-- Start Sentry loader and config --> 681
681<script 682 src="https://browser.sentry-cdn.com/8.13.0/bundle.replay.min.js" 683 integrity="sha384-qjmvDcIpD3JwPAeOYv3SVWU5mx6TLnn885/+CwwMEVXy3NaFzcHYG8vRAzGgtNKJ" 684 crossorigin="anonymous" 685 ></script>
685 686
686<script type="text/javascript"> 687 Sentry.init({ 688 dsn: "https://d87eaa02ddca2c3cfa43910c8ef65ea1@o4507384302403584.ingest.us.sentry.io/4507384304304128", 689 allowUrls: [/^https?:\/\/([a-zA-Z0-9-]+\.)*24timezones\.com/], 690 beforeSend(event) { 691 if (event.exception && event.exception.values) { 692 const errorMessage = event.exception.values[0].value; 693 694 // Filter out events with the specific non-error promise rejection message 695 const includesNonErrorMessage = errorMessage.includes("Non-Error promise rejection captured with value: timeout"); 696 697 // Filter out all events thrown by external sources 698 const allowedSourcePatterns = [/24timezones\.com/gi]; 699 const frames = event.exception.values[0].stacktrace?.frames || []; 700 const hasValidSource = frames.some( 701 frame => allowedSourcePatterns.some( 702 sourcePattern => sourcePattern.test(frame.filename) 703 ) 704 ); 705 706 if (includesNonErrorMessage || !hasValidSource) { 707 return null; // Ignore this event 708 } 709 } 710 return event; // Send the event if it doesn't match the filter 711 }, 712 maxBreadcrumbs: 50, 713 sampleRate: 0.02, 714 tracesSampleRate: 0.01, 715 // This sets the sample rate to be 10%. You may want this to be 100% while 716 // in development and sample at a lower rate in production 717 replaysSessionSampleRate: 0.1, 718 // If the entire session is not sampled, use the below sample rate to sample 719 // sessions when an error occurs. 720 replaysOnErrorSampleRate: 1.0, 721 integrations: [ 722 Sentry.replayIntegration({ 723 maskAllText: true, 724 blockAllMedia: true, 725 }), 726 ], 727 }) 728 729 Sentry.setContext("dataLayer", { dataLayer: JSON.stringify(dataLayer) }); 730 </script>
730 731 <!-- End Sentry loader and config --> 732 <!-- Header --> 733 734 <p id="path" itemscope itemtype="http://schema.org/BreadcrumbList"> 735 <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 736 <a itemprop="item" href="/" 737 title="World Time"> 738 <span itemprop="name">World Time</span> 739 </a> 740 <meta itemprop="position" content="1"/> 741 </span> 742 <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 743 <a itemprop="item" href="/United-Kingdom/time" 744 title="Time in United Kingdom"> 745 <span itemprop="name">United Kingdom</span> 746 </a> 747 <meta itemprop="position" content="2"/> 748 </span> 749 <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 750 <a itemprop="item" class="last" disabled="true" 751 href="/London/time" 752 > 753 <span itemprop="name">London</span> 754 </a> 755 <meta itemprop="position" content="3"/> 756 </span> 757 </p> 758 <div class="header-container"> 759 <div class="header-content"> 760 <a href="/" class="logo-cover" title="24TimeZones.com"> 761 <span class="logo">24</span> 762 <span class="logo-text"><span class="desktop-name">timezones</span><span class="mob-name">tz</span></span> 763 </a> 764 <div class="search-container"> 765 <input type="text" id="global-search" class="search-input" autocomplete="off" 766 placeholder="Select a city, country or timezone"> 767 <div class="message-container"> 768 <div class="search-message" id="searching-message__global-search"></div> 769 </div> 770 <select id="selector-container__global-search"></select> 771 <button id="search-submit__global-search" class="search-submit"></button> 772 </div> 773 <div class="example-links"> 774 e.g. <a href="/India/time">India</a>, <a href="/London/time">London</a>, <a href="/Japan/time">Japan</a> </div> 775 <i class="menu-icon" id="ico-menu"></i> 776 </div> 777 </div> 778 <ul id="m1"> 779 <li class="close-item nav-item"> 780 <div class="close-button-container"> 781 <i class="close-icon" id="menu-close-button"></i> 782 </div> 783 </li> 784 <li class="nav-item"><a href="/"title="world time">World Time<i class="arrow-down"></i></a><div class="some-class"><div class="some-class-row"><div class="some-class-col"><a href="/" class="sub2-item" title="world clock">World Clock</a><div><a href="/current_world_time.php" class="sub3-item" title="time in cities">Cities</a><a href="/local_world_time.php" class="sub3-item" title="time in countries">Countries</a><a href="/time-zone/gmt" class="sub3-item" title="Exact GMT time">GMT time</a><a href="/time-zone/utc" class="sub3-item" title="Exact Universal Coordinated Time">UTC time</a><a href="/am-pm" class="sub3-item" title="AM and PM">AM and PM</a></div><a href="/difference" class="sub2-item" title="Time Difference">Time zone conveter</a><a href="/area-codes" class="sub2-item">Area Codes</a><div><a href="/United-States/area-codes" class="sub3-item">United States</a><a href="/Canada/area-codes" class="sub3-item">Canada</a></div></div></div></div></li><li class="nav-item"><a href="/time-zones"title="time zones">Time Zones<i class="arrow-down"></i></a><div class="some-class"><div class="some-class-row"><div class="some-class-col"><a href="/time-zones" class="sub2-item" title="Time Zone Abbreviations">Time Zone Abbreviations</a><div><a href="/time-zone/utc" class="sub3-item" title="UTC">UTC</a><a href="/time-zone/gmt" class="sub3-item" title="GMT">GMT</a></div><a href="/timezone-map" class="sub2-item" title="Time zone map">World Time Zone Map</a><span class="sub2-item">Knowledge Base</span><div><a href="/gmt-vs-utc" class="sub3-item"> GMT and UTC difference</a><a href="/daylight-saving-time" class="sub3-item" title="Daylight Saving Time">Daylight Saving Time</a><a href="/world-time-zones" class="sub3-item" title="How we keep time in zones">How we keep time in zones</a><a href="/military-time" class="sub3-item" title="military time">Military Time</a></div></div></div></div></li><li class="nav-item"><a href="/difference"title="Time difference">Time Converter<i class="arrow-down"></i></a><div class="some-class"><div class="some-class-row"><div class="some-class-col"><a href="/difference" class="sub2-item" title="calculate time difference">Time Difference Calculator</a><span class="sub2-item">
784Popular Converters </span><div><a href="/difference/us-ny/london" class="sub3-item" title="New York London time">New York vs London</a><a href="/difference/central/eastern" class="sub3-item" title="Central Time Eastern Time">Central vs Eastern Time</a><a href="/difference/us-ca/us-hi" class="sub3-item" title="California Hawaii time">California vs Hawaii</a><a href="/difference/eastern/pacific" class="sub3-item" title="Eastern Pacific Time">Eastern vs Pacific Time</a></div></div></div></div></li><li class="nav-item"><a href="/worldmap"title="maps of countries and cities">Maps<i class="arrow-down"></i></a><div class="some-class"><div class="some-class-row"><div class="some-class-col"><a href="/timezone-map" class="sub2-item" title="world time zones">Time Zone Maps</a><div><a href="/timezone-map" class="sub3-item">World Time Zone Map</a><a href="/au_map/australia_time.php" class="sub3-item">Australia Time Zone Map</a><a href="/ca_map/canada_time.php" class="sub3-item" title="/ca_map/canada_time.php">Canada Time Zone Map</a><a href="/eu_map/europe_time.php" class="sub3-item">EU Time Zone Map</a><a href="/us_clock/usa_time.php" class="sub3-item" title="check time in the US">US Time Zone Map</a></div><a href="/worldmap" class="sub2-item" title="world map">World Map</a></div></div></div></li><li class="nav-item"><a href="/clock-widget"title="Widgets for websites and blogs">Clock Widgets<i class="arrow-down"></i></a><div class="some-class"><div class="some-class-row"><div class="some-class-col"><a href="/clock-widget" class="sub2-item" title="Widgets for websites and blogs">Widgets for websites and blogs</a><div><a href="/clock-widget/analog" class="sub3-item" title="Analog clock widget for website">Analog clock widget</a><a href="/clock-widget/digital" class="sub3-item" title="Digital clock widget for website">Digital clock widget</a><a href="/clock-widget/text" class="sub3-item" title="Text clock widgets for website">Text clock widget</a></div></div></div></div></li><li class="nav-item"><a href="/about-us"title="about">About Us<i class="arrow-down"></i></a><div class="some-class"><div class="some-class-row"><div class="some-class-col"><a href="/about-us" class="sub2-item" title="about">Why 24timezones</a><div><a href="/about-us" class="sub3-item" title="About Us">About Us</a><a href="/contacts.php" class="sub3-item">Contact Us</a></div></div></div></div></li><li class="nav-item contacts"><a href="/event/create" class=" contacts" title="when your event will start?">Announce event!</a></li> <li class="lang-item"> 785 <div class="format-switch-container"> 786 <a id="format-switch-12" 787 class="format-switch-button switch-12" 788 href="javascript:void(0)"> 789 <span>am</span> 790 <span>pm</span> 791 </a> 792 <a id="format-switch-24" 793 class="format-switch-button" 794 href="javascript:void(0)"> 795 24 796 </a> 797 798
798<script type="text/javascript"> 799 const selectedFormat = localStorage.getItem("timeFormat"); 800 const switch12 = document.getElementById("format-switch-12"); 801 const switch24 = document.getElementById("format-switch-24"); 802 803 if (parseInt(selectedFormat) === 24) { 804 switch24.classList.toggle("selected"); 805 } else { 806 switch12.classList.toggle("selected"); 807 } 808 809 const handleFormatChange = () => { 810 const newFormat = getTimeFormat() === 12 ? 24 : 12; 811 setTimeFormat(newFormat); 812 813 switch12.classList.toggle("selected"); 814 switch24.classList.toggle("selected"); 815 } 816 817 switch12.addEventListener("click", handleFormatChange); 818 switch24.addEventListener("click", handleFormatChange); 819 </script>
819 820 </div> 821 <div class="language-selector-dropdown" id="language-selector-dropdown"> 822 <button class="selector-button" id="lang-selector-button"> 823 en <i class="arrow"></i> 824 </button> 825 <div class="lang-dropdown-content"> 826 <div class="lang-link-container"> 827 <a href="/Londres/hora" class="lang-link" title="husos horarios Londres"> 828 ES - Español </a> 829 <a href="/Londres/horas" class="lang-link" title="hora atual Londres"> 830 PT - Português </a> 831 <a href="/Londres/heure" class="lang-link" title="heure Londres"> 832 FR - Français </a> 833 <a href="/Londra/ora" class="lang-link" title="Londra ora esatta"> 834 IT - Italiano </a> 835 <a href="/London/zeit" class="lang-link" title="Aktuelle Zeit London"> 836 DE - Deutsch </a> 837 <a href="/Londyn/czas" class="lang-link" title="Londyn zegar"> 838 PL - Polski </a> 839 <a href="/%D0%9B%D0%BE%D0%BD%D0%B4%D0%BE%D0%BD/%D1%87%D0%B0%D1%81" class="lang-link" title="Ðондон - мÑÑÑевий ÑаÑ"> 840 UK - УкÑаÑнÑÑка </a> 841 <a href="/%D0%9B%D0%BE%D0%BD%D0%B4%D0%BE%D0%BD/%D0%B2%D1%80%D0%B5%D0%BC%D1%8F" class="lang-link" title="ÑоÑное вÑÐµÐ¼Ñ Ðондон"> 842 RU - Ð ÑÑÑкий </a> 843 <a href="/%E4%BC%A6%E6%95%A6/%E6%97%B6%E9%97%B4" class="lang-link" title="ä¼¦æ¦æ¶é´"> 844 ZH - 䏿 </a> 845 <a href="/%E3%83%AD%E3%83%B3%E3%83%89%E3%83%B3/%E6%99%82%E9%96%93" class="lang-link" title="ãã³ãã³ä¸çæè¨"> 846 JA - æ¥æ¬èª </a> 847 <a href="/Londen/tijd" class="lang-link" title="{city_nl} tijd"> 848 NL - Nederlands </a> 849 <a href="/London/tid" class="lang-link" title="London ur"> 850 DA - Dansk </a> 851 </div> 852 </div> 853</div> 854 855<li class="nav-item lang-selector-link"> 856 <a href="javascript:void(0)" id="language-selector-link"> 857 EN - English <i class="arrow-down"></i> 858 </a> 859</li> <style> 860 @media only screen and (min-width: 769px) { 861 .format-switch-container { 862 position: absolute; 863 right: 50px; 864 } 865 } 866 </style> 867 </li> 868 </ul> 869 870 <!-- /Header --> 871
871<script> 872 const setTimeFormat = value => { 873 localStorage.setItem("timeFormat", value); 874 const mapConfig = JSON.stringify({ 875 clocksPage: {"timeformat": value}, 876 mapPage: {"timeformat": value}, 877 }); 878 localStorage.setItem("worldconfig", mapConfig); 879 localStorage.setItem("auconfig", mapConfig); 880 localStorage.setItem("caconfig", mapConfig); 881 localStorage.setItem("euconfig", mapConfig); 882 localStorage.setItem("usconfig", mapConfig); 883 884 const closeButton = document.getElementById("menu-close-button"); 885 if (closeButton) closeButton.dispatchEvent(new Event("click")); 886 887 if (jinjaVars.timeFormatCallback) jinjaVars.timeFormatCallback(value); 888 }; 889 890 const storageTimeFormat = getTimeFormat(); 891 setTimeFormat(storageTimeFormat); 892 </script>
892 893 <!-- Content --> 894 895 <h1>Time in London now</h1> 896 <div class="clock_block custom" id="clock-block"> 897 <div class="next-to-banner"> 898 <div class="current-time"> 899 <span class="fullscreen-ico"></span> 900 <p class="location-name">London</p> 901 <div id="cityClock"> 902 <div class="time"> 903 <span class="hours">--</span> 904 <span class="minutes">--</span> 905 <span class="seconds">--</span> 906 </div> 907 <p style="white-space: nowrap">㠤㠤㠤㠤㠤㠤㠤㠤㠤㠤㠤㠤㠤㠤㠤㠤㠤㠤㠤㠤㠤㠤㠤㠤</p> 908</div> 909 </div> 910 <div class="add_event"> 911 <span data-href="/difference/london" 912 title="Time difference with London"> 913 London time to your local time converter 914 </span> 915 </div> 916 </div> 917 <div class="ad-container-square"> 918 <div data-fuse="23203723679" id="div-gpt-ad-1" >
919<script> 920jinjaVars.pushToGoogletag(function() { googletag.display("div-gpt-ad-1"); }); 921</script>
921 922</div> </div> 923 </div> 924 <div style="clear: both"></div> 925 926 <div id="capital-container"> 927 <p class="capital" id="header-capital">London is the capital of the United Kingdom</p> 928 </div> 929 <h2>Current local time in London and DST dates in 2026</h2> 930 <div class="time-page-container"> 931 <div class="time-page-content"> 932 <div class="dataBlock dBColor3"> 933 <h3 class="infoRowTitle">Local time</h3> 934 <div class="infoRow"> 935 <p class="text-clock"> 936 <strong> 937 <span id="currentTime">--:--</span> 938 BST </strong> 939 </p> 940 </div> 941 <div class="fClearer"> </div> 942 943 <h3 class="infoRowTitle"> 944 <a href="/London/time-zone"> 945 London time change </a> 946 </h3> 947 <div class="infoRow"> 948 <b>Next time change is in 2 months and 27 days, set your clock back 1 hour.</b> 949 </div> 950 <div class="fClearer"> </div> 951 952 <h3 class="infoRowTitle">London summer time (DST) in 2026</h3> 953 954 <div class="infoRow"> 955 <table cellspacing="0" cellpadding="0" class="dataTab1 genericBlock"> 956 <colgroup> 957 <col width="50%"> 958 <col width="50%"> 959 </colgroup> 960 961 <tr class="odd"> 962 <td> 963 Daylight saving time 2026 in London begins at 1:00 AM on Sunday, March 29 </td> 964 <td>Set your clock forward 1 hour</td> 965 </tr> 966 <tr> 967 <td>It ends at 2:00 AM on Sunday, October 25</td> 968 <td>Set your clock back 1 hour</td> 969 </tr> 970 </table> 971 </div> 972 <div class="fClearer"> </div> 973 974 <h3 class="infoRowTitle"> 975 <a href="/London/time-zone"> 976 London time zone </a> 977 </h3> 978 <div class="infoRow"> <a href="/time-zone/gmt" title="Check Greenwich Mean Time">GMT - Greenwich Mean Time</a> 979 <br> 980 <a href="/time-zone/bst" title="Check British Summer Time">BST - British Summer Time</a> when 981 daylight saving time is being observed 982 (from late March to late October) 983 </div> 984 <div class="fClearer"> </div> 985 986 <h3 class="infoRowTitle">Time difference to GMT/UTC</h3> 987 <div class="infoRow"> 988 <table cellspacing="0" cellpadding="0" class="dataTab1 genericBlock"> 989 <tr class="odd"> 990 <th>Standard time zone:</th> 991 <td> 992 No UTC/GMT offset </td> 993 </tr> 994 <tr> 995 <th>
995Daylight saving time:</th> 996 <td>+1 hour</td> 997 </tr> 998 <tr class="odd"> 999 <th>Current time zone offset:</th> 1000 <td>UTC/GMT +1 hour</td> 1001 </tr> 1002 <tr> 1003 <th>Time zone abbreviation:</th> 1004 <td>BST</td> 1005 </tr> 1006 </table> 1007 </div> 1008 1009 <h3 class="infoRowTitle">Airports</h3> 1010 <div class="infoRow"> 1011 <table cellspacing="0" cellpadding="0" class="dataTab1 genericBlock"> 1012 <tr class="odd"> 1013 <th>Airport</th> 1014 <th>IATA</th> 1015 <th>ICAO</th> 1016 <th>Distance to London</th> 1017 </tr> 1018 <tr > 1019 <td>London City Airport</td> 1020 <td>LCY</td> 1021 <td>EGLC</td> 1022 <td>13 km</td> 1023 </tr> 1024 <tr class="odd"> 1025 <td>London Heathrow Airport</td> 1026 <td>LHR</td> 1027 <td>EGLL</td> 1028 <td>22 km</td> 1029 </tr> 1030 <tr > 1031 <td>London Gatwick Airport</td> 1032 <td>LGW</td> 1033 <td>EGKK</td> 1034 <td>40 km</td> 1035 </tr> 1036 <tr class="odd"> 1037 <td>Luton Airport</td> 1038 <td>LTN</td> 1039 <td>EGGW</td> 1040 <td>42 km</td> 1041 </tr> 1042 <tr > 1043 <td>Stansted Airport</td> 1044 <td>STN</td> 1045 <td>EGSS</td> 1046 <td>48 km</td> 1047 </tr> 1048 <tr class="odd"> 1049 <td>London Southend Airport</td> 1050 <td>SEN</td> 1051 <td>EGMC</td> 1052 <td>57 km</td> 1053 </tr> 1054 </table> 1055 </div> 1056 <div class="fClearer"> </div> 1057 <h3 class="infoRowTitle">Location</h3> 1058 <div class="infoRow"> 1059 <table cellspacing="0" cellpadding="0" class="dataTab1 genericBlock"> 1060 <tr class="odd"> 1061 <th>Latitude:</th> 1062 <td>51° 31' North</td> 1063 </tr> 1064 <tr> 1065 <th>Longitude:</th> 1066 <td>0° 08' East</td> 1067 </tr> 1068 <tr class="odd"> 1069 <th>Population:</th> 1070 <td>7556900</td> 1071 </tr> 1072 </table> 1073 <p><a href="/London/map" 1074 title="London map">London online map</a> 1075 </p> 1076 <p> 1077 <a href="/London/map" 1078 title="London map"> 1079 <img src="https://m.24timezones.com/static_images/cities/en/london.png" 1080 alt="London online map" width="350" 1081 height="200"/> 1082 </a> 1083 </p> 1084 <p> 1085 <strong>Time at locations near <a href="/world_directory/current_london_time.php" title="London current time" class="nls">London</a> time zone :</strong> <a href="/Birmingham/time" title="Birmingham exact official time">Birmingham</a>, <a href="/Glasgow/time" title="Glasgow exact official time">Glasgow</a>, <a href="/Liverpool/time" title="Liverpool exact official time">Liverpool</a>, <a href="/Edinburgh/time" title="Edinburgh exact official time">Edinburgh</a>, <a href="/Cardiff/time" title="Cardiff exact official time">Cardiff</a>, <a href="/Belfast/time" title="Belfast exact official time">Belfast</a> </p> 1086 </div> 1087 <div class="fClearer"> </div> 1088 </div> 1089 <table> 1090 <tr> 1091 <td> 1092 <div class="dataBlock dBColor1"> 1093 <h2 class="hiddenLink"><a href="/clock-widget/analog" title="Get analog clock widget">Install 1094 html5 analog clock on your web page.</a></h2> 1095 </div> 1096 </td> 1097 <td> 1098 <div class="dataBlock dBColor2"> 1099 <h2 class="hiddenLink"><a href="/clock-widget/digital" title="Get digital clock widget">Put 1100 digital website clock widget on your web pages.</a></h2> 1101 </div> 1102 </td> 1103 <td> 1104 <div class="dataBlock dBColor3"> 1105 <h2 class="hiddenLink"><a href="/clock-widget" title="Free website clock widgets">Free 1106 online clocks for website owners. Add useful functionality to your websites.</a> 1107 </h2> 1108 </div> 1109 </td> 1110 </tr> 1111 </table> 1112 </div> 1113 <div class="sidebar sticky"> 1114 <div data-fuse="23203724888" id="div-gpt-ad-2" >
1115<script> 1116jinjaVars.pushToGoogletag(function() { googletag.display("div-gpt-ad-2"); }); 1117</script>
1117 1118</div> </div> 1119 </div> 1120 <div class="fClearer"> </div> 1121 <div data-fuse="23203724891" id="div-gpt-ad-3" >
1122<script> 1123jinjaVars.pushToGoogletag(function() { googletag.display("div-gpt-ad-3"); }); 1124</script>
1124 1125</div> <div class="fClearer"> </div> 1126 1127 <!-- /Content --> 1128 <!-- Footer --> 1129 1130 <div id="m2" class="bottom-navigation"><div class="table-tr"><a title="check time around the world" href="/" >World Clock</a> <a href="/timezone-map" >Time Zone Map</a> <a title="check Europe time" href="/eu_map/europe_time.php" >Europe Time Map</a> <a title="check time in Australia" href="/au_map/australia_time.php" >Australia Time Map</a> <a title="check time in the US" href="/us_clock/usa_time.php" >US Time Map</a> <a title="check Canada time" href="/ca_map/canada_time.php" >Canada Time Map</a> <a title="check local time around the world" href="/local_world_time.php" >World Time Directory</a> <a href="/worldmap" >World Map</a> <a title="get free clock for your site" href="/clock-widget" >Free Clocks</a> <a title="contact with us" href="/contacts.php" >Contact Us</a></div></div> 1131 <p class="footer-text"> 1132 WHY USE 24timezones?<br/> 1133 1134 Use 24tz to plan your next perfect travel to London. You can even plan a call to your friend or business partner in London. If you need some help to figure out location, use London map that can show you satellite or street view. 1135 <br/> 1136 1137 We hope 24timezones has helped you plan your call or arrange your visit to this city.<br/> 1138 1139
1139<script> 1140 dataLayer.push({'bgExp': 'rBWnvy1ySnmBWArD3cDYZg1:1'}); 1141 </script>
1141 1142 Correct local time in London, United Kingdom timezone, official time change dates winter time 2026 daylight saving dates, DST, clock change, GMT/UTC difference. </p> 1143 <p class="copyrights"> 1144 <span class="nowrap">Copyright © 2005 - 2026 24TimeZones.com.</span> All rights reserved. </p> 1145 1146 <!-- /Footer --> 1147</div> 1148
1149<script type="text/javascript"> 1150 const icoMenu = document.querySelector("#ico-menu"); 1151 const closeButton = document.getElementById("menu-close-button"); 1152 1153 if (icoMenu) icoMenu.addEventListener("click", () => { 1154 document.getElementById("m1").classList.add("open-menu"); 1155 document.body.classList.add("opened-menu"); 1156 document.body.classList.add("no-scroll"); 1157 }); 1158 1159 if (closeButton) closeButton.addEventListener("click", () => { 1160 document.getElementById("m1").classList.remove("open-menu"); 1161 document.body.classList.remove("opened-menu"); 1162 document.body.classList.remove("no-scroll"); 1163 }); 1164 1165 const downArrows = document.querySelectorAll("ul#m1 li.nav-item .arrow-down"); 1166 const langDropdown = document.getElementById("language-selector-dropdown"); 1167 1168 for (const element of downArrows) { 1169 const navItem = element.parentElement.parentElement; 1170 const someClassElement = navItem.querySelector(".some-class"); 1171 1172 const toggleOpening = e => { 1173 e.preventDefault(); 1174 e.stopPropagation(); 1175 1176 someClassElement.classList.toggle("expanded"); 1177 navItem.classList.toggle("open"); 1178 1179 if (langDropdown) langDropdown.classList.remove("open"); 1180 1181 for (const element of downArrows) { 1182 const otherNavItem = element.parentElement.parentElement; 1183 if (otherNavItem !== navItem) { 1184 otherNavItem.classList.remove("open"); 1185 const contentContainer = otherNavItem.querySelector(".some-class"); 1186 if (contentContainer) contentContainer.classList.remove("expanded"); 1187 } 1188 } 1189 } 1190 1191 if (someClassElement) { 1192 const link = navItem.querySelector("a"); 1193 link.addEventListener("click", e => { 1194 const mediaQuery = window.matchMedia("only screen and (max-width: 768px)"); 1195 if (mediaQuery.matches) { 1196 toggleOpening(e); 1197 } 1198 }) 1199 } 1200 1201 element.addEventListener("click", e => { 1202 toggleOpening(e); 1203 }); 1204 } 1205</script>
1205 1206 1207 1208 1209<!-- Page scripts --> 1210 1211
1211<script type="text/javascript"> 1212 jinjaVars = { 1213 ...jinjaVars, 1214 lang: "en", 1215 clock_locale: {"weekdays":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"months":["January","February","March","April","May","June","July","August","September","October","November","December"],"coordinates":["North","South","East","West"]}, 1216 server_time: null, 1217 transitions: {"has_transitions":true,"dst_starts":1774746000,"dst_ends":1792890000,"raw_offset":0,"dst_offset":3600,"dst_starts_local":1774746000,"dst_ends_local":1792893600}, 1218 time_format: "12", 1219 short_name: "London", 1220 ig: null 1221 }; 1222 1223 loadServerTime(serverTime => { 1224 jinjaVars.server_time = serverTime; 1225 1226 function preRenderClock(varsObject) { 1227 var clockLocale = varsObject.clock_locale; 1228 var serverTime = varsObject.server_time; 1229 var transitionsInfo = varsObject.transitions; 1230 var timeFormat = getTimeFormat(); 1231 1232 function calculateTimeToUse() { 1233 var timeToUse; 1234 var hasTransitions = transitionsInfo.has_transitions; 1235 var dstStart = parseInt(transitionsInfo['dst_starts'], 10); 1236 var dstEnd = parseInt(transitionsInfo['dst_ends'], 10); 1237 var dstOffset = parseInt(transitionsInfo['dst_offset'], 10); 1238 var baseOffset = parseInt(transitionsInfo['raw_offset'], 10); 1239 1240 if (hasTransitions) { 1241 if (dstStart && dstEnd) { 1242 if (dstStart < dstEnd) { 1243 if (dstStart <= serverTime && serverTime < dstEnd) { 1244 timeToUse = serverTime + dstOffset; 1245 } else { 1246 timeToUse = serverTime + baseOffset; 1247 } 1248 } else { 1249 if (serverTime < dstEnd || serverTime >= dstStart) { 1250 timeToUse = serverTime + dstOffset; 1251 } else { 1252 timeToUse = serverTime + baseOffset; 1253 } 1254 } 1255 } 1256 } else { 1257 timeToUse = serverTime + baseOffset; 1258 } 1259 1260 return timeToUse; 1261 } 1262 1263 function addLeadingZero(val) { 1264 var s = val < 0 ? "-" : ""; 1265 val = Math.abs(val); 1266 1267 return s + (val < 10 ? "0" + val : val); 1268 } 1269 1270 function defineMeridiem(hours) { 1271 return hours > 11 ? "PM" : "AM"; 1272 } 1273 1274 function hoursMeridiem(hours) { 1275 if (hours > 11) { 1276 hours -= 12; 1277 } 1278 if (hours == 0) { 1279 hours = 12; 1280 } 1281 return hours; 1282 } 1283 1284 var dateObject = new Date(calculateTimeToUse() * 1000); 1285 var timeTemplate = "<div class=\"time\">" + 1286 "<span>%h</span><span>%i</span><span>%s</span><sup>%ampm</sup>" + 1287 "</div>" + 1288 "<p>%day, %month %dayNumber, %year</p>"; 1289 var tableTimeTemplate = "%h:%i:%s %ampm, %day %dayNumber, %month %year"; 1290 1291 function getMeridiem() { 1292 if (timeFormat === 12) { 1293 return defineMeridiem(dateObject.getUTCHours()); 1294 } else { 1295 return ""; 1296 } 1297 } 1298 1299 function getHours() { 1300 if (timeFormat === 12) { 1301 return hoursMeridiem(dateObject.getUTCHours()); 1302 } else { 1303 return addLeadingZero(dateObject.getUTCHours()); 1304 } 1305 } 1306 1307 var clockBlock = document.getElementById("cityClock"); 1308 clockBlock.innerHTML = timeTemplate 1309 .replace("%h", getHours()) 1310 .replace("%i", addLeadingZero(dateObject.getUTCMinutes())) 1311 .replace("%s", addLeadingZero(dateObject.getUTCSeconds())) 1312 .replace("%ampm", getMeridiem()) 1313 .replace("%day", clockLocale["weekdays"][dateObject.getUTCDay()]) 1314 .replace("%month", clockLocale["months"][dateObject.getUTCMonth()]) 1315 .replace("%dayNumber", dateObject.getUTCDate()) 1316 .replace("%year", String(dateObject.getUTCFullYear())); 1317 1318 var tableTime = document.getElementById("currentTime"); 1319 if (tableTime) tableTime.innerHTML = tableTimeTemplate 1320 .replace("%h", getHours()) 1321 .replace("%i", addLeadingZero(dateObject.getUTCMinutes())) 1322 .replace("%s", addLeadingZero(dateObject.getUTCSeconds())) 1323 .replace("%ampm", getMeridiem()) 1324 .replace("%dayNumber", dateObject.getUTCDate()) 1325 .replace("%day", clockLocale["weekdays"][dateObject.getUTCDay()]) 1326 .replace("%month", clockLocale["months"][dateObject.getUTCMonth()]) 1327 .replace("%year", String(dateObject.getUTCFullYear())); 1328 1329 var timeDifferenceBlock = document.getElementById("time-difference"); 1330 if (timeDifferenceBlock) { 1331 var difference; 1332 var timezoneOffset = jinjaVars.timeOffset / 60; 1333 if (jinjaVars.userOffset) { 1334 var localOffset = jinjaVars.userOffset / 60; 1335 difference = timezoneOffset - localOffset; 1336 } else { 1337 var now = new Date(); 1338 var rawUserOffset = now.getTimezoneOffset(); 1339 var userOffset = rawUserOffset < 0 ? Math.abs(rawUserOffset) : -Math.abs(rawUserOffset); 1340 difference = timezoneOffset - userOffset; 1341 } 1342 1343 var differenceMinutes = Math.abs(difference) % 60; 1344 var differenceHours = (Math.abs(difference) - differenceMinutes) / 60; 1345 var differenceWithMinutes = differenceHours + ":" + addLeadingZero(differenceMinutes) 1346 var differenceMessage = differenceMinutes > 0 ? differenceWithMinutes : differenceHours; 1347 1348 var plural = differenceHours > 1 || differenceMinutes > 0; 1349 var hourWord = plural ? "hours" : "hour"; 1350 1351 if (difference < 0) { 1352 message = differenceMessage + " " + hourWord + " behind local time"; 1353 } else if (difference > 0) { 1354 message = differenceMessage + " " + hourWord + " ahead local time"; 1355 } else { 1356 message = "Same as local time"; 1357 } 1358 1359 timeDifferenceBlock.innerHTML = message; 1360 } 1361} 1362 1363 preRenderClock(jinjaVars); 1364 1365 addScriptOnLoad("/js/page-script-bundles/cities-scripts.min.js?_=1767270957", true, true); 1366 }); 1367 </script>
1367 1368
1369<script type="text/javascript"> 1370 const loadPageScript = () => { 1371 addScriptOnLoad("/js/page-scripts/dist/main.js?_=1767270957", true, true); 1372 } 1373</script>
1373 1374<!-- /Page scripts --> 1375
1376<script type="text/javascript"> 1377 // Fix issue with GTM overwriting replaceState, causing url changes in IE and Edge browsers. 1378 1379 function fixHistoryMethod(name) { 1380 var oldMethod = window.history[name]; 1381 window.history[name] = function (state, title, url) { 1382 if (url === undefined) { 1383 oldMethod.apply(window.history, [state, title]); 1384 } else { 1385 oldMethod.apply(window.history, [state, title, url]); 1386 } 1387 } 1388 } 1389 1390 fixHistoryMethod("replaceState"); 1391 fixHistoryMethod("pushState"); 1392 1393 if (langDropdown) { 1394 const langButton = document.getElementById("lang-selector-button"); 1395 let enteredTimeout = null; 1396 let mouseEntered = false; 1397 1398 langButton.addEventListener("mouseenter", () => { 1399 mouseEntered = true; 1400 langDropdown.classList.add("open"); 1401 if (enteredTimeout) { 1402 clearTimeout(enteredTimeout); 1403 } 1404 enteredTimeout = setTimeout(() => { 1405 mouseEntered = false 1406 }, 100); 1407 }); 1408 1409 langButton.addEventListener("click", () => { 1410 if (!mouseEntered) { 1411 langDropdown.classList.toggle("open"); 1412 } 1413 }); 1414 1415 langDropdown.addEventListener("mouseleave", () => { 1416 const mediaQuery = window.matchMedia("only screen and (min-width: 769px)"); 1417 if (mediaQuery.matches) langDropdown.classList.remove("open"); 1418 }); 1419 1420 const langSelectorLink = document.getElementById("language-selector-link"); 1421 1422 langSelectorLink.addEventListener("click", e => { 1423 langDropdown.classList.toggle("open"); 1424 e.target.parentElement.classList.toggle("open-selector"); 1425 1426 const downArrows = document.querySelectorAll("ul#m1 li.nav-item .arrow-down"); 1427 for (const element of downArrows) { 1428 const navItem = element.parentElement.parentElement; 1429 const contentContainer = navItem.querySelector(".some-class"); 1430 if (contentContainer) { 1431 contentContainer.classList.remove("expanded"); 1432 navItem.classList.remove("open"); 1433 } 1434 } 1435 }); 1436 } 1437</script>
vendor: 1 bytes, line 1437
1437
1438<script defer src="/perfops.js"></script>
vendor: 1 bytes, line 1438
1438
1439<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"f96e565f5d904622b9dcb1b586e60211","spa":2}' crossorigin="anonymous"></script>
1439 1440</body> 1441</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.