{"id":35,"date":"2026-06-13T02:50:24","date_gmt":"2026-06-13T02:50:24","guid":{"rendered":"https:\/\/expotil.com\/src\/?p=35"},"modified":"2026-06-13T03:06:16","modified_gmt":"2026-06-13T03:06:16","slug":"best-cities","status":"publish","type":"post","link":"https:\/\/expotil.com\/src\/index.php\/2026\/06\/13\/best-cities\/","title":{"rendered":"Best Cities"},"content":{"rendered":"\n<p>Best Cities<\/p>\n\n\n\n<style>\n\/* === CITY SLIDER v3 - ABSOLUTE POSITION === *\/\n.city-slider-v3 {\n    position: relative;\n    width: 100%;\n    max-width: 1200px;\n    margin: 40px auto;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.5);\n    background: #1a1a2e;\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n}\n\n.city-slider-v3 .csv3-slide {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 600px;\n    opacity: 0;\n    transition: opacity 0.8s ease-in-out;\n    z-index: 1;\n}\n\n.city-slider-v3 .csv3-slide.active {\n    opacity: 1;\n    z-index: 2;\n}\n\n.city-slider-v3 .csv3-slide img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n.city-slider-v3 .csv3-overlay {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: linear-gradient(to top, rgba(0,0,0,0.85), transparent);\n    padding: 40px;\n    padding-top: 100px;\n}\n\n.city-slider-v3 .csv3-num {\n    font-size: 14px;\n    color: #ffd700;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    margin-bottom: 8px;\n}\n\n.city-slider-v3 .csv3-title {\n    font-size: 42px;\n    font-weight: 700;\n    color: #fff;\n    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\n    margin-bottom: 10px;\n    line-height: 1.2;\n}\n\n.city-slider-v3 .csv3-country {\n    font-size: 20px;\n    color: #ddd;\n    font-weight: 300;\n}\n\n\/* Ad Slide *\/\n.city-slider-v3 .csv3-ad {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 600px;\n    opacity: 0;\n    transition: opacity 0.8s ease-in-out;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #16213e;\n}\n\n.city-slider-v3 .csv3-ad.active {\n    opacity: 1;\n    z-index: 2;\n}\n\n.city-slider-v3 .csv3-ad-label {\n    position: absolute;\n    top: 15px;\n    right: 15px;\n    background: rgba(255,255,255,0.2);\n    padding: 4px 12px;\n    border-radius: 20px;\n    font-size: 11px;\n    color: #fff;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n.city-slider-v3 .csv3-ad-box {\n    width: 100%;\n    max-width: 728px;\n    min-height: 90px;\n}\n\n\/* Dots *\/\n.city-slider-v3 .csv3-dots {\n    position: absolute;\n    bottom: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    gap: 10px;\n    z-index: 10;\n}\n\n.city-slider-v3 .csv3-dot {\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.4);\n    cursor: pointer;\n    transition: all 0.3s;\n    border: 2px solid transparent;\n}\n\n.city-slider-v3 .csv3-dot.active {\n    background: #ffd700;\n    transform: scale(1.3);\n    border-color: #fff;\n}\n\n.city-slider-v3 .csv3-dot:hover {\n    background: rgba(255,255,255,0.8);\n}\n\n\/* Progress Bar *\/\n.city-slider-v3 .csv3-progress {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    height: 4px;\n    background: #ffd700;\n    width: 0%;\n    z-index: 10;\n    transition: width 0.1s linear;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n    .city-slider-v3 .csv3-slide,\n    .city-slider-v3 .csv3-ad { height: 400px; }\n    .city-slider-v3 .csv3-title { font-size: 28px; }\n    .city-slider-v3 .csv3-country { font-size: 16px; }\n}\n\n@media (max-width: 480px) {\n    .city-slider-v3 .csv3-slide,\n    .city-slider-v3 .csv3-ad { height: 300px; }\n    .city-slider-v3 .csv3-title { font-size: 22px; }\n    .city-slider-v3 .csv3-overlay { padding: 20px; padding-top: 60px; }\n}\n<\/style>\n\n<!-- Google AdSense -->\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-7013694260305173\" crossorigin=\"anonymous\"><\/script>\n\n<div class=\"city-slider-v3\" id=\"csv3\">\n\n    <!-- Slide 1: Paris -->\n    <div class=\"csv3-slide active\" data-index=\"0\">\n        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/media.cntraveler.com\/fbc72915577978582b4a9123519d1fa87afc3b7a.jpg\" alt=\"Paris\">\n        <div class=\"csv3-overlay\">\n            <div class=\"csv3-num\">01 \/ 20<\/div>\n            <div class=\"csv3-title\">Paris<\/div>\n            <div class=\"csv3-country\">France<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Slide 2: Venice -->\n    <div class=\"csv3-slide\" data-index=\"1\">\n        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/www.easemytrip.com\/a4ffd95739367c8cc3145538fc928a77eaa55d06.jpg\" alt=\"Venice\">\n        <div class=\"csv3-overlay\">\n            <div class=\"csv3-num\">02 \/ 20<\/div>\n            <div class=\"csv3-title\">Venice<\/div>\n            <div class=\"csv3-country\">Italy<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Ad 1 -->\n    <div class=\"csv3-ad\" data-index=\"2\">\n        <span class=\"csv3-ad-label\">Advertisement<\/span>\n        <div class=\"csv3-ad-box\">\n            <ins class=\"adsbygoogle\" style=\"display:block\" data-ad-client=\"ca-pub-7013694260305173\" data-ad-slot=\"1111111111\" data-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>\n        <\/div>\n    <\/div>\n\n    <!-- Slide 3: London -->\n    <div class=\"csv3-slide\" data-index=\"3\">\n        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/miro.medium.com\/59c698b3ed0d1ccd34f61efc11d8818715aceb6e.jpeg\" alt=\"London\">\n        <div class=\"csv3-overlay\">\n            <div class=\"csv3-num\">03 \/ 20<\/div>\n            <div class=\"csv3-title\">London<\/div>\n            <div class=\"csv3-country\">United Kingdom<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Slide 4: Singapore -->\n    <div class=\"csv3-slide\" data-index=\"4\">\n        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/4kwallpapers.com\/e85601e4984789bc5d2b171e182ab65cab289696.jpg\" alt=\"Singapore\">\n        <div class=\"csv3-overlay\">\n            <div class=\"csv3-num\">04 \/ 20<\/div>\n            <div class=\"csv3-title\">Singapore<\/div>\n            <div class=\"csv3-country\">Singapore<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Ad 2 -->\n    <div class=\"csv3-ad\" data-index=\"5\">\n        <span class=\"csv3-ad-label\">Advertisement<\/span>\n        <div class=\"csv3-ad-box\">\n            <ins class=\"adsbygoogle\" style=\"display:block\" data-ad-client=\"ca-pub-7013694260305173\" data-ad-slot=\"2222222222\" data-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>\n        <\/div>\n    <\/div>\n\n    <!-- Slide 5: Sydney -->\n    <div class=\"csv3-slide\" data-index=\"6\">\n        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/www.civitatis.com\/9547bb20042ed9bbb4a50554171611bf33d324aa.jpg\" alt=\"Sydney\">\n        <div class=\"csv3-overlay\">\n            <div class=\"csv3-num\">05 \/ 20<\/div>\n            <div class=\"csv3-title\">Sydney<\/div>\n            <div class=\"csv3-country\">Australia<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Slide 6: Prague -->\n    <div class=\"csv3-slide\" data-index=\"7\">\n        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/luggageandlipstick.com\/d462081f84bb3f1367ac9098fe25dbce21210ca3.jpg\" alt=\"Prague\">\n        <div class=\"csv3-overlay\">\n            <div class=\"csv3-num\">06 \/ 20<\/div>\n            <div class=\"csv3-title\">Prague<\/div>\n            <div class=\"csv3-country\">Czech Republic<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Ad 3 -->\n    <div class=\"csv3-ad\" data-index=\"8\">\n        <span class=\"csv3-ad-label\">Advertisement<\/span>\n        <div class=\"csv3-ad-box\">\n            <ins class=\"adsbygoogle\" style=\"display:block\" data-ad-client=\"ca-pub-7013694260305173\" data-ad-slot=\"3333333333\" data-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>\n        <\/div>\n    <\/div>\n\n    <!-- Slide 7: Dubai -->\n    <div class=\"csv3-slide\" data-index=\"9\">\n        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/res.cloudinary.com\/902acb986cab98cac7695061ba69c6370453f42f\" alt=\"Dubai\">\n        <div class=\"csv3-overlay\">\n            <div class=\"csv3-num\">07 \/ 20<\/div>\n            <div class=\"csv3-title\">Dubai<\/div>\n            <div class=\"csv3-country\">United Arab Emirates<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Slide 8: Kuala Lumpur -->\n    <div class=\"csv3-slide\" data-index=\"10\">\n        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/res.cloudinary.com\/531bcf449c1a6b3a87d1089201a9cd89159c7f8c\" alt=\"Kuala Lumpur\">\n        <div class=\"csv3-overlay\">\n            <div class=\"csv3-num\">08 \/ 20<\/div>\n            <div class=\"csv3-title\">Kuala Lumpur<\/div>\n            <div class=\"csv3-country\">Malaysia<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Ad 4 -->\n    <div class=\"csv3-ad\" data-index=\"11\">\n        <span class=\"csv3-ad-label\">Advertisement<\/span>\n        <div class=\"csv3-ad-box\">\n            <ins class=\"adsbygoogle\" style=\"display:block\" data-ad-client=\"ca-pub-7013694260305173\" data-ad-slot=\"4444444444\" data-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>\n        <\/div>\n    <\/div>\n\n    <!-- Slide 9: Bern -->\n    <div class=\"csv3-slide\" data-index=\"12\">\n        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/archeyes.com\/99c821ea01c5e4763ad8596f20435f356da2e782.jpg\" alt=\"Bern\">\n        <div class=\"csv3-overlay\">\n            <div class=\"csv3-num\">09 \/ 20<\/div>\n            <div class=\"csv3-title\">Bern<\/div>\n            <div class=\"csv3-country\">Switzerland<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Slide 10: Bergen -->\n    <div class=\"csv3-slide\" data-index=\"13\">\n        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/images.travelandleisureasia.com\/bc7802ebf0f1e414a27824df0a6a3b9e20fcd2b4.jpg\" alt=\"Bergen\">\n        <div class=\"csv3-overlay\">\n            <div class=\"csv3-num\">10 \/ 20<\/div>\n            <div class=\"csv3-title\">Bergen<\/div>\n            <div class=\"csv3-country\">Norway<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Ad 5 -->\n    <div class=\"csv3-ad\" data-index=\"14\">\n        <span class=\"csv3-ad-label\">Advertisement<\/span>\n        <div class=\"csv3-ad-box\">\n            <ins class=\"adsbygoogle\" style=\"display:block\" data-ad-client=\"ca-pub-7013694260305173\" data-ad-slot=\"5555555555\" data-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>\n        <\/div>\n    <\/div>\n\n    <!-- Slide 11: Cinque Terre -->\n    <div class=\"csv3-slide\" data-index=\"15\">\n        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/luggageandlipstick.com\/8d501d745500a1171872bc07162343cc5c35c057.jpg\" alt=\"Cinque Terre\">\n        <div class=\"csv3-overlay\">\n            <div class=\"csv3-num\">11 \/ 20<\/div>\n            <div class=\"csv3-title\">Cinque Terre<\/div>\n            <div class=\"csv3-country\">Italy<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Slide 12: Paris Aerial -->\n    <div class=\"csv3-slide\" data-index=\"16\">\n        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/i0.wp.com\/db3c4674ab18631fb8f77a497f904c6d29e8647c.jpg\" alt=\"Paris Aerial\">\n        <div class=\"csv3-overlay\">\n            <div class=\"csv3-num\">12 \/ 20<\/div>\n            <div class=\"csv3-title\">Paris<\/div>\n            <div class=\"csv3-country\">France &#8211; Aerial View<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Ad 6 -->\n    <div class=\"csv3-ad\" data-index=\"17\">\n        <span class=\"csv3-ad-label\">Advertisement<\/span>\n        <div class=\"csv3-ad-box\">\n            <ins class=\"adsbygoogle\" style=\"display:block\" data-ad-client=\"ca-pub-7013694260305173\" data-ad-slot=\"6666666666\" data-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>\n        <\/div>\n    <\/div>\n\n    <!-- Slide 13: Paris Arc -->\n    <div class=\"csv3-slide\" data-index=\"18\">\n        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/media.cntraveler.com\/d1c6d8f9892a081054f8683eb91ec82eac0b698a.jpg\" alt=\"Paris Arc de Triomphe\">\n        <div class=\"csv3-overlay\">\n            <div class=\"csv3-num\">13 \/ 20<\/div>\n            <div class=\"csv3-title\">Paris<\/div>\n            <div class=\"csv3-country\">France &#8211; Arc de Triomphe<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Slide 14: Vatican -->\n    <div class=\"csv3-slide\" data-index=\"19\">\n        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/www.arch2o.com\/6abdbd44599361b46b42776788929860589a3e85.jpg\" alt=\"Vatican City\">\n        <div class=\"csv3-overlay\">\n            <div class=\"csv3-num\">14 \/ 20<\/div>\n            <div class=\"csv3-title\">Vatican City<\/div>\n            <div class=\"csv3-country\">Vatican City<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Ad 7 -->\n    <div class=\"csv3-ad\" data-index=\"20\">\n        <span class=\"csv3-ad-label\">Advertisement<\/span>\n        <div class=\"csv3-ad-box\">\n            <ins class=\"adsbygoogle\" style=\"display:block\" data-ad-client=\"ca-pub-7013694260305173\" data-ad-slot=\"7777777777\" data-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>\n        <\/div>\n    <\/div>\n\n    <!-- Slide 15: Ljubljana -->\n    <div class=\"csv3-slide\" data-index=\"21\">\n        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/media.cntraveler.com\/a877bbcd3d7a57457642e4449bd391d49158855f.jpg\" alt=\"Ljubljana\">\n        <div class=\"csv3-overlay\">\n            <div class=\"csv3-num\">15 \/ 20<\/div>\n            <div class=\"csv3-title\">Ljubljana<\/div>\n            <div class=\"csv3-country\">Slovenia<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Slide 16: Singapore Gardens -->\n    <div class=\"csv3-slide\" data-index=\"22\">\n        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/www.travelandleisure.com\/55863d03c1360efe0979f4b1bb85be98bebb1f57.jpg\" alt=\"Singapore Gardens\">\n        <div class=\"csv3-overlay\">\n            <div class=\"csv3-num\">16 \/ 20<\/div>\n            <div class=\"csv3-title\">Singapore<\/div>\n            <div class=\"csv3-country\">Singapore &#8211; Gardens by the Bay<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Ad 8 -->\n    <div class=\"csv3-ad\" data-index=\"23\">\n        <span class=\"csv3-ad-label\">Advertisement<\/span>\n        <div class=\"csv3-ad-box\">\n            <ins class=\"adsbygoogle\" style=\"display:block\" data-ad-client=\"ca-pub-7013694260305173\" data-ad-slot=\"8888888888\" data-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>\n        <\/div>\n    <\/div>\n\n    <!-- Slide 17: Paris Eiffel -->\n    <div class=\"csv3-slide\" data-index=\"24\">\n        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/www.travelandleisure.com\/46fe89836b31a508bb21d5f340c47410d8b85fa0.jpg\" alt=\"Paris Eiffel Tower\">\n        <div class=\"csv3-overlay\">\n            <div class=\"csv3-num\">17 \/ 20<\/div>\n            <div class=\"csv3-title\">Paris<\/div>\n            <div class=\"csv3-country\">France &#8211; Eiffel Tower<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Slide 18: Singapore Skyline -->\n    <div class=\"csv3-slide\" data-index=\"25\">\n        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/wallpaperaccess.com\/53f6b3533dcf10ecfe4ae20ba23c94efb92295ac.jpg\" alt=\"Singapore Skyline\">\n        <div class=\"csv3-overlay\">\n            <div class=\"csv3-num\">18 \/ 20<\/div>\n            <div class=\"csv3-title\">Singapore<\/div>\n            <div class=\"csv3-country\">Singapore &#8211; Marina Bay<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Ad 9 -->\n    <div class=\"csv3-ad\" data-index=\"26\">\n        <span class=\"csv3-ad-label\">Advertisement<\/span>\n        <div class=\"csv3-ad-box\">\n            <ins class=\"adsbygoogle\" style=\"display:block\" data-ad-client=\"ca-pub-7013694260305173\" data-ad-slot=\"9999999999\" data-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>\n        <\/div>\n    <\/div>\n\n    <!-- Slide 19: World Cities -->\n    <div class=\"csv3-slide\" data-index=\"27\">\n        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/static.independent.co.uk\/5b28fe3d3392529cf2711c050157a766eee1be76.jpg\" alt=\"World Cities\">\n        <div class=\"csv3-overlay\">\n            <div class=\"csv3-num\">19 \/ 20<\/div>\n            <div class=\"csv3-title\">World Cities<\/div>\n            <div class=\"csv3-country\">London, Paris, Venice, New York<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Slide 20: Dubai Night -->\n    <div class=\"csv3-slide\" data-index=\"28\">\n        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/thumbs.dreamstime.com\/19920a89be3dad9e21e52470299af4d75776236c.jpg\" alt=\"Dubai Night\">\n        <div class=\"csv3-overlay\">\n            <div class=\"csv3-num\">20 \/ 20<\/div>\n            <div class=\"csv3-title\">Dubai<\/div>\n            <div class=\"csv3-country\">UAE &#8211; Night Skyline<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Final Ad -->\n    <div class=\"csv3-ad\" data-index=\"29\">\n        <span class=\"csv3-ad-label\">Advertisement<\/span>\n        <div class=\"csv3-ad-box\">\n            <ins class=\"adsbygoogle\" style=\"display:block\" data-ad-client=\"ca-pub-7013694260305173\" data-ad-slot=\"0000000000\" data-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>\n        <\/div>\n    <\/div>\n\n    <!-- Dots -->\n    <div class=\"csv3-dots\" id=\"csv3Dots\"><\/div>\n    \n    <!-- Progress -->\n    <div class=\"csv3-progress\" id=\"csv3Progress\"><\/div>\n<\/div>\n\n<script>\n(function() {\n    'use strict';\n    \n    var slider = document.getElementById('csv3');\n    if (!slider) return;\n    \n    var slides = slider.querySelectorAll('.csv3-slide, .csv3-ad');\n    var total = slides.length;\n    var current = 0;\n    var autoTimer;\n    var progTimer;\n    var duration = 5000;\n    \n    \/\/ Create dots\n    var dotsContainer = document.getElementById('csv3Dots');\n    var citySlides = slider.querySelectorAll('.csv3-slide');\n    citySlides.forEach(function(slide, i) {\n        var dot = document.createElement('div');\n        dot.className = 'csv3-dot' + (i === 0 ? ' active' : '');\n        dot.onclick = function() {\n            var idx = parseInt(slide.dataset.index);\n            goTo(idx);\n        };\n        dotsContainer.appendChild(dot);\n    });\n    \n    function goTo(index) {\n        if (index < 0) index = total - 1;\n        if (index >= total) index = 0;\n        \n        slides[current].classList.remove('active');\n        current = index;\n        slides[current].classList.add('active');\n        \n        \/\/ Update dots\n        var dots = dotsContainer.querySelectorAll('.csv3-dot');\n        var activeCity = 0;\n        for (var i = 0; i <= current; i++) {\n            if (slides[i].classList.contains('csv3-slide')) activeCity++;\n        }\n        dots.forEach(function(dot, i) {\n            dot.classList.toggle('active', i === activeCity - 1);\n        });\n        \n        resetProgress();\n    }\n    \n    function next() {\n        goTo(current + 1);\n    }\n    \n    function prev() {\n        goTo(current - 1);\n    }\n    \n    function resetProgress() {\n        clearInterval(progTimer);\n        var bar = document.getElementById('csv3Progress');\n        bar.style.width = '0%';\n        var progress = 0;\n        var step = 100 \/ (duration \/ 100);\n        progTimer = setInterval(function() {\n            progress += step;\n            if (progress >= 100) progress = 100;\n            bar.style.width = progress + '%';\n        }, 100);\n    }\n    \n    function startAuto() {\n        clearInterval(autoTimer);\n        autoTimer = setInterval(next, duration);\n    }\n    \n    function stopAuto() {\n        clearInterval(autoTimer);\n    }\n    \n    \/\/ Touch\n    var startX = 0;\n    slider.addEventListener('touchstart', function(e) {\n        startX = e.changedTouches[0].screenX;\n        stopAuto();\n    });\n    slider.addEventListener('touchend', function(e) {\n        var endX = e.changedTouches[0].screenX;\n        var diff = startX - endX;\n        if (Math.abs(diff) > 50) {\n            diff > 0 ? next() : prev();\n        }\n        startAuto();\n    });\n    \n    \/\/ Keyboard\n    document.addEventListener('keydown', function(e) {\n        if (e.key === 'ArrowLeft') { prev(); stopAuto(); startAuto(); }\n        if (e.key === 'ArrowRight') { next(); stopAuto(); startAuto(); }\n    });\n    \n    \/\/ Hover\n    slider.addEventListener('mouseenter', stopAuto);\n    slider.addEventListener('mouseleave', startAuto);\n    \n    \/\/ Init\n    resetProgress();\n    startAuto();\n    \n    \/\/ Lazy ads\n    if ('IntersectionObserver' in window) {\n        var observer = new IntersectionObserver(function(entries) {\n            entries.forEach(function(entry) {\n                if (entry.isIntersecting) {\n                    var ins = entry.target.querySelector('ins.adsbygoogle');\n                    if (ins && !ins.getAttribute('data-ad-loaded')) {\n                        try {\n                            (window.adsbygoogle = window.adsbygoogle || []).push({});\n                            ins.setAttribute('data-ad-loaded', 'true');\n                        } catch(e) {}\n                    }\n                }\n            });\n        }, { threshold: 0.5 });\n        \n        slider.querySelectorAll('.csv3-ad').forEach(function(ad) {\n            observer.observe(ad);\n        });\n    }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Best Cities 01 \/ 20 Paris France 02 \/ 20 Venice Italy Advertisement 03 \/ 20 London United Kingdom 04 \/ 20 Singapore Singapore Advertisement 05 \/ 20 Sydney Australia 06 \/ 20 Prague Czech Republic Advertisement 07 \/ 20 Dubai United Arab Emirates 08 \/ 20 Kuala Lumpur Malaysia Advertisement 09 \/ 20 Bern [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-35","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/posts\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":4,"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/posts\/35\/revisions"}],"predecessor-version":[{"id":39,"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/posts\/35\/revisions\/39"}],"wp:attachment":[{"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/media?parent=35"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/categories?post=35"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/tags?post=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}