1<html class='ltr' dir='ltr' lang='en-US' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> 2<head>
2<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push(i)}) 3(window,'GTM-W9FWCCBG','google_tags_first_party');</script>
3<script>(function(w,d,s,l){w[l]=w[l]||[];(function(){w[l].push(arguments);})('set', 'developer_id.dYzg1YT', true); 4 w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 5 j=d.createElement(s);j.async=true;j.src='/neiu/'; 6 f.parentNode.insertBefore(j,f); 7 })(window,document,'script','dataLayer');</script>
7 8<meta charset='UTF-8'/> 9<meta content='width=device-width, initial-scale=1, minimum-scale=1' name='viewport'/> 10<meta content='IE=edge' http-equiv='X-UA-Compatible'/> 11<meta content='blogger' name='generator'/> 12<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
13<script async='async' src='https://news.google.com/swg/js/v1/swg-basic.js' type='application/javascript'></script>
vendor: 1 bytes, line 13
13
14<script> 15 (self.SWG_BASIC = self.SWG_BASIC || []).push( basicSubscriptions => { 16 basicSubscriptions.init({ 17 type: "NewsArticle", 18 isPartOfType: ["Product"], 19 isPartOfProductId: "CAows8XHDA:openaccess", 20 clientOptions: { theme: "light", lang: "en" }, 21 }); 22 }); 23</script>
23 24<!-- ================================================ CORE JQUERY LIBRARY (Fixed for Rocket Loader Off) ================================================ -->
25<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js'></script>
25 26<!-- Google Tag Manager -->
27<script>
vendor: 327 bytes, lines 27-31
27(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 28new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 29j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 30'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 31})(window,document,'script','dataLayer','
31GTM-W9FWCCBG
vendor: 3 bytes, line 31
31');
31</script>
31 32<!-- End Google Tag Manager --> 33<!-- =================== TITLE TAG — =================== --> 34<!-- ================================================ ROBOTS / INDEXING for AI Search ================================================ --> 35<meta content='index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1' name='robots'/> 36<meta content='index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1' name='googlebot'/> 37<meta content='index, follow' name='bingbot'/> 38<!-- ========== AI SEARCH META TAGS ========== --> 39<meta content='all' name='GPTBot'/> 40<meta content='all' name='ChatGPT-User'/> 41<meta content='all' name='Google-Extended'/> 42<meta content='all' name='CCBot'/> 43<meta content='all' name='PerplexityBot'/> 44<meta content='all' name='anthropic-ai'/> 45<meta content='all' name='Cohere-AI'/> 46<meta content='all' name='Omgilibot'/> 47<!-- ========== STANDARD SEO META TAGS ========== --> 48<meta content='index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1' name='robots'/> 49<meta content='always' name='referrer'/> 50<link href='https://www.hotelier-indonesia.com/p/contact-form.html' rel='canonical'/> 51<!-- ========== OPEN GRAPH (For Social & AI) ========== --> 52<meta content='website' property='og:type'/> 53<meta content='Hotelier Indonesia' property='og:site_name'/> 54<meta content='summary_large_image' name='twitter:card'/> 55<!-- ================================================ META DESCRIPTION — Per page type ================================================ --> 56<!-- ================================================ KEYWORDS ================================================ --> 57<meta content='Hotel management software Indonesia, Hotel supplier directory Indonesia, Hotel investment Indonesia, Hospitality events Indonesia, Hotel jobs Indonesia,Hotel chains in Indonesia,Hotel brands in Indonesia, Hotel owner resources,Hotel marketing guide,Hotel Revenue management guide,' name='keywords'/> 58<!-- ================================================ CANONICAL URL ================================================ --> 59<link href='https://www.hotelier-indonesia.com/p/contact-form.html' rel='canonical'/> 60<!-- ================================================ HREFLANG — Fixed for English only ================================================ --> 61<link href='https://www.hotelier-indonesia.com/p/contact-form.html' hreflang='en' rel='alternate'/> 62<link href='https://www.hotelier-indonesia.com/' hreflang='x-default' rel='alternate'/> 63<!-- ================================================ OPEN GRAPH TAGS ================================================ --> 64<meta content='Hotelier Indonesia' property='og:site_name'/> 65<meta content='en_US' property='og:locale'/> 66<meta content='1200' property='og:image:width'/> 67<meta content='630' property='og:image:height'/> 68<meta content='website' property='og:type'/> 69<meta content='Hotelier Indonesia â Hospitality News, Hotel Trends & Industry Insights Since 2006' property='og:title'/> 70<meta content='Hotel management software Indonesia, Hotel supplier directory Indonesia, Hotel investment Indonesia, Hospitality events Indonesia, Hotel jobs Indonesia,Hotel chains in Indonesia,Hotel brands in Indonesia, Hotel owner resources,Hotel marketing guide,Hotel Revenue management guide,' property='og:description'/> 71<meta content='https://www.hotelier-indonesia.com/' property='og:url'/> 72<meta content='https://blogger.googleusercontent.com/img/a/AVvXsEiKvtwQDyJSuUpsr1ekAQ7qpPlUNNHJoB-_T886_zaawZ06AIyym3wEsfvMLwu6Av3OcwRyzea4QyKP14_ITKlZ-4nDZdn9Uhdj1Zy8T7K7BlJpnk72cyVshdF_3Ge4Zk3lkuruhoq8LcT25OxnoFJ1UyZPYUNEaJ6w4OaBpsV6LVc7x7RsjUj_8JtBe-L_=s1200' property='og:image'/> 73<!-- ================================================ TWITTER CARD TAGS ================================================ --> 74<meta content='summary_large_image' name='twitter:card'/> 75<meta content='@HotelierIndo' name='twitter:site'/> 76<meta content='Hotelier Indonesia â Hospitality News, Hotel Trends & Industry Insights Since 2006' name='twitter:title'/> 77<meta content='Hotel management software Indonesia, Hotel supplier directory Indonesia, Hotel investment Indonesia, Hospital
77ity events Indonesia, Hotel jobs Indonesia,Hotel chains in Indonesia,Hotel brands in Indonesia, Hotel owner resources,Hotel marketing guide,Hotel Revenue management guide,' name='twitter:description'/> 78<meta content='https://blogger.googleusercontent.com/img/a/AVvXsEiKvtwQDyJSuUpsr1ekAQ7qpPlUNNHJoB-_T886_zaawZ06AIyym3wEsfvMLwu6Av3OcwRyzea4QyKP14_ITKlZ-4nDZdn9Uhdj1Zy8T7K7BlJpnk72cyVshdF_3Ge4Zk3lkuruhoq8LcT25OxnoFJ1UyZPYUNEaJ6w4OaBpsV6LVc7x7RsjUj_8JtBe-L_=s1200' name='twitter:image'/> 79<!-- ================================================ VERIFICATION TAGS ================================================ --> 80<meta content='pressbay-verify-Qrs4WhVbqjsUcWkPO0p6' name='pressbay-verify'/> 81<meta content='igcKVwApDHyO83i07ZzXX7LGfCOGK_s6aN7S7qZlg9M' name='google-site-verification'/> 82<meta content='26EF92A40661A315AD38069556801278' name='msvalidate.01'/> 83<!-- ================================================ SCHEMA — WebSite & Organization (Fixed - No Duplicates) ================================================ --> 84<!-- ================================================ SCHEMA — NewsArticle (Enhanced for AI Search) ================================================ --> 85<!-- ================================================ DNS PREFETCH / PRECONNECT ================================================ --> 86<link href='https://www.hotelier-indonesia.com/' rel='dns-prefetch'/> 87<link href='https://fonts.googleapis.com' rel='preconnect'/> 88<link crossorigin='' href='https://fonts.gstatic.com' rel='preconnect'/> 89<link href='//cdnjs.cloudflare.com' rel='preconnect'/> 90<link href='//blogger.googleusercontent.com' rel='dns-prefetch'/> 91<link href='//1.bp.blogspot.com' rel='dns-prefetch'/> 92<link href='//2.bp.blogspot.com' rel='dns-prefetch'/> 93<link href='//3.bp.blogspot.com' rel='dns-prefetch'/> 94<link href='//4.bp.blogspot.com' rel='dns-prefetch'/> 95<link href='//www.blogger.com' rel='dns-prefetch'/> 96<!-- ================================================ FAVICON, THEME COLOR, FEED LINKS ================================================ --> 97<link href='https://www.hotelier-indonesia.com/favicon.ico' rel='icon' type='image/x-icon'/> 98<meta content='#111827' name='theme-color'/> 99<link rel="alternate" type="application/atom+xml" title="Hotelier Indonesia Magazine - Atom" href="https://www.hotelier-indonesia.com/feeds/posts/default" /> 100<link rel="alternate" type="application/rss+xml" title="Hotelier Indonesia Magazine - RSS" href="https://www.hotelier-indonesia.com/feeds/posts/default?alt=rss" /> 101<link rel="service.post" type="application/atom+xml" title="Hotelier Indonesia Magazine - Atom" href="https://www.blogger.com/feeds/1344866248136008204/posts/default" /> 102<!-- ================================================ GOOGLE FONTS ================================================ --> 103<link href='https://fonts.googleapis.com/css2?family=Instrument Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap' rel='stylesheet'/> 104<link href='https://fonts.googleapis.com/css2?family=Arial:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap' rel='stylesheet'/> 105<!-- ================================================ BOOTSTRAP ICONS ================================================ --> 106<link href='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.13.1/font/bootstrap-icons.min.css' rel='stylesheet'/> 107<!-- ================================================ CONTENT SECURITY POLICY ================================================ --> 108<meta content='upgrade-insecure-requests' http-equiv='Content-Security-Policy'/> 109<meta content='blogger' name='generator'/> 110<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> 111<meta content='width=device-width, initial-scale=1, minimum-scale=1, user-scalable=yes' name='viewport'/> 112<link href='//fonts.googleapis.com' rel='preconnect'/> 113<link crossorigin='' href='//fonts.gstatic.com' rel='preconnect'/> 114<link href='//cdnjs.cloudflare.com' rel='preconnect'/> 115<link href='//blogger.googleusercontent.com' rel='dns-prefetch'/> 116<link href='//1.bp.blogspot.com' rel='dns-prefetch'/> 117<link href='//2.bp.blogspot.com' rel='dns-prefetch'/> 118<link href='//3.bp.blogspot.com' rel='dns-prefetch'/> 119<link href='//4.bp.blogspot.com' rel='dns-prefetch'/> 120<link href='//www.blogger.com' rel='dns-prefetch'/> 121<title>Contact </title> 122<meta content='' name='description'/> 123<link href='https://www.hotelier-indonesia.com/p/contact-form.html' rel='canonical'/> 124<link href='https://www.hotelier-indonesia.com/favicon.ico' rel='icon' type='image/x-icon'/> 125<meta content='#111827' name='theme-color'/> 126<meta content='en' property='og:locale'/> 127<meta content='article' property='og:type'/> 128<meta content='Contact ' property='og:title'/> 129<meta content='Hotelier Indonesia Magazine' property='og:site_name'/> 130<meta content='' property='og:description'/> 131<meta content='https://www.hotelier-indonesia.com/p/contact-form.html' property='og:url'/> 132<meta content='summary_large_image' name='twitter:card'/> 133<link rel="alternate" type="application/atom+xml" title="Hotelier Indonesia Magazine - Atom" href="https://www.hotelier-indonesia.com/feeds/posts/default" /> 134<link rel="alternate" type="application/rss+xml" title="Hotelier Indonesia Magazine - RSS" href="https://www.hotelier-indonesia.com/feeds/posts/default?alt=rss" /> 135<link rel="service.post" type="application/atom+xml" title="Hotelier Indonesia Magazine - Atom" href="https://www.blogger.com/feeds/1344866248136008204/posts/default" /> 136<link href='https://fonts.googleapis.com/css2?family=Instrument Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap' rel='stylesheet'/>
136 137<link href='https://fonts.googleapis.com/css2?family=Arial:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap' rel='stylesheet'/> 138<link href='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.13.1/font/bootstrap-icons.min.css' rel='stylesheet'/> 139<style id='page-skin-1' type='text/css'><!-- 140/*-- CSS Variables --*/ 141:root{ 142--body-font:Instrument Sans, Arial, sans-serif; 143--menu-font:Instrument Sans, sans-serif; 144--title-font:Instrument Sans, sans-serif; 145--text-font:Arial, Arial, sans-serif; 146--icon-font:"bootstrap-icons", bootstrap-icons; 147--body-bg-color:#f3f4f6; 148--body-bg:#f3f4f6 none repeat fixed top left; 149--outer-bg:#ffffff; 150--accent-color:#2563eb; 151--accent-color-lite:#2563eb80; 152--white-color:#ffffff; 153--title-color:#111827; 154--title-hover-color:#2563eb; 155--text-color:#4b5563; 156--summary-color:#6b7280; 157--meta-color:#9ca3af; 158--header-bg:#ffffff; 159--header-color:#111827; 160--header-hover-color:#2563eb; 161--submenu-bg:#111827; 162--submenu-color:#f9fafb; 163--submenu-hover-color:#2563eb; 164--submenu-gray-bg:#f9fafb0d; 165--footer-bg:#111827; 166--footer-color:#f9fafb; 167--footer-hover-color:#2563eb; 168--footer-text-color:#d1d5db; 169--footer-gray-bg:#f9fafb0d; 170--footerbar-bg:#020617; 171--footerbar-color:#f9fafb; 172--footerbar-hover-color:#2563eb; 173--btn-bg:var(--accent-color); 174--btn-color:var(--white-color); 175--modal-bg:#ffffff; 176--header:4.5rem; 177--logo:2.5rem; 178--container:60.625rem; 179--sidebar:18.75rem; 180--gap:2.25rem; 181--aspect-ratio: 16/11; 182--title-weight:700; 183--letter-spacing:-0.005em; 184--line-clamp:3; 185--gray-bg:#f3f4f6; 186--border-color:#f3f4f6; 187--rgba: #111827; 188--rgba-05: #11182705; 189--rgba-08: #11182708; 190--rgba-0d: #1118270d; 191--rgba-e6: #111827e6; 192--rgba-1a: #1118271a; 193--rgba-33: #11182733; 194--rgba-99: #11182799; 195--shadow:0 1px 2px var(--rgba-05),0 10px 15px -3px var(--rgba-08); 196--radius:0.25rem; 197} 198html.is-dark{ 199--body-bg-color:#374151; 200--outer-bg:#1f2937; 201--accent-color:#2563eb; 202--accent-color-lite:#2563eb80; 203--title-color:#f9fafb; 204--title-hover-color:#2563eb; 205--text-color:#d1d5db; 206--summary-color:#d1d5db; 207--meta-color:#9ca3af; 208--header-bg:#111827; 209--header-color:#f9fafb; 210--header-hover-color:#2563eb; 211--submenu-bg:#030712; 212--submenu-color:#f9fafb; 213--submenu-hover-color:#2563eb; 214--submenu-gray-bg:rgba(255,255,255,.03); 215--footer-bg:#111827; 216--footer-color:#f9fafb; 217--footer-hover-color:#2563eb; 218--footer-text-color:#d1d5db; 219--footer-gray-bg:rgba(255,255,255,.03); 220--footerbar-bg:#030712; 221--footerbar-color:#f9fafb; 222--footerbar-hover-color:#2563eb; 223--modal-bg:#374151; 224--gray-bg:rgba(255,255,255,.03); 225--border-color:rgba(255,255,255,.03); 226--rgba: #111827; 227--rgba-05: #11182705; 228--rgba-08: #11182708; 229--rgba-0d: #1118270d; 230--rgba-e6: #111827e6; 231--rgba-1a: #1118271a; 232--rgba-33: #11182733; 233--rgba-99: #11182799; 234--shadow:0 1px 2px var(--rgba-0d),0 10px 15px -3px var(--rgba-33); 235} 236html.rtl{ 237--body-font:Arial, sans-serif; 238--menu-font:Cairo, sans-serif; 239--title-font:Cairo, sans-serif; 240--text-font:Arial, sans-serif; 241} 242/*-- Reset CSS --*/ 243html,body,a,abbr,acronym,address,applet,b,big,blockquote,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,input,button,h1,h2,h3,h4,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;margin:0;border:0;vertical-align:baseline;background:0 0;text-decoration:none}dl,ul{list-style-position:inside;list-style:none}ul li{list-style:none}caption{text-align:center}img{width:auto;max-width:100%;height:auto;border:none}a,a:visited{text-decoration:none}.clearfix{clear:both}.section,.widget,.widget ul{margin:0;padding:0}abbr{text-decoration:none}.separator a{text-decoration:none!important;clear:none!important;float:none!important;margin-left:0!important;margin-right:0!important}#Navbar1,#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{display:none!important}.center{display:table;margin:0 auto;position:relative}.widget > h2,.widget > h3{display:none}.widget iframe{max-width:100%}button,input,select,textarea{background:transparent;font-family:var(--body-font);font-weight:normal;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:0;border-radius:0}
243button{cursor:pointer}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}.rtl{direction:rtl}iframe[src*="youtube.com"]{width:100%;height:auto;aspect-ratio:16/9} 244/*-- Main CSS --*/ 245*{box-sizing:border-box} 246*:after,*:before{display:inline-block;font-family:var(--icon-font);font-weight:400;font-style:normal;box-sizing:border-box} 247html{font-size:100%;word-break:break-word;word-wrap:break-word;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%} 248body{background:var(--body-bg);background-color:var(--body-bg-color);font-family:var(--body-font);font-size:0.875rem;color:var(--text-color);font-weight:400;font-style:normal;line-height:1.25rem} 249h1,h2,h3,h4{font-family:var(--title-font);font-weight:var(--title-weight)} 250a{color:var(--accent-color)} 251svg{display:inline-block;width:1em;height:1em;font-size:1em;line-height:1;overflow:visible} 252.site-outer{width:100%;max-width:100%;background:var(--outer-bg);margin:0 auto} 253.is-boxed .site-outer{width:calc(var(--container) + (var(--gap) * 2));max-width:100%;box-shadow:var(--shadow)} 254.container{width:var(--container);max-width:100%} 255.flex-c{display:flex;justify-content:center} 256.flex-col{display:flex;flex-direction:column} 257.flex-sb{display:flex;justify-content:space-between} 258.content-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--sidebar));grid-template-areas:"main sidebar";gap:var(--gap);padding:var(--gap) 0} 259.main-wrap{grid-area:main;display:flex;flex-direction:column;gap:var(--gap)} 260.sidebar-wrap{grid-area:sidebar;display:flex;flex-direction:column;gap:var(--gap)} 261:not(.rtl) .is-left .content-wrap,.rtl .is-right .content-wrap{grid-template-columns:minmax(0,var(--sidebar)) minmax(0,1fr);grid-template-areas:"sidebar main"} 262.no-sidebar .content-wrap{grid-template-columns:minmax(0,1fr);justify-items:center;gap:0} 263.no-sidebar .main-wrap{width:42.5rem;max-width:100%} 264.no-sidebar .sidebar-wrap{display:none} 265.title{color:var(--title-color);line-height:1.27em;letter-spacing:var(--letter-spacing)} 266.post{position:relative} 267.entry-thumbnail,.entry-avatar,.comments .avatar-image-container{display:block;position:relative;overflow:hidden;background:var(--gray-bg)} 268.entry-thumbnail{width:100%;aspect-ratio:var(--aspect-ratio);border-radius:var(--radius)} 269.thumbnail,.avatar{display:block;position:relative;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;transform-origin:center;opacity:0;transition:opacity .25s ease} 270.thumbnail.pbt-lazy,.avatar.pbt-lazy{opacity:1} 271[class*="yt-img"]{display:flex;align-items:center;justify-content:center;position:absolute;right:50%;bottom:50%;width:2.5rem;height:2.5rem;background:rgb(255 255 255 / 10%);-webkit-backdrop-filter:saturate(1.1) blur(1.5rem);backdrop-filter:saturate(1.1) blur(1.5rem);font-size:1.5rem;color:var(--white-color);z-index:2;border-radius:50%;box-shadow:inset 0 0 0 1px rgb(255 255 255 / 3%);transform:translate(50%,50%)} 272[class*="yt-img"]:before{content:"\f4f4";padding:0 0 0 1px} 273.yt-img\:x1{transform:translate(50%,50%) scale(1.1)} 274.yt-img\:x2{transform:translate(50%,50%) scale(.9)} 275.yt-img\:x3{transform:translate(50%,50%) scale(.8)} 276.yt-img\:x4{transform:translate(50%,50%) scale(.7)} 277.entry-thumbnail:hover .thumbnail,.entry-inner:hover .thumbnail{filter:brightness(1.05)} 278.entry-header{display:flex;flex-direction:column;gap:0.375rem} 279.entry-tag{font-size:0.75rem;color:var(--accent-color);font-weight:700;text-transform:uppercase} 280.entry-title{color:var(--title-color);line-height:1.27em;letter-spacing:var(--letter-spacing)} 281.entry-title a{display:-webkit-box;-webkit-line-clamp:var(--line-clamp);-webkit-box-orient:vertical;overflow:hidden;color:currentColor} 282.entry-title a:hover{color:var(--title-hover-color)} 283.entry-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} 284.entry-meta{display:flex;flex-wrap:wrap;gap:0.375rem;font-size:0.75rem;color:var(--meta-color);line-height:1rem} 285.entry-meta > span{display:flex;gap:0.375rem} 286.entry-meta .author-name{color:var(--title-color);font-weight:700} 287.entry-meta:has(.entry-author) .entry-time:before{content:'\002D';font-family:var(--body-font)} 288.excerpt{font-family:var(--text-font);font-size:0.875rem;color:var(--summary-color);line-height:1.25rem} 289.card .entry-inner{display:grid;grid-template-areas:"abs";position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--radius)}
290.card .entry-thumbnail{grid-area:abs;width:100%;height:100%;aspect-ratio:unset;border-radius:0} 291.card .entry-thumbnail:after{content:"";position:absolute;inset:0;background:linear-gradient(0,var(--rgba-99),var(--rgba-1a));z-index:2} 292.card .yt-img{top:1.5rem;right:1.5rem;z-index:3;transform:translate(0)} 293.rtl .card .yt-img{left:1.5rem;right:unset} 294.card .entry-header{grid-area:abs;display:grid;align-content:end;gap:0.75rem;z-index:4;padding:1.5rem} 295.cs .entry-thumbnail{background:var(--rgba-0d)} 296.cs .entry-header{text-shadow:0 1px 2px var(--rgba-1a)} 297.cs .entry-tag{display:flex;align-items:center;max-width:fit-content;height:1.375rem;background:var(--btn-bg);color:var(--btn-color);font-weight:500;text-shadow:none;padding:1px 0.75rem 0;border-radius:var(--radius)} 298.cs .entry-title{display:-webkit-box;-webkit-line-clamp:var(--line-clamp);-webkit-box-orient:vertical;overflow:hidden;color:var(--white-color)} 299.cs .entry-title a:hover{color:currentColor} 300.cs .entry-meta{color:#f9fafb} 301.cs .entry-meta .author-name{color:currentColor} 302.btn{position:relative;font-weight:500;line-height:1;border-radius:var(--radius)} 303.btn:focus{box-shadow:0 0 0 2px var(--accent-color-lite)} 304.loader{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;font-size:2.25rem;color:var(--accent-color)} 305.loader svg{animation:rotate 2s linear infinite} 306.loader circle{animation:dash 1.5s ease-in-out infinite} 307.error-msg{display:flex;align-items:center;color:var(--meta-color);padding:var(--gap) 0} 308.overlay-bg{position:fixed;inset:0;background:var(--rgba-99);-webkit-backdrop-filter:blur(0.125rem);backdrop-filter:blur(0.125rem);z-index:1000;visibility:hidden;opacity:0;transition:all .25s ease} 309.show-overlay .search-overlay{visibility:visible;opacity:1} 310.social a:before{text-shadow:0.125rem 0.125rem 0 var(--gray-bg)} 311.social .blogger a:before{content:"\f1a6"} 312.social .twitter a:before,.social .x a:before{content:"\f8db"} 313.social .rss a:before{content:"\f521"} 314.social .share a:before{content:"\f52d"} 315.social .email a:before{content:"\f32c"} 316.social .website a:before{content:"\f3ef"} 317.social .external-link a:before{content:"\f1c5"} 318.color .blogger a{color:#f57c00} 319.color .apple a{color:#131313} 320.color .amazon a{color:#fe9800} 321.color .microsoft a{color:#0067B8} 322.color .facebook a,.color .facebook-f a{color:#0866FF} 323.color .twitter a,.color .twitter-x a,.color .x a{color:#000} 324.color .youtube a{color:#FF0000} 325.color .instagram a{color:#7e40b6} 326.color .threads a{color:#131313} 327.color .pinterest a,.color .pinterest-p a{color:#e60023} 328.color .dribbble a{color:#ea4c89} 329.color .linkedin a{color:#0a66c2} 330.color .twitch a{color:#9147ff} 331.color .rss a{color:#ffc200} 332.color .skype a{color:#00aff0} 333.color .stumbleupon a{color:#eb4823} 334.color .vk a{color:#4a76a8} 335.color .stack-overflow a{color:#f48024} 336.color .github a{color:#24292e} 337.color .soundcloud a{color:#ff7400} 338.color .behance a{color:#191919} 339.color .digg a{color:#0056d9} 340.color .delicious a{color:#0076e8} 341.color .codepen a{color:#131313} 342.color .flipboard a{color:#f52828} 343.color .reddit a{color:#ff4500} 344.color .whatsapp a{color:#25d366} 345.color .messenger a{color:#0866FF} 346.color .snapchat a{color:#ffe700} 347.color .telegram a{color:#3390ec} 348.color .steam a{color:#112c5b} 349.color .discord a{color:#7289da} 350.color .quora a{color:#b92b27} 351.color .tiktok a{color:#fe2c55} 352.color .line a{color:#07b53b} 353.color .share a{color:var(--meta-color)} 354.color .email a{color:#888} 355.color .website a,.color .external-link a{color:var(--title-color)} 356.is-dark .color .website a,.is-dark .color .external-link a{color:var(--accent-color)} 357.color .threads a{color:#000} 358.color .mastodon a{color:#6364ff} 359.color .bluesky a{color:#08f} 360.header-ads{background:var(--gray-bg)} 361.site-header{position:relative;z-index:100} 362.main-header,.header-header{height:var(--header);background:var(--header-bg)} 363.header-header{box-shadow:var(--shadow)} 364.header-inner.is-fixed{position:fixed;top:calc(0% - (var(--header) * 2));left:0;width:100%;backface-visibility:hidden;visibility:hidden;opacity:0;transform:translateY(0);transition:all .35s ease-in-out} 365.header-inner.is-fixed.show{visibility:visible;opacity:1;transform:translateY(calc(var(--header) * 2))} 366.is-boxed .header-header{float:none;
366width:calc(var(--container) + (var(--gap) * 2));max-width:100%;margin:0 auto} 367.header-items{display:flex;align-items:center;justify-content:space-between;gap:2rem} 368.flex-left{display:flex;align-items:center;gap:2rem} 369.menu-toggle{display:none;align-items:center;height:2.5rem;font-size:1.375rem;color:var(--header-color);padding:0 1.25rem} 370.menu-toggle:after{content:"\f3fc"} 371.menu-toggle:hover{color:var(--header-hover-color)} 372.main-logo{display:flex;align-items:center;flex-shrink:0;height:var(--header);overflow:hidden} 373.main-logo img{display:block;max-height:var(--logo)} 374.main-logo .title{max-width:100%;font-family:var(--title-font);font-size:1.25rem;color:var(--header-color);line-height:var(--logo);font-weight:var(--title-weight);overflow:hidden;white-space:nowrap;text-overflow:ellipsis} 375.main-logo .title a{color:var(--header-color)} 376.main-logo .title a:hover{color:var(--header-hover-color)} 377.main-logo #h1-off{display:none;visibility:hidden} 378#main-menu .widget{display:none} 379#main-menu .widget.is-ready{display:block} 380.main-nav{display:flex;height:var(--header);gap:1.75rem} 381.main-nav > li{position:relative;display:flex;flex-shrink:0} 382.main-nav > li > a{display:flex;align-items:center;gap:0.25rem;font-family:var(--menu-font);font-size:1rem;color:var(--header-color);font-weight:700;letter-spacing:var(--letter-spacing);white-space:nowrap} 383.main-nav > li > a > i[code]{line-height:1} 384.main-nav > li > a > i[code]:before{content:attr(code)} 385.main-nav .has-sub > a:after{content:"\f282";font-size:0.75rem;line-height:1;margin-top:-0.125rem} 386.rtl .main-nav .has-sub > a:after{margin:-0.25rem 0.25rem 0 0} 387.main-nav > li:hover > a{color:var(--header-hover-color)} 388.main-nav .ul{position:absolute;top:100%;left:0;width:12rem;background:var(--submenu-bg);padding:0.5rem 0;box-shadow:var(--shadow);backface-visibility:hidden;pointer-events:none;visibility:hidden;opacity:0;transition:all .25s ease} 389.rtl .main-nav .ul{left:auto;right:0} 390.main-nav .sub.sm-1{left:-1rem} 391.rtl .main-nav .sub.sm-1{right:-1rem} 392.main-nav .sub.sm-2{top:-0.5rem;left:100%} 393.rtl .main-nav .sub.sm-2{left:unset;right:100%} 394.main-nav .sub li{position:relative} 395.main-nav .sub li a{display:flex;align-items:center;justify-content:space-between;font-size:0.875rem;color:var(--submenu-color);font-weight:500;padding:0.5rem 1rem} 396.main-nav .sub li:hover > a{color:var(--submenu-hover-color)} 397.main-nav .sub .has-sub > a:after{content:"\f285";margin:0} 398.rtl .main-nav .sub .has-sub > a:after{content:"\f284"} 399.main-nav li:hover > .ul{backface-visibility:inherit;pointer-events:auto;visibility:visible;opacity:1} 400.main-nav .has-mega{position:static} 401.main-nav .mega{width:100%;padding:2rem 0} 402.is-boxed .main-nav .mega{left:calc((100% - (var(--container) + 4.5rem)) / 2);width:calc(var(--container) + 4.5rem);max-width:100%} 403.rtl .is-boxed .main-nav .mega{left:auto;right:calc((100% - (var(--container) + 4.5rem)) / 2)} 404.mega{--vw:var(--container);--sep:4;--gap:1.5rem;--ih:calc(var(--vw) / 8.07220);--title-color:var(--submenu-color);--title-hover-color:var(--submenu-hover-color);--gray-bg:var(--submenu-gray-bg)} 405.mega-tabs{display:flex;flex-direction:column;gap:var(--gap)} 406.mega-tabs .nav{display:flex;gap:1rem} 407.mega-tabs .nav a{display:flex;align-items:center;height:1.75rem;background:var(--gray-bg);font-size:0.875rem;color:var(--title-color);font-weight:500;padding:0 0.75rem;border-radius:var(--radius)} 408.mega-tabs .nav a.active{background:var(--btn-bg);color:var(--btn-color)} 409.mega-tabs [data-tab]{display:none} 410.mega-tabs .active[data-tab]{display:block} 411.mega .mega-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:var(--gap)} 412.mega .post{display:grid;gap:0.75rem} 413.has-mega:not(:hover) .mega .post{opacity:1;-webkit-animation:none;animation:none} 414.mega .entry-thumbnail{height:var(--ih);aspect-ratio:unset} 415.mega .thumbnail{width:calc((var(--vw) - (var(--gap) * var(--sep))) / 5);min-width:100%;height:var(--ih)} 416.mega .entry-title{font-size:1rem} 417.mega .error-msg{justify-content:center;height:10rem;padding:0} 418.mega .loader{height:10rem} 419.slide-menu{display:none;flex-direction:column;justify-content:flex-start;position:fixed;
419width:18.75rem;max-width:100%;height:100%;top:0;left:0;bottom:0;background:var(--outer-bg);overflow:hidden;z-index:1010;left:0;transform:translateX(-100%);visibility:hidden;box-shadow:0 0 15px var(--rgba-0d);transition:all .25s ease} 420.rtl .slide-menu{left:unset;right:0;transform:translateX(100%)} 421.menu-on .slide-menu,.rtl .menu-on .slide-menu{transform:translateX(0);visibility:visible} 422.slide-menu-header{display:flex;align-items:center;justify-content:space-between;height:var(--header);background:var(--header-bg);box-shadow:var(--shadow)} 423.mobile-logo{display:flex;flex:1;width:100%;overflow:hidden;padding:0 0 0 1.25rem} 424.rtl .mobile-logo{padding:0 1.25rem 0 0} 425.mobile-logo .homepage{max-width:100%;font-size:1.25rem;color:var(--header-color);line-height:var(--logo);font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} 426.mobile-logo .homepage:hover{color:var(--header-hover-color)} 427.mobile-logo .logo-img img{display:block;width:auto;max-width:100%;height:auto;max-height:var(--logo)} 428.hide-mobile-menu{display:flex;align-items:center;height:100%;color:var(--header-color);font-size:1.375rem;z-index:20;padding:0 1.25rem} 429.hide-mobile-menu:before{content:"\f659"} 430.hide-mobile-menu:hover{color:var(--header-hover-color)} 431.slide-menu-flex{display:flex;height:calc(100% - var(--header));flex-direction:column;justify-content:space-between;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch} 432.mobile-menu{padding:1.25rem} 433.mobile-menu ul li a{display:block;font-size:1.125rem;color:var(--title-color);font-weight:400;padding:0.75rem 0} 434.mobile-menu > ul > li > a{font-family:var(--menu-font);font-weight:700;letter-spacing:var(--letter-spacing)} 435.mobile-menu > ul > li > a > i{margin:0 0.25rem 0 0} 436.rtl .mobile-menu > ul > li > a > i{margin:0 0 0 0.25rem} 437.mobile-menu .sub{display:none;overflow:hidden;padding:0 0 0 1rem} 438.rtl .mobile-menu .sub{padding:0 1rem 0 0} 439.mobile-menu .has-sub li a{font-size:1rem;opacity:.75} 440.mobile-menu .has-sub > a{display:flex;justify-content:space-between} 441.mobile-menu .has-sub > a:has(i, svg, symbol){display:grid;grid-template-columns:auto minmax(0,1fr) auto} 442.mobile-menu .has-sub > a:after{content:"\f282";font-size:1.25rem} 443.mobile-menu .has-sub.expanded > a:after{content:"\f286"} 444.mobile-menu ul li a:hover{color:var(--title-hover-color)} 445.mm-footer{gap:1rem;padding:1.25rem} 446.mm-footer ul{display:flex;flex-wrap:wrap;gap:0.5rem 1rem} 447.mm-footer .social a{font-size:1rem} 448.mm-footer .social a:hover{opacity:.9} 449.mm-footer .links a{font-size:0.875rem;color:var(--title-color)} 450.mm-footer .links a:hover{color:var(--title-hover-color)} 451.flex-right{display:flex;gap:0.25rem;background:var(--header-bg);z-index:1} 452.flex-right button{display:flex;align-items:center;justify-content:end;width:2.5rem;height:2.5rem;font-size:1.375rem;color:var(--header-color)} 453.flex-right button:hover{color:var(--header-hover-color)} 454.flex-right .darkmode-toggle{transform-origin:center} 455.darkmode-toggle:before{content:"\f5a1";font-size:1.25rem} 456.is-dark .darkmode-toggle:before{content:"\f495";font-size:1.125rem} 457.darkmode-toggle.dark-on{animation:darkOn .5s ease} 458.darkmode-toggle.dark-off{animation:darkOff .5s ease} 459.flex-right .search-toggle:before{content:"\f52a"} 460.main-search{display:flex;flex-direction:column;position:fixed;top:1.5rem;left:50%;width:30rem;max-width:calc(100% - 3rem);max-height:calc(100% - 3rem);background:var(--modal-bg);overflow:hidden;z-index:1010;border-radius:var(--radius);box-shadow:var(--shadow);visibility:hidden;opacity:0;transform:translate3d(-50%,50%,0);transition:all .25s ease} 461.search-on .main-search{backface-visibility:inherit;visibility:visible;opacity:1;transform:translate3d(-50%,0,0)} 462.main-search .form{display:flex;gap:1rem;flex-shrink:0;width:100%;height:4rem;padding:0 1.5rem} 463.main-search .input{flex:1;width:100%;font-size:1rem;color:var(--title-color);font-weight:400} 464.main-search .input::placeholder{color:var(--meta-color)} 465.main-search .label{display:flex;align-items:center;font-size:1.125rem;color:var(--meta-color)} 466.main-search .label:before{content:"\f52a"} 467.main-search .loader{display:none;font-size:inherit;color:currentColor;padding:0 0 0.125rem} 468.main-search .loader circle{stroke-width:4.0} 469.main-search.loading .label:before{display:none} 470.main-search.loading .loader{display:flex} 471.main-search .close{align-self:center;font-size:0.75rem;color:var(--meta-color);font-weight:500;padding:0.125rem 0.5rem;border:1px solid var(--border-color);border-radius:var(--radius)} 472.main-search .close:hover{color:var(--accent-color)} 473.search-content{display:none;flex-direction:column;justify-content:space-between;
473height:calc(100% - 4rem);overflow:hidden;padding:1.5rem;border-top:1px solid var(--border-color)} 474.search-content.visible{display:flex} 475.search-results{flex:1;overflow:hidden} 476.search-results.scroll{overflow-y:auto;-webkit-overflow-scrolling:touch} 477.search-results::-webkit-scrollbar{background:transparent;height:0.5rem;width:0.5rem} 478.search-results::-webkit-scrollbar-track{background:var(--gray-bg);border-radius:0.5rem} 479.search-results::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:0.5rem} 480.search-results::-webkit-scrollbar-thumb:hover{background:var(--accent-color)} 481.search-items{display:flex;flex-direction:column;gap:1.5rem} 482.search-items .post{display:grid;grid-template-columns:minmax(0,6.5rem) minmax(0,1fr);gap:1rem} 483.search-items .entry-header{align-self:center} 484.search-items .entry-title{font-size:1rem} 485.search-items .entry-title a{-webkit-line-clamp:2} 486.main-search .view-all{flex-shrink:0;padding:1.5rem 0 0} 487.main-search .view-all .btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;height:2.5rem;background:var(--btn-bg);font-size:1rem;color:var(--btn-color);padding:0 1.5rem} 488.main-search .view-all .btn:after{content:"\f138"} 489.rtl .main-search .view-all .btn:after{content:"\f12f"} 490.main-search .view-all:hover{opacity:.9} 491.search-content .error-msg{justify-content:center;padding:1.5rem 0} 492.search-on .overlay-bg{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z'/%3E%3C/svg%3E"),auto;visibility:visible;opacity:1} 493.featured{--height:27rem} 494.featured .widget{display:none;position:relative;background:var(--rgba);overflow:hidden} 495.featured .widget.getPosts,.featured .widget.PopularPosts{display:block} 496.featured .widget-content{position:relative;height:var(--height);z-index:2} 497.featured .loader{height:var(--height)} 498.featured .error-msg{justify-content:center;height:var(--height);padding:0} 499.featured-items{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,auto);align-items:center;height:var(--height)} 500.featured-items .first{position:static} 501.featured-items .first .entry-thumbnail{position:absolute;inset:0;aspect-ratio:unset;z-index:0;border-radius:0} 502.featured-items .first .entry-thumbnail:after{content:'';position:absolute;inset:0;background:linear-gradient(0,var(--rgba-99),var(--rgba-1a));z-index:2} 503.featured-items .first .entry-header{position:relative;gap:1rem;max-width:65%;z-index:3} 504.featured-items .first .entry-title{font-size:2rem} 505.featured-items .first .entry-meta{font-size:0.875rem;line-height:1.25rem} 506.featured-items .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1.5rem;position:relative;background:rgb(255 255 255 / 10%);-webkit-backdrop-filter:saturate(1.1) blur(1.5rem);backdrop-filter:saturate(1.1) blur(1.5rem);z-index:4;padding:1.5rem;border-radius:var(--radius) var(--radius) 0 0;box-shadow:inset 0 1px 0 0 rgb(255 255 255 / 3%),inset 1px 0 0 0 rgb(255 255 255 / 3%),inset -1px 0 0 rgb(255 255 255 / 3%)} 507.featured-items .grid .post{display:grid;grid-template-columns:minmax(0,6.5rem) minmax(0,1fr);gap:1rem} 508.featured-items .grid .entry-header{align-self:center} 509.featured-items .grid .entry-title{font-size:1rem} 510.featured-items .grid .entry-title a:hover{opacity:.9} 511.featured-ads{background:var(--gray-bg)} 512.featured-ads .widget{padding:var(--gap) 0} 513.widget-title{display:flex;justify-content:space-between;gap:1rem;position:relative;margin:0 0 1.25rem} 514.widget-title .title{font-size:1.25rem} 515.widget-title .title-link{display:flex;align-items:center;gap:0.25rem;font-size:0.875rem;color:var(--accent-color);font-weight:500} 516.widget-title .title-link:after{content:"\f138"} 517.rtl .widget-title .title-link:after{content:"\f12f"} 518.widget-title .title-link:hover{opacity:.9} 519.content-section{display:flex;flex-direction:column;gap:var(--gap)} 520.content-section .widget{display:none;position:relative} 521.content-section .widget.getPosts,.content-section .widget.is-ad{display:block} 522.content-section .widget-content{position:relative} 523.content-section .loader{height:12rem} 524.grid-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:2rem} 525.grid-items .post{display:grid;gap:0.75rem} 526.grid-items .entry-header{gap:0.5rem} 527.grid-items .entry-title{font-size:1.375rem} 528.grid-items .entry-meta{font-size:0.875rem;line-height:1.25rem} 529.list-items{display:flex;flex-direction:column;gap:2rem} 530.list-items .post{display:grid;grid-template-columns:minmax(0,18rem) minmax(0,1fr);gap:1.5rem} 531.list-items .entry-header{align-self:center;gap:0.5rem} 532.list-items .entry-title{font-size:1.375rem} 533.list-items .entry-meta{font-size:0.875rem;line-height:1.25rem} 534.block1-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:2rem} 535.block1-items .first{display:grid;gap:0.75rem} 536.block1-items .first .entry-header{gap:0.5rem} 537.block1-items .first .entry-title{font-size:1.375rem} 538.block1-items .first .entry-meta{font-size:0.875rem;line-height:1.25rem} 539.block1-list{display:flex;flex-direction:column;gap:1.5rem} 540.block1-list .post{display:grid;grid-template-columns:minmax(0,6.5rem) minmax(0,1fr);gap:1rem} 541.block1-list .entry-header{align-self:center} 542.block1-list .entry-title{font-size:1rem} 543.block2-items{display:grid;gap:2rem} 544.block2-items .card{aspect-ratio:16/9} 545.block2-items .card .entry-title{font-size:1.875rem} 546.block2-items .card .entry-meta{font-size:0.875rem;line-height:1.25rem} 547.block2-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:2rem} 548.block2-grid .post{display:grid;gap:0.75rem} 549.block2-grid .entry-header{gap:0.5rem} 550.block2-grid .entry-title{font-size:1.375rem} 551.block2-grid .entry-meta{font-size:0.875rem;line-height:1.25rem} 552.story-items .card{--line-clamp:6} 553.story-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem} 554.story-items .post{aspect-ratio:11/16} 555.story-items .entry-title{font-size:1.125rem} 556.type-video{--title-color:#f9fafb;--summary-color:#d1d5db;--meta-color:#d1d5db} 557.type-video{background:var(--rgba);background-repeat:no-repeat;background-size:cover;background-position:center;overflow:hidden;padding:1.5rem;border-radius:var(--radius)} 558.type-video:before{content:"";position:absolute;inset:0;background:var(--rgba-99);-webkit-backdrop-filter:saturate(1.1) blur(1.5rem);backdrop-filter:saturate(1.1) blur(1.5rem);z-index:0} 559.video-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:2rem} 560.video-items .first{display:grid;gap:0.75rem}
561.video-items .entry-thumbnail{background:var(--rgba-0d)} 562.video-items .first .entry-header{gap:0.5rem} 563.video-items .first .entry-title{font-size:1.375rem} 564.video-items .first .entry-meta{font-size:0.875rem;line-height:1.25rem} 565.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.5rem} 566.video-grid .post{display:grid;gap:0.75rem} 567.video-grid .entry-title{font-size:1rem} 568.query-error{font-size:0.875rem;color:var(--meta-color);text-align:center;margin:3rem 0} 569.blog-posts .post.ad-type{display:block} 570.blog-post{display:flex;flex-direction:column;gap:var(--gap)} 571.post-header{gap:1rem} 572#breadcrumb{display:flex;align-items:center;gap:0.125rem;font-size:0.875rem;color:var(--accent-color);font-weight:500} 573#breadcrumb a{color:currentColor} 574#breadcrumb a:hover{opacity:.9} 575#breadcrumb .sep:after{content:"\f285";font-size:0.75rem} 576.rtl #breadcrumb .sep:after{content:"\f284"} 577.post-header .entry-title{font-size:2.375rem;color:var(--title-color)} 578.post-meta{align-items:center;gap:1rem;margin:0.125rem 0 0} 579.post-meta .align-left{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:center;gap:0.75rem} 580.post-meta .entry-meta{flex-direction:column;gap:0.125rem;font-size:.875rem;line-height:1.25rem} 581.post-meta .entry-avatar{width:2.5rem;height:2.5rem;border-radius:50%} 582.post-meta .avatar{z-index:2;border-radius:50%} 583.post-meta .entry-time:before{display:none} 584.share-toggle{display:flex;align-items:center;justify-content:flex-end;width:2.5rem;height:2.5rem;font-size:1.5rem;color:var(--title-color)} 585.share-toggle:before{content:"\f1c6"} 586.share-toggle:hover{color:var(--title-hover-color)} 587.entry-content{padding:1.5rem 0 0} 588.post-body{position:relative;font-family:var(--text-font);font-size:1rem;color:var(--text-color);line-height:1.5em} 589.post-body p{margin-bottom:1.5rem} 590.post-body h1,.post-body h2,.post-body h3,.post-body h4{font-size:1.125rem;color:var(--title-color);line-height:1.35em;margin:0 0 1rem} 591.post-body h1{font-size:2.25rem} 592.post-body h2{font-size:1.875rem} 593.post-body h3{font-size:1.5rem} 594.post-body img{height:auto!important;border-radius:var(--radius)} 595blockquote{position:relative;background:var(--gray-bg);color:var(--title-color);font-style:normal;padding:1.5rem;margin:0 0 1.5rem;border-radius:var(--radius)} 596blockquote:before{position:absolute;top:0.75rem;left:0.75rem;content:"\f6b0";font-size:3rem;color:var(--title-color);font-style:normal;line-height:1;opacity:.05} 597.rtl blockquote:before{left:unset;right:0.75rem} 598.post-body ul,.post-body ol{padding:0 0 0 1.5rem;margin:0} 599.rtl .post-body ul,.rtl .post-body ol{padding:0 1.5rem 0 0} 600.post-body ul ul,.post-body ul ol,.post-body ol ol,.post-body ol ul,.post-body li + li{margin:0.75rem 0 0} 601.post-body ul li,.post-body ol li{list-style:none} 602.post-body ul li:before{content:"\f287";font-size:0.375rem;line-height:1rem;vertical-align:middle;margin:0 0.375rem 0 0} 603.post-body ul li ul li:before{content:"\f28a"} 604.rtl .post-body ul li:before{margin:0 0 0 0.375rem} 605.post-body ol{counter-reset:pbt} 606.post-body ol > li{counter-increment:pbt;list-style:none} 607.post-body ol > li:before{content:counters(pbt,".")".";font-family:inherit;font-size:1em;margin:0 0.375em 0 0} 608.rtl .post-body ol > li:before{margin:0 0 0 0.375em} 609.post-body u{text-decoration:underline} 610.post-body strike{text-decoration:line-through} 611.post-body sup{vertical-align:super} 612.post-body a{color:var(--accent-color)} 613.post-body a:hover{text-decoration:underline} 614.post-body .button{display:inline-block;height:2.5rem;background:var(--btn-bg);font-family:var(--body-font);font-size:1rem;color:var(--btn-color);line-height:2.5rem;text-decoration:none!important;cursor:pointer;padding:0 1.5rem;margin:0 0.5rem 0.5rem 0} 615.rtl .post-body .button{margin:0 0 0.5rem 0.5rem} 616.post-body .button.x2{height:3rem;font-size:1rem;line-height:3rem} 617.post-body .button.is-c,.rtl.post-body .button.is-c{margin:0 0.25rem 0.5rem} 618.post-body .button[disabled]{opacity:.5} 619.post-body .button:not([disabled]):hover{opacity:.9} 620.post-body .button.color{color:var(--white-color)} 621.post-body .button.color:focus{box-shadow:0 0 0 2px var(--border-color)}
622.post-body .button.x2 span{display:inline-block;background:rgb(255 255 255 / 5%);font-size:0.875rem;line-height:1;padding:0.25rem 0.5rem;margin:0 0 0 1.5rem;border-radius:var(--radius)} 623.rtl .post-body .button.x2 span{margin:0 1.5rem 0 0} 624.post-body .button:before{font-style:normal;vertical-align:middle;line-height:1;margin:0 0.5rem 0 0} 625.rtl .post-body .button:before{margin:0 0 0 0.5rem} 626.post-body .btn.x2:before{font-size:1.25rem} 627.post-body .btn.preview:before{content:"\f33e"} 628.post-body .btn.download:before{content:"\f294"} 629.post-body .btn.link:before{content:"\f470"} 630.post-body .btn.cart:before{content:"\f23d"} 631.post-body .btn.info:before{content:"\f430"} 632.post-body .btn.share:before{content:"\f52d"} 633.post-body .btn.contact:before{content:"\f32c"} 634.post-body .btn.phone:before{content:"\f5b4"} 635.post-body .btn.gift:before{content:"\f3eb"} 636.post-body .btn.whatsapp:before{content:"\f618"} 637.post-body .btn.paypal:before{content:"\f662"} 638.post-body .btn.telegram:before{content:"\f5b3"} 639.post-body .btn.continue:before{content:"\f138"} 640.rtl .post-body .btn.continue:before{content:"\f12f"} 641.alert-message{display:block;position:relative;background:#22c55e15;color:#22c55e;overflow:hidden;padding:1.5rem;border-radius:var(--radius)} 642.alert-message.alert-info{background:#3b82f615;color:#3b82f6} 643.alert-message.alert-warning{background:#eab30815;color:#eab308} 644.alert-message.alert-error{background:#ef444415;color:#ef4444} 645.alert-message:before{content:'\f26a';font-size:1rem;vertical-align:middle;margin:0 0.5rem 0 0} 646.rtl .alert-message:before{margin:0 0 0 0.5rem} 647.alert-message.alert-info:before{content:'\f430'} 648.alert-message.alert-warning:before{content:'\f33a'} 649.alert-message.alert-error:before{content:'\f622'} 650.alert-message a:not(.btn){color:currentColor;text-decoration:underline} 651.alert-message a:not(.btn):hover{opacity:.9} 652.post-body table{width:100%;overflow-x:auto;text-align:left;border-collapse:collapse;border:1px solid var(--border-color)} 653.rtl .post-body table{text-align:right} 654.post-body table td,.post-body table th{padding:0.5rem 1rem;border:1px solid var(--border-color)} 655.post-body table thead th{color:var(--title-color)} 656table.tr-caption-container,table.tr-caption-container td,table.tr-caption-container th{line-height:1rem;padding:0;border:0} 657table.tr-caption-container td.tr-caption{font-size:0.75rem;padding:0.25rem 0 0 0} 658.pbt-toc-wrap{display:flex;width:100%;margin:0} 659.pbt-toc-inner{display:flex;flex-direction:column;position:relative;max-width:100%;background:var(--gray-bg);overflow:hidden;font-size:1rem;color:var(--title-color);line-height:1.5rem;border-radius:var(--radius)} 660.pbt-toc-title{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;position:relative;height:3rem;font-size:1.25rem;color:var(--title-color);padding:0 1.5rem} 661.pbt-toc-title-text{display:flex;align-items:center;gap:0.5rem;font-family:var(--title-font);font-weight:var(--title-weight)} 662.pbt-toc-title-text:before{content:"\f475";font-size:1.25rem} 663.rtl .pbt-toc-title-text:before{margin:0 0 0 0.5rem} 664.pbt-toc-title:after{content:"\f282";font-size:1.25rem} 665.pbt-toc-title.is-expanded:after{content:"\f286"} 666#pbt-toc{display:none;padding:1.5rem} 667#pbt-toc ol{counter-reset:pbtToc} 668#pbt-toc li{counter-increment:pbtToc} 669#pbt-toc li:before{content:counters(pbtToc,".")"."} 670#pbt-toc[data-count="false"] li:before{display:none} 671#pbt-toc li a{color:var(--accent-color)} 672#pbt-toc li a:hover{text-decoration:underline} 673.post-body .contact-form-widget{display:table;width:100%;font-family:var(--body-font)} 674.post-body .contact-form-form{grid-template-columns:repeat(2,minmax(0,1fr))} 675.post-body .contact-form-widget .cf-s{font-size:1rem} 676.post-body .contact-form-email-message,.post-body .contact-form-button,.post-body .contact-form-form p{grid-column:1/3} 677.post-body pre,pre.code-box{display:block;background:var(--gray-bg);font-family:monospace;font-size:0.875rem;color:var(--title-color);white-space:pre-wrap;line-height:1.25rem;padding:1.5rem;border:1px solid var(--border-color);border-radius:var(--radius)} 678.post-body .google-auto-placed{margin:1.5rem 0} 679.post-card{display:block;position:relative;min-height:5rem;background:var(--gray-bg);font-family:var(--body-font);font-size:0.875rem;font-weight:400;line-height:1.25rem;padding:1.25rem;border-radius:var(--radius)} 680.post-card .post{display:grid;grid-template-columns:minmax(0,12rem) minmax(0,1fr);gap:1rem} 681.post-card .entry-header{align-self:center;gap:0.5rem} 682.post-card .entry-headline{font-size:0.75rem;color:var(--accent-color);font-weight:700;text-transform:uppercase} 683.post-card .entry-title{font-size:1.25rem;margin:0} 684.post-card .entry-title a{color:var(--title-color);text-decoration:none;-webkit-line-clamp:2} 685.post-card .entry-title a:hover{color:var(--title-hover-color)} 686.post-card .entry-meta{font-size:0.875rem;line-height:1.25rem} 687.post-card .loader{min-height:5rem} 688.post-card .error-msg{padding:1.5rem} 689.cta-card{display:flex;align-items:center;gap:1rem;overflow:hidden;background:var(--gray-bg);font-family:var(--body-font);font-size:0.875rem;color:var(--title-color);font-weight:400;line-height:1.25rem;padding:1.25rem;border-radius:var(--radius)} 690.is-dark .cta-card{background:var(--gray-bg)} 691.cta-card .card-header{display:flex;align-items:center;flex:1;gap:1rem} 692.cta-card .card-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:var(--outer-bg);font-size:1.5rem;border-radius:var(--radius)}
693.cta-card .card-icon i:before{content:attr(data-icon)} 694.cta-card .card-info{display:flex;flex:1;flex-direction:column;gap:0.25rem} 695.cta-card .card-title{display:-webkit-box;font-family:var(--title-font);font-size:1.25rem;font-weight:var(--title-weight);line-height:1.27em;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical} 696.cta-card .card-meta{font-size:0.875rem;color:var(--meta-color)} 697.cta-card a.card-btn{display:flex;align-items:center;justify-content:center;height:2.5rem;background:var(--btn-bg);font-size:1rem;color:var(--btn-color);text-decoration:none;padding:0 1.5rem} 698.cta-card a.card-btn:hover{opacity:.9} 699.gd-link{display:flex;flex-direction:column} 700.gd-link .gd-countdown{display:none;flex-direction:column;justify-content:center;gap:0.75rem;background:var(--gray-bg);min-width:fit-content;font-family:var(--body-font);text-align:center;padding:2rem;border-radius:calc(var(--radius) * 2)} 701.gd-countdown .gd-seconds{font-size:2.25rem;color:var(--title-color);font-weight:var(--title-weight)} 702.gd-countdown .gd-message{font-size:1rem;color:var(--text-color);line-height:1.5rem} 703.gd-link.loading .gd-countdown{display:flex} 704.gd-link .goto-link,.gd-link.loading .get-link,.gd-link.loaded .get-link{display:none} 705.gd-link.loaded .goto-link{display:inline-block} 706.gd-link .goto-link.link:before{content:"\f119"} 707.gd-link button.button{margin:0} 708.gd-btn{margin:0!important} 709.gd-btn:before{margin:0} 710.has-loader.loading{display:flex!important;gap:0.375rem} 711.has-loader.loading:before{display:none} 712.has-loader .loader{display:none;width:auto;font-size:1.25rem;color:var(--white-color)} 713.has-loader.loading .loader{display:flex} 714.pagination{display:none;align-items:center;justify-content:center;gap:1rem;margin:1.5rem 0 0} 715.pagination.visible{display:flex} 716.pagination .info{font-size:1rem;line-height:1.5rem} 717.pagination .btn{display:flex;align-items:center;gap:0.5rem;height:2.5rem;background:var(--btn-bg);font-size:1rem;color:var(--btn-color);padding:0 1.5rem} 718.pagination .prev:before,.rtl .pagination .next:after{content:"\f12f"} 719.pagination .next:after,.rtl .pagination .prev:before{content:"\f138"} 720.pagination .btn:hover{opacity:.9} 721.entry-labels{display:flex;flex-wrap:wrap;gap:0.5rem;margin:var(--gap) 0 0} 722.entry-labels > *{display:flex;align-items:center;height:1.5rem;background:var(--gray-bg);font-size:0.75rem;color:var(--title-color);font-weight:500;padding:0 0.5rem;border-radius:var(--radius)} 723.entry-labels span{background:var(--title-color);color:var(--white-color)} 724.is-dark .entry-labels span{background:var(--title-color);color:var(--outer-bg)} 725.entry-labels a:hover{background:var(--btn-bg);color:var(--btn-color)} 726.post-share{margin:1.5rem 0 0} 727.share-a{display:flex;flex-wrap:wrap;align-items:start;gap:0.5rem} 728.share-a .sl{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:currentColor;font-size:1.25rem;border-radius:var(--radius)} 729.share-a .has-span .sl{display:flex;gap:0.5rem;width:auto;padding:0 1rem} 730.share-a .sl:before{--gray-bg:rgb(255 255 255 / 5%);color:var(--white-color)} 731.share-a .sl span{font-size:0.875rem;color:var(--white-color);font-weight:500} 732.share-a .share-label .sl{position:relative;background:var(--outer-bg);font-size:1.125rem;color:var(--title-color);line-height:1;overflow:visible;margin:0 0.25rem 0 0;border:0.063rem solid var(--border-color)} 733.rtl .share-a .share-label .sl{margin:0 0 0 0.25rem;transform:scaleX(-1)} 734.share-a .share-label .sl:before,.share-a .share-label .sl:after{content:"";position:absolute;height:0;width:0;pointer-events:none;top:calc(50% - 0.375rem);right:-0.75rem;border:0.375rem solid transparent;border-left-color:var(--border-color)} 735.share-a .share-label .sl:after{top:calc(50% - 0.375rem);right:-0.625rem;border:0.375rem solid transparent;border-left-color:var(--outer-bg)} 736.share-a .share-label i:before{content:"\f52d"} 737.share-a .show-more .sl{background:var(--gray-bg);font-size:1.5rem} 738.share-a .show-more .sl:before{content:"\f64d";color:var(--meta-color)} 739.share-a li:not(.share-label) .sl:hover{opacity:.9} 740.share-modal{display:flex;flex-direction:column;position:fixed;top:50%;left:50%;width:28rem;max-width:calc(100% - 3rem);background:var(--modal-bg);overflow:hidden;z-index:1010;padding:1.5rem;box-shadow:var(--shadow);border-radius:var(--radius);visibility:hidden;opacity:0;transform:translate3d(-50%,0,0);transition:all .25s ease} 741.modal-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 1rem;margin:0 0 1rem;border-bottom:1px solid var(--border-color)} 742.share-modal .title{font-family:var(--title-font);font-size:1rem;color:var(--title-color);font-weight:var(--title-weight);text-transform:capitalize} 743.hide-modal{display:flex;font-size:1.375rem;color:var(--title-color)} 744.hide-modal:before{content:"\f659"} 745.hide-modal:hover{color:var(--title-hover-color)} 746.share-b{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0 0 1.5rem} 747.share-b a{display:flex;align-items:center;justify-content:center;height:2.5rem;background:currentColor;font-size:1.25rem;border-radius:var(--radius)} 748.share-b a:before{--gray-bg:rgb(255 255 255 / 5%);color:var(--white-color)} 749.share-b a:hover{opacity:.9} 750.copy-link{display:flex;gap:0.75rem;position:relative;width:100%;height:2.5rem;margin:1rem 0 0} 751.copy-link:before{content:"\f470";position:absolute;top:50%;left:1.25rem;font-size:1.25rem;color:var(--title-color);transform:translate(-50%,-50%)} 752.rtl .copy-link:before{left:unset;right:1.25rem;transform:translate(50%,-50%)} 753.copy-link.copied:before{content:"\f26f";color:#3fbb50;animation:copyOn .5s ease} 754.copy-link.copied-off:before{animation:copyOff .5s ease} 755.copy-link input{flex:1;width:100%;background:var(--gray-bg);font-size:0.875rem;color:var(--text-color);padding:0 1rem 0 2.5rem;border-radius:var(--radius)} 756.rtl .copy-link input{padding:0 2.5rem 0 1rem} 757.copy-link input:focus{box-shadow:0 0 0 2px var(--accent-color-lite)} 758.copy-link button{display:flex;align-items:center;justify-content:center;max-width:fit-content;background:var(--btn-bg);font-size:1rem;color:var(--btn-color);padding:0 1.5rem} 759.copy-link button:hover{opacity:.9} 760.share-on .overlay-bg{visibility:visible;opacity:1} 761.share-on .share-modal{visibility:visible;opacity:1;
761transform:translate3d(-50%,-50%,0)} 762.post-footer{gap:var(--gap)} 763.about-author{display:flex;gap:1rem;padding:1.5rem;border:1px solid var(--border-color);border-radius:var(--radius)} 764.about-author .author-avatar{width:4rem;height:4rem;border-radius:50%} 765.author-description{flex:1;gap:0.5rem} 766.about-author .author-title{font-size:1.25rem;color:var(--title-color);line-height:1.27rem} 767.about-author .author-title a{color:var(--title-color)} 768.about-author .author-title a:hover{color:var(--title-hover-color)} 769.author-description .author-text{display:block;font-size:1rem;line-height:1.5rem} 770.author-description .author-text br,.author-description .author-text a{display:none} 771.author-links{display:flex;flex-wrap:wrap;gap:1rem} 772.author-links a{display:block;font-size:1rem;color:var(--text-color)} 773.author-links a:hover{opacity:.9} 774#related-posts{display:none} 775.related-wrap .loader{height:12rem} 776.related-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1.5rem} 777.related-items .post{display:grid;gap:0.75rem} 778.related-items .entry-thumbnail{width:100%;aspect-ratio:var(--aspect-ratio)} 779.related-items .entry-title{font-size:1rem} 780.blog-post-comments{display:none;flex-direction:column} 781.blog-post-comments.visible{display:flex} 782.blog-post-comments .fb_iframe_widget_fluid_desktop{float:left;display:block!important;width:calc(100% + 1rem)!important;max-width:calc(100% + 1rem)!important;margin:0 -0.5rem} 783.blog-post-comments .fb_iframe_widget_fluid_desktop span,.blog-post-comments .fb_iframe_widget_fluid_desktop iframe{float:left;display:block!important;width:100%!important} 784#disqus_thread,.fb-comments{clear:both;padding:0} 785.comments-header{gap:0.5rem;margin:0 0 1.5rem} 786.no-comments.no-comment-form .comments-header,.comments-title{margin:0} 787.comment-thread ol{padding:0;margin:0} 788.comment-thread .comment{position:relative;list-style:none;padding:1.5rem;margin:1.5rem 0 0;border:1px solid var(--border-color);border-radius:var(--radius)} 789.comment-thread .comment .comment{background:var(--gray-bg);border:0} 790.toplevel-thread ol > li:first-child{margin:0} 791.toplevel-thread ol > li:first-child > .comment-block{padding-top:0;margin:0;border:0} 792.comment-thread ol ol .comment:before{content:"\f132";position:absolute;left:-2.25rem;top:-0.5rem;font-size:1.25rem;color:var(--border-color)} 793.rtl .comment-thread ol ol .comment:before{content:"\f131";left:unset;right:-2.25rem} 794.comments .comment-replybox-single iframe{padding:0 0 0 3.5rem;margin:1rem 0 0} 795.rtl .comments .comment-replybox-single iframe{padding:0 3.5rem 0 0} 796.comment-thread .avatar-image-container{position:absolute;top:1.5rem;left:1.5rem;width:2.5rem;height:2.5rem;overflow:hidden;border-radius:50%} 797.rtl .comment-thread .avatar-image-container{left:auto;right:1.5rem} 798.comment-thread .comment .comment .avatar-image-container{left:1.5rem} 799.rtl .comment-thread .comment .comment .avatar-image-container{left:unset;right:1.5rem} 800.avatar-image-container img{display:block;width:100%;height:100%} 801.comments .comment-block{display:flex;flex-direction:column;gap:0.75rem} 802.comments .comment-header{padding:0 0 0 3.5rem} 803.rtl .comments .comment-header{padding:0 3.5rem 0 0} 804.comments .comment-header .user{display:inline-block;font-family:var(--title-font);font-size:1.125rem;color:var(--title-color);font-weight:var(--title-weight);font-style:normal;line-height:1.27em} 805.comments .comment-header .user a{color:var(--title-color)} 806.comments .comment-header .user a:hover{color:var(--title-hover-color)} 807.comments .comment-header .icon.user{display:none} 808.comments .comment-header .icon.blog-author{display:inline-block;background:var(--accent-color);-webkit-background-clip:text;background-clip:text;font-size:0.875rem;color:var(--accent-color);-webkit-text-fill-color:transparent;vertical-align:top;margin:-0.5rem 0 0 0.25rem} 809.rtl .comments .comment-header .icon.blog-author{margin:-0.5rem 0.25rem 0 0} 810.comments .comment-header .icon.blog-author:before{content:"\f4b5"} 811.comments .comment-header .datetime{display:block;font-size:0.75rem;line-height:1rem} 812.comment-header .datetime a{color:var(--meta-color)} 813.comments .comment-content{display:block;font-family:var(--text-font);font-size:1rem;color:var(--text-color);line-height:1.5rem} 814.comments .comment-content >
814 a:hover{text-decoration:underline} 815.comments .comment-video{position:relative;width:100%;height:auto;aspect-ratio:16/9;overflow:hidden;cursor:pointer;border-radius:var(--radius)} 816.comments .comment-video img{display:block;width:100%;height:100%;object-fit:cover;z-index:1} 817.comments .comment-video:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--rgba-1a);z-index:2} 818.comments .comment-video .yt-img{z-index:3;transform:translate(50%, 50%) scale(1.2);transition:all .17s ease} 819.comments .comment-video:hover .yt-img{transform:translate(50%, 50%) scale(1.5)} 820.comments .comment-image{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius)} 821.comments .comment-actions{display:flex;gap:1rem} 822.comments .comment-actions a{display:inline-block;font-size:0.875rem;color:var(--accent-color)} 823.comments .comment-actions a:hover{color:var(--accent-color);text-decoration:underline} 824.item-control{display:none} 825.loadmore.loaded a{display:inline-block;border-bottom:1px solid var(--border-color);text-decoration:none;margin:1rem 0 0 0} 826.comments .continue{display:none} 827.comments .comment-replies{padding:0 0 0 3.5rem} 828.rtl .comments .comment-replies{padding:0 3.5rem 0 0} 829.thread-expanded .thread-count a,.loadmore.hidden,.comment-thread .comment .comment .comment-replies,.comment-thread .comment .comment .comment-replybox-single{display:none} 830.comments .footer{float:left;width:100%;font-size:0.875rem;margin:0} 831.comments-message{color:var(--meta-color);font-style:italic} 832.has-comments.no-comment-form .comments-message{margin:1.5rem 0 0} 833.comments-message > a{color:var(--accent-color)} 834.comments-message > a:hover{color:var(--title-color)} 835.comments-message > em{color:#ff3f34;font-style:normal;margin:0 0.25rem} 836#comments[data-embed="false"] p.comments-message > i{color:var(--accent-color);font-style:normal} 837.comment-form > p{display:none} 838.show-cf,.comments #top-continue a{display:flex;align-items:center;justify-content:center;width:100%;height:2.5rem;background:var(--btn-bg);font-size:1rem;color:var(--btn-color);font-weight:500;padding:0 1.5rem;margin:1.5rem 0 0} 839.no-comments .show-cf{margin:0} 840.show-cf:hover,.comments #top-continue a:hover{opacity:.9} 841.show-cf:focus,.comments #top-continue a:focus{box-shadow:0 0 0 2px var(--accent-color-lite)} 842.cf-on .show-cf,.comments .comment-replybox-thread,.no-comments .comment-form,.no-comment-form #top-continue a{display:none} 843.cf-on .comments .comment-replybox-thread,.cf-on .no-comments .comment-form{display:block} 844#comment-editor[height="230px"],#comment-editor[height="1142px"]{height:4.25rem} 845#comment-editor{min-height:4.25rem;max-height:fit-content} 846#top-ce #comment-editor{margin:1.5rem 0 0} 847#post-ads-1,#post-ads-2,#post-ads-3,#post-ads-4{display:none} 848.before-ads .widget{margin:0 0 1.5rem} 849.after-ads .widget{margin:1.5rem 0 0} 850.post-nav{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:0.875rem} 851.post-nav > *{display:flex;align-items:center;gap:0.25rem;color:var(--meta-color)} 852.post-nav a:hover{color:var(--accent-color)} 853.post-nav span{color:var(--meta-color);cursor:no-drop;opacity:.65} 854.post-nav .post-nav-link:before,.post-nav .post-nav-link:after{font-size:0.625rem;font-weight:700} 855.post-nav-newer-link:before,.rtl .post-nav-older-link:after{content:"\f284"} 856.post-nav-older-link:after,.rtl .post-nav-newer-link:before{content:"\f285"} 857.blog-pager{display:flex;justify-content:center;margin:var(--gap) 0 0} 858.blog-pager .btn{display:none;align-items:center;justify-content:center;gap:0.5rem;height:2.5rem;background:var(--btn-bg);font-size:1rem;color:var(--btn-color);padding:0 2rem} 859.blog-pager a:after{content:"\f282"} 860.blog-pager a:hover{opacity:.9} 861.blog-pager .no-more{background:var(--gray-bg);color:var(--meta-color);cursor:not-allowed} 862.blog-pager .loading{display:none;height:2.5rem} 863.blog-pager .visible{display:flex} 864.sidebar{flex:1;display:flex;flex-direction:column;gap:var(--gap)} 865.sidebar-wrap.is-sticky .widget:last-child{position:sticky;top:var(--gap);transition:top .35s ease-in-out} 866:has(.is-fixed.show) .sidebar-wrap.is-sticky .widget:last-child{top:calc(var(--header) + var(--gap))} 867.sidebar .social{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0.5rem} 868.sidebar .social a{--gray-bg:rgb(255 255 255 / 5%)} 869.sidebar .social a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;width:100%;height:100%;background:currentColor;font-size:1.375rem;font-weight:400;padding:0.5rem;border-radius:var(--radius)} 870.sidebar .social a:before{color:var(--white-color);margin:0.25rem 0}
871.sidebar .social span{display:block;width:100%;background:var(--gray-bg);font-size:0.875rem;color:var(--white-color);font-weight:500;text-align:center;padding:0.25rem;border-radius:var(--radius)} 872.sidebar .social a:hover{opacity:.9} 873.sidebar .loader{height:12rem} 874.popular-items{display:grid;gap:1.5rem} 875.popular-items .card{aspect-ratio:var(--aspect-ratio)} 876.popular-items .card .entry-title{font-size:1.25rem} 877.popular-list{display:flex;flex-direction:column;gap:1.5rem} 878.popular-list .post{display:grid;grid-template-columns:minmax(0,6.5rem) minmax(0,1fr);gap:1rem} 879.popular-list .entry-header{align-self:center} 880.popular-list .entry-title{font-size:1rem} 881.side-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.5rem} 882.side-items .post{display:grid;gap:0.75rem} 883.side-items .entry-title{font-size:1rem} 884.FeaturedPost .card{aspect-ratio:var(--aspect-ratio)} 885.FeaturedPost .entry-title{font-size:1.25rem} 886.list-style{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 2rem;font-size:0.875rem;color:var(--title-color)} 887.list-style a{display:block;color:var(--title-color)} 888.list-style a.has-count{display:flex;justify-content:space-between} 889.list-style a:hover{color:var(--title-hover-color)} 890.list-style .count{color:var(--accent-color)} 891.cloud-style{display:flex;flex-wrap:wrap;gap:0.5rem} 892.cloud-style a{display:flex;align-items:center;gap:0.25rem;height:2rem;background:var(--gray-bg);color:var(--title-color);font-size:0.875rem;font-weight:500;padding:0 1rem;border-radius:var(--radius)} 893.cloud-style a:hover{background:var(--btn-bg);color:var(--btn-color)} 894.BlogSearch .search-input{display:flex;align-items:center;justify-content:space-between;width:100%;height:2.5rem;background:var(--gray-bg);font-size:0.875rem;color:var(--title-color);cursor:text;padding:0 1rem;border-radius:var(--radius)} 895.BlogSearch .search-input:before{content:attr(placeholder);font-family:inherit;opacity:.65} 896.BlogSearch .search-input:after{content:"\f52a";font-size:1rem;opacity:.65} 897.MailChimp{position:relative;background:var(--gray-bg);padding:1.5rem;border-radius:var(--radius)} 898.MailChimp .widget-title{margin:0 0 1rem} 899.mailchimp-text{margin:0 0 1rem} 900.mailchimp-email-address{width:100%;height:2.5rem;background:var(--outer-bg);font-size:0.875rem;color:var(--title-color);padding:0 1rem;margin:0 0 1rem;border-radius:var(--radius)} 901.mailchimp-email-address::placeholder{color:var(--title-color);opacity:.65} 902.mailchimp-email-address:focus{box-shadow:0 0 0 2px var(--accent-color-lite)} 903.mailchimp-submit{width:100%;height:2.5rem;background:var(--btn-bg);font-size:1rem;color:var(--btn-color);cursor:pointer;padding:0 1.5rem} 904.mailchimp-submit:hover{opacity:.9} 905.contact-form-form{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem} 906.contact-form-widget .cf-s{width:100%;height:2.5rem;background:var(--gray-bg);font-size:0.875rem;color:var(--title-color);padding:0 1rem;border-radius:var(--radius)} 907.contact-form-email-message.cf-s{height:auto;resize:vertical;padding:1rem} 908.contact-form-widget .cf-s::placeholder{color:var(--title-color);opacity:.65} 909.contact-form-widget .cf-s:focus{box-shadow:0 0 0 2px var(--accent-color-lite)} 910.contact-form-button-submit{float:left;width:100%;height:2.5rem;background:var(--btn-bg);font-family:inherit;font-size:1rem;color:var(--btn-color);cursor:pointer;padding:0 1.5rem;border:0;border-radius:var(--radius)} 911.contact-form-button-submit:hover{opacity:.9} 912.contact-form-widget p{display:none;margin:0} 913.contact-form-widget .contact-form-error-message-with-border,.contact-form-widget .contact-form-success-message-with-border{display:block;font-size:0.75rem;color:#ef4444;line-height:1rem} 914.contact-form-widget .contact-form-success-message-with-border{color:#22c55e} 915.contact-form-cross{cursor:pointer;margin:0 0.25rem} 916.Profile ul li{float:left;width:100%;padding:1.25rem 0 0;margin:1.25rem 0 0;border-top:1px solid var(--border-color)} 917.Profile ul li:first-child{padding:0;margin:0;border:0} 918.Profile .individual,.Profile .team-member{display:flex;align-items:center;gap:0.75rem} 919.Profile .profile-img{width:2.75rem;height:2.75rem;background:var(--gray-bg);overflow:hidden;border-radius:50%} 920.Profile .profile-info{flex:1} 921.Profile .profile-name{display:block;font-family:var(--title-font);font-size:1rem;color:var(--title-color);font-weight:var(--title-weight);line-height:1.5rem} 922.Profile .profile-name:hover{color:var(--title-hover-color)} 923.Profile .profile-link{display:block;font-size:0.75rem;color:var(--meta-color);line-height:1rem;margin:0.125rem 0 0} 924.Profile .profile-link:hover{color:var(--accent-color)} 925.Image.is-ad img{display:block;line-height:1} 926.Image .image-caption{margin:0.5rem 0 0} 927.Attribution a{display:flex;align-items:center;font-size:1rem;color:var(--title-color);font-weight:var(--title-weight);line-height:1.5rem} 928.Attribution a > svg{width:1.125rem;height:1.125rem;
928fill:var(--accent-color);margin:0 0.375rem 0 0} 929.rtl .Attribution a > svg{margin:0 0 0 0.375rem} 930.Attribution a:hover{color:var(--title-hover-color)} 931.Attribution .copyright{font-size:0.75rem;color:var(--meta-color);line-height:1rem;padding:0.125rem 1.5rem 0} 932#google_translate_element{position:relative;overflow:hidden} 933.Translate .goog-te-gadget{font-family:inherit;font-size:0.75rem;color:var(--meta-color)} 934.rtl .Translate .goog-te-gadget{direction:inherit} 935.Translate .goog-te-gadget a{font-size:1em;color:var(--title-color)} 936.Translate .goog-te-gadget a:hover{color:var(--title-hover-color)} 937.Translate .goog-te-combo{width:100%;height:2.5rem;background:var(--outer-bg);font-family:var(--body-font);font-size:0.875rem;color:var(--title-color);padding:0 1.5rem;margin:0 0 0.25rem!important;border:1px solid var(--border-color);border-radius:var(--radius)} 938.Translate .goog-te-gadget-simple{background:var(--outer-bg);font-size:.875rem!important;padding:0!important;border:0!important} 939.Stats .text-counter-wrapper{display:flex;align-items:center;gap:0.375rem;font-size:1.25rem;color:var(--title-color);font-weight:700;text-transform:uppercase} 940.Stats .text-counter-wrapper:before{content:"\f673";font-size:1.125rem} 941.ReportAbuse > h3{display:flex;gap:0.5rem;font-size:0.875rem;color:var(--accent-color);font-weight:400} 942.ReportAbuse > h3:before{content:"\f33a"} 943.ReportAbuse > h3 a:hover{text-decoration:underline} 944.Header .header-widget a{font-size:1.25rem;color:var(--title-color);font-weight:var(--title-weight)} 945.Header .header-widget a:hover{color:var(--title-hover-color)} 946.wikipedia-search-form{display:flex;gap:0.75rem} 947.wikipedia-search-input{flex:1;width:100%;height:2.5rem;background:var(--gray-bg);font-size:0.875rem;color:var(--title-color);padding:0 1rem;border-radius:var(--radius)} 948.wikipedia-search-input::placeholder{color:var(--title-color);opacity:.65} 949.wikipedia-search-input:focus{box-shadow:0 0 0 2px var(--accent-color-lite)} 950.wikipedia-search-button{height:2.5rem;background:var(--accent-color);font-size:0.875rem;color:var(--white-color);cursor:pointer;padding:0 1rem} 951.wikipedia-search-button:hover{opacity:.9} 952.wikipedia-search-results-header,.wikipedia-search-results:not(:has(a)){display:none!important} 953.wikipedia-search-results a{display:flex;gap:0.375rem;font-size:0.875rem;color:var(--title-color);margin:1rem 0 0} 954.wikipedia-search-results a:after{content:"\f1c5";font-size:0.75rem} 955.wikipedia-search-results a:hover{color:var(--title-hover-color)} 956.wikipedia-search-more:not(:has(a)){display:none!important} 957.wikipedia-search-more a{display:flex;align-items:center;justify-content:center;height:2.5rem;background:var(--accent-color);font-size:1rem;color:var(--white-color);padding:0 1rem;margin:1rem 0 0;border-radius:var(--radius)} 958.wikipedia-search-more a:hover{opacity:.9} 959.wikipedia-search-more a:focus{box-shadow:0 0 0 2px var(--accent-color-lite)} 960.footer-ads{background:var(--gray-bg)} 961.footer-ads .widget{padding:var(--gap) 0} 962.site-footer{--title-color:var(--footer-color);--title-hover-color:var(--footer-hover-color);--text-color:var(--footer-text-color);--summary-color:var(--footer-text-color);--meta-color:var(--footer-text-color);--padding:4rem;--gray-bg:var(--footer-gray-bg);--border-color:var(--gray-bg)} 963.site-footer{position:relative;background:var(--footer-bg);box-shadow:var(--shadow)} 964.footer-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:var(--padding);padding:var(--padding) 0} 965.footer-info{display:flex;flex-direction:column;gap:2rem} 966.footer-info .Image{display:flex;flex-direction:column;gap:1.25rem} 967.footer-logo img{display:block;max-height:var(--logo)} 968.footer-info .social{display:flex;flex-wrap:wrap;gap:1.5rem} 969.footer-info .social a{display:flex;align-items:center;font-size:1.25rem;color:var(--title-color)} 970.footer-info .social a:hover{color:var(--title-hover-color)} 971.footer-widgets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:2/4;gap:var(--padding)} 972.footer-widgets .list-style a{color:var(--footer-text-color)} 973.footer-widgets .list-style a:hover{color:var(--footer-hover-color)} 974.footer-widgets .MailChimp{background:none;padding:0;border-radius:0} 975.footer-widgets .MailChimp .widget-title{margin:0 0 1.25rem} 976.footer-widgets .mailchimp-email-address{background:var(--gray-bg)} 977.footer-sections.fit-style{grid-template-columns:minmax(0,1fr)} 978.fit-style .footer-info{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--sidebar));align-items:center;gap:var(--padding)} 979.fit-style .footer-info .Image{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:2rem} 980.fit-style .footer-info .social{justify-content:end} 981.footer-bar{background:var(--footerbar-bg)} 982.footer-bar{font-size:0.875rem;color:var(--footerbar-color);padding:var(--gap) 0} 983.footer-bar .container{gap:var(--gap)} 984.footer-bar a{color:currentColor} 985.footer-bar a:hover{color:var(--footerbar-hover-color)} 986.footer-menu ul{display:flex;flex-wrap:wrap;gap:0.5rem 1.75rem} 987.is-error .content-wrap{grid-template-columns:minmax(0,1fr);grid-template-areas:"main"} 988.errorWrap{gap:1.5rem} 989.errorWrap{color:var(--title-color);text-align:center;padding:4rem 0} 990.errorWrap h3{font-size:8rem;color:var(--title-color);line-height:1} 991.errorWrap h4{font-size:1.875rem;color:var(--title-color)} 992.errorWrap p{color:var(--text-color);font-size:1rem} 993.errorWrap a{display:flex;align-items:center;align-self:center;height:2.5rem;background:var(--btn-bg);font-size:1rem;color:var(--btn-color);padding:0 2rem} 994.errorWrap a:hover{opacity:.9} 995html:not([native-cookie]) .cookie-choices-info{display:none} 996.cookie-consent{display:none;position:fixed;left:1.5rem;bottom:1.5rem;width:28rem;max-width:calc(100% - 3rem);background:var(--modal-bg);z-index:1020;padding:1.5rem;visibility:hidden;opacity:0;border-radius:var(--radius);box-shadow:var(--shadow);transition:visibility .35s ease,opacity .35s ease,transform .35s ease} 997.rtl .cookie-consent{left:unset;right:1.5rem} 998.cookie-consent.visible{visibility:visible;opacity:1} 999.cookie-consent .widget{display:flex;align-items:center;gap:1rem} 1000.consent-text a{text-decoration:underline} 1001.consent-text a:after{content:"\f1c5";margin:0 0 0 0.25rem} 1002.rtl .consent-text a:after{margin:0 0.25rem 0 0} 1003.consent-text a:hover{opacity:.9} 1004.consent-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:auto;height:2.25rem;background:var(--btn-bg);font-size:0.875rem;color:var(--btn-color);font-weight:500;padding:0 1rem} 1005.consent-button:hover{opacity:.9} 1006.to-top{display:flex;align-items:center;justify-content:center;position:fixed;right:1.5rem;bottom:1.5rem;width:2.5rem;height:2.5rem;background:var(--btn-bg);font-size:1.25rem;color:var(--btn-color);z-index:50;opacity:0;visibility:hidden} 1007.rtl .to-top{right:auto;left:1.5rem} 1008.to-top:before{content:"\f286"} 1009.to-top.show{opacity:1;visibility:visible} 1010.to-top:hover{opacity:.9} 1011.pbt-ad{display:flex;justify-content:center} 1012.pbt-ad img{display:block;line-height:1;border-radius:0} 1013ins.adsbygoogle-noablate[data-anchor-shown="true"]{z-index:990!important} 1014.content-wrap > .google-auto-placed{display:none!important} 1015#hidden,.is-empty{display:none} 1016.CSS_LIGHTBOX{z-index:999999!important} 1017.CSS_LIGHTBOX_BG_MASK{background-color:var(--rgba-e6)!important;opacity:1!important;-webkit-backdrop-filter:blur(0.125rem);backdrop-filter:blur(0.125rem)} 1018.CSS_LIGHTBOX_BTN_CLOSE{display:flex;align-items:center;justify-content:center;background:transparent!important;top:0!important;right:0!important;width:2.75rem!important;height:2.75rem!important} 1019.CSS_LIGHTBOX_BTN_CLOSE:before{content:"\f659";font-size:1.25rem;color:var(--white-color)} 1020.CSS_LIGHTBOX_BTN_CLOSE:hover:before{opacity:.85} 1021.rtl .CSS_LIGHTBOX_BTN_CLOSE{right:unset!important;left:0} 1022.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{opacity:0}
1022 1023@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(0.5rem);transform:translateY(0.5rem)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}} 1024@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-0.5rem);transform:translateY(-0.5rem)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}} 1025@keyframes rotate{100%{transform:rotate(360deg)}} 1026@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}} 1027@keyframes darkOn{0%{opacity:.25}100%{opacity:1}} 1028@keyframes darkOff{0%{opacity:.25}100%{opacity:1}} 1029@keyframes copyOn{0%{opacity:0}100%{opacity:1}} 1030@keyframes copyOff{0%{opacity:0}100%{opacity:1}} 1031.fadeInUp{opacity:0;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-name:fadeInUp;animation-name:fadeInUp} 1032.fadeInDown{opacity:0;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-name:fadeInDown;animation-name:fadeInDown} 1033@media (max-width: calc(60.625rem + 4.5rem)) { 1034:root{--container:100%;--sidebar:30%} 1035.site-outer,.is-boxed .site-outer,.is-boxed .header-header{width:100%;margin:0} 1036.container{padding:0 var(--gap)} 1037.mega{--vw:100vw;--sep:6} 1038} 1039@media (max-width: 61.25rem) { 1040.container{padding:0 1.5rem} 1041.header-ads .container{padding:0} 1042.header-header .container{padding:0} 1043.header-items{gap:1.25rem} 1044.flex-left{gap:0} 1045.menu-toggle{display:flex} 1046.main-logo{flex-shrink:1} 1047#main-menu{display:none} 1048.slide-menu{display:flex} 1049.menu-on .overlay-bg{visibility:visible;opacity:1} 1050.flex-right{gap:0} 1051.flex-right button{width:auto} 1052.flex-right .search-toggle{padding:0 1.25rem} 1053.featured .widget{--height:16rem} 1054.featured .widget-content{height:auto} 1055.featured-items{height:auto} 1056.featured-items .first{padding:4rem 0} 1057.featured-items .first .entry-header{max-width:100%} 1058.featured-items .grid{grid-template-columns:repeat(2,minmax(0,1fr))} 1059} 1060@media (max-width: 55rem) { 1061:root{--aspect-ratio-2:16/9;--feat-title:1.875rem;--card-title:1.875rem} 1062.content-wrap{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"main""sidebar"!important} 1063.featured-items .first .entry-title{font-size:var(--feat-title)} 1064.block2-items .card{aspect-ratio:var(--aspect-ratio-2)} 1065.block2-items .card .entry-title{font-size:var(--card-title)} 1066.type-video{padding:var(--gap) 1.5rem;margin:0 -1.5rem;border-radius:0} 1067.related-items .entry-title{font-size:1.125rem} 1068.popular-items{gap:2rem} 1069.popular-items .card{aspect-ratio:var(--aspect-ratio-2)} 1070.popular-items .card .entry-title{font-size:var(--card-title)} 1071.side-items{grid-template-columns:repeat(3,minmax(0,1fr))} 1072.side-items .entry-title{font-size:1.125rem} 1073.FeaturedPost .card{aspect-ratio:var(--aspect-ratio-2)} 1074.FeaturedPost .entry-title{font-size:var(--card-title)} 1075.footer-sections{grid-template-columns:minmax(0,1fr);gap:var(--gap)} 1076.footer-widgets{grid-column:1;padding:var(--gap) 0 0;border-top:1px solid var(--border-color)} 1077.fit-style .footer-info{grid-template-columns:minmax(0,1fr);gap:2rem} 1078.fit-style .footer-info .Image{grid-template-columns:minmax(0,1fr);gap:1rem} 1079.fit-style .footer-info .social{justify-content:start} 1080.footer-bar{padding:var(--padding) 0} 1081.footer-bar .container{flex-direction:column;gap:1rem;text-align:center} 1082.footer-menu{order:-1} 1083.footer-menu ul{justify-content:center;gap:0.5rem 1.25rem} 1084.menu-on .to-top{opacity:0!important} 1085} 1086@media (max-width: 42.5rem) { 1087.yt-img\:x3,.yt-img\:x4{transform:translate(50%,50%) scale(.9)} 1088:root{--list-cols:minmax(0,9rem) minmax(0,1fr)} 1089.featured-items .first{padding:3rem 0} 1090.featured-items .grid{grid-template-columns:minmax(0,1fr);padding:var(--gap) 1.5rem;margin:0 -1.5rem;border-radius:0;box-shadow:inset 0 1px 0 0 rgb(255 255 255 / 3%)} 1091.featured-items .grid .post{grid-template-columns:var(--list-cols)} 1092.grid-items{grid-template-columns:minmax(0,1fr)}
1093.grid-items .post .entry-thumbnail{aspect-ratio:var(--aspect-ratio-2)} 1094.list-items .post{grid-template-columns:minmax(0,1fr);gap:0.75rem} 1095.list-items .post .entry-thumbnail{aspect-ratio:var(--aspect-ratio-2)} 1096.block1-items{grid-template-columns:minmax(0,1fr)} 1097.block1-items .first .entry-thumbnail{aspect-ratio:var(--aspect-ratio-2)} 1098.block1-list .post{grid-template-columns:var(--list-cols)} 1099.block2-grid{gap:1.5rem} 1100.block2-grid .post .entry-thumbnail{aspect-ratio:var(--aspect-ratio)} 1101.block2-grid .entry-header{gap:0.375rem} 1102.block2-grid .entry-title{font-size:1rem} 1103.block2-grid .entry-meta{font-size:0.75rem;line-height:1rem} 1104.block2-grid .entry-tag,.block2-grid .excerpt,.block2-grid .entry-author,.block2-grid .entry-time:before{display:none} 1105.type-story{--padding:1.5rem;overflow:hidden;padding:0 var(--padding);margin:0 calc(0rem - var(--padding))} 1106.type-story .widget-content{overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 calc(0rem - var(--padding))} 1107.story-items{grid-template-columns:repeat(3,minmax(13.25rem,1fr));gap:var(--padding);width:fit-content;padding:0 var(--padding)} 1108.story-items .entry-title{font-size:1.25rem} 1109.video-items{grid-template-columns:minmax(0,1fr)} 1110.video-items .first .entry-thumbnail{aspect-ratio:var(--aspect-ratio-2)} 1111.post-header .entry-title{font-size:1.875rem} 1112.post-body table{display:block} 1113.related-items{grid-template-columns:repeat(2,minmax(0,1fr))} 1114.popular-list .post{grid-template-columns:var(--list-cols)} 1115.side-items{grid-template-columns:repeat(2,minmax(0,1fr))} 1116.site-footer{--padding:3rem} 1117.footer-widgets{grid-template-columns:minmax(0,1fr)} 1118.errorWrap{padding:2rem 0} 1119.errorWrap h3{font-size:8rem} 1120.errorWrap h4{line-height:initial} 1121.cookie-consent{width:100%} 1122} 1123@media (max-width: 30rem) { 1124:root{--gap:2rem;--aspect-ratio:16/10;--aspect-ratio-2:16/10;--card-title:1.5rem} 1125.container{padding:0 1.25rem} 1126.main-search{top:1.25rem;max-width:calc(100% - 2.5rem);max-height:calc(100% - 2.5rem)} 1127.featured-items .grid{padding:var(--gap) 1.25rem;margin:0 -1.25rem} 1128.block2-grid{gap:1.25rem} 1129.type-story{--padding:1.25rem} 1130.type-video{padding:var(--gap) 1.25rem;margin:0 -1.25rem} 1131.video-grid{gap:1.5rem 1.25rem} 1132.post-card .post{grid-template-columns:minmax(0,1fr);gap:1rem} 1133.post-card .entry-header{padding:0} 1134.post-card .entry-title{-webkit-line-clamp:3} 1135.cta-card{flex-direction:column;align-items:start} 1136.cta-card .card-header{align-items:start} 1137.cta-card .card-title{-webkit-line-clamp:2} 1138.cta-card a.card-btn{width:100%} 1139.pagination .btn{width:2.5rem;justify-content:center;gap:0;font-size:0;padding:0} 1140.pagination .btn:before,.pagination .btn:after{font-size:1.25rem} 1141.share-a .twitter .sl{width:2.5rem} 1142.share-a .twitter .sl span{display:none} 1143.share-a .email{display:none} 1144.copy-link input{font-size:1rem} 1145.related-items{gap:1.5rem 1.25rem} 1146.related-items .entry-title{font-size:1rem} 1147.side-items{gap:1.5rem 1.25rem} 1148.side-items .entry-title{font-size:1rem} 1149.BlogSearch .search-input{font-size:1rem} 1150.mailchimp-email-address{font-size:1rem} 1151.contact-form-widget .cf-s{font-size:1rem} 1152.wikipedia-search-input,.wikipedia-search-button{font-size:1rem} 1153.cookie-consent{inset:1.25rem!important;top:auto!important;max-width:calc(100% - 2.5rem)} 1154.share-modal{max-width:calc(100% - 2.5rem)} 1155.to-top{right:1.25rem;bottom:1.25rem} 1156.rtl .to-top{left:1.25rem;right:auto} 1157} 1158@media (max-width: 23.75rem) { 1159:root{--list-cols:minmax(0,7rem) minmax(0,1fr);--feat-title:1.375rem;--card-title:1.375rem} 1160.card{--line-clamp:2} 1161.post-header .entry-title{font-size:1.5rem} 1162.post-meta .entry-time .sp{display:none} 1163.pbt-toc-inner{min-width:100%} 1164.share-a .facebook .sl{width:2.5rem} 1165.share-a .facebook .sl span{display:none} 1166.cookie-consent .widget{flex-direction:column} 1167.consent-button{width:100%} 1168} 1169/* ============================================== 1170HOME PAGE — 2-COLUMN EVENT BLOCK (ADDED) 1171============================================== */ 1172.home-events-section { 1173margin: 0 0 var(--gap, 2.25rem) 0; 1174} 1175.home-events-section .widget-title { 1176margin-bottom: 1.25rem; 1177} 1178.home-events-grid { 1179display: grid; 1180grid-template-columns: 1fr 1fr; 1181gap: 1.25rem; 1182} 1183.home-events-grid .event-item { 1184position: relative; 1185overflow: hidden; 1186border-radius: 0.5rem; 1187background: var(--gray-bg, #f3f4f6); 1188transition: transform 0.25s ease, box-shadow 0.25s ease; 1189aspect-ratio: 1/1; 1190} 1191.home-events-grid .event-item:hover { 1192transform: translateY(-3px); 1193box-shadow: 0 8px 25px rgba(0,0,0,0.15); 1194} 1195.home-events-grid .event-item a { 1196display: block; 1197width: 100%; 1198height: 100%; 1199text-decoration: none; 1200} 1201.home-events-grid .event-item img { 1202display: block; 1203width: 100%; 1204height: 100%; 1205object-fit: cover; 1206border-radius: 0.5rem; 1207transition: opacity 0.3s ease; 1208} 1209.home-events-grid .event-item:hover img { 1210opacity: 0.92; 1211} 1212.home-events-grid .event-item .event-overlay { 1213position: absolute; 1214bottom: 0; 1215left: 0; 1216right: 0; 1217background: linear-gradient(transparent, rgba(0,0,0,0.75)); 1218color: #fff; 1219padding: 1.5rem 0.75rem 0.75rem 0.75rem; 1220border-radius: 0 0 0.5rem 0.5rem; 1221} 1222.home-events-grid .event-item .event-overlay .event-tag { 1223display: inline-block; 1224font-size: 0.6rem;
1225font-weight: 700; 1226text-transform: uppercase; 1227letter-spacing: 0.06em; 1228background: var(--accent-color, #2563eb); 1229color: #fff; 1230padding: 0.15rem 0.6rem; 1231border-radius: 0.25rem; 1232margin-bottom: 0.3rem; 1233} 1234.home-events-grid .event-item .event-overlay .event-title { 1235display: block; 1236font-size: 0.85rem; 1237font-weight: 600; 1238line-height: 1.3; 1239color: #fff; 1240text-shadow: 0 1px 3px rgba(0,0,0,0.3); 1241overflow: hidden; 1242text-overflow: ellipsis; 1243display: -webkit-box; 1244-webkit-line-clamp: 2; 1245-webkit-box-orient: vertical; 1246} 1247/* Dark mode support */ 1248.is-dark .home-events-grid .event-item { 1249background: var(--dark-bg2, #1f2937); 1250} 1251/* Mobile: 2 columns still, smaller gap */ 1252@media (max-width: 42.5rem) { 1253.home-events-grid { 1254gap: 0.85rem; 1255} 1256.home-events-grid .event-item .event-overlay .event-title { 1257font-size: 0.75rem; 1258} 1259} 1260@media (max-width: 30rem) { 1261.home-events-grid { 1262gap: 0.6rem; 1263} 1264.home-events-grid .event-item .event-overlay .event-title { 1265font-size: 0.65rem; 1266} 1267.home-events-grid .event-item .event-overlay { 1268padding: 1rem 0.5rem 0.5rem 0.5rem; 1269} 1270} 1271 1272--></style>
1273<script type='text/javascript'>const pbt={blogView:false,isRTL:false,isMultiple:false,isSingle:true,isPost:false,isPage:true,isBoxed:false,isDark:false,userDarkMode:true,stickyMenu:true,hasCookie:true,postAuthor:false,postDate:true,postAuthorLabel:"",postDateLabel:"Published:",postCategory:true,postSummary:true,showMore:"Show more",viewAll:"View all",noResults:"No results found",noTitle:"No title",noThumb:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG9GA0058_fE7q8dUjkpL56fvlwSQs-DyuNjRG1C3oYBoWDR2PYrDa0SKVYt6iEJ8pssbajfAujp0g51-SQimyZNawn0waVgbe8cwgMzSXRURuiG7bqguOahIkTzTgPOn67eoasTMjKkxPfqXg1ytQ4NMjLEAGpp3zKKtpo-PVacHSnidorgbmaOFlyQ/w72-h72-p-k-no-nu/ptb-nth.webp"}</script>
vendor: 1 bytes, line 1273
1273
1274<script crossorigin='anonymous' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>
1274 1275<!-- Google tag (gtag.js) -->
vendor: 71 bytes, lines 1275-1276
1275 1276<script async='true' src='https://www.googletagmanager.com/gtag/js?id=
1276G-8ZY3K47JF8
vendor: 12 bytes, line 1276
1276'></script>
1277<script> 1278
vendor: 151 bytes, lines 1278-1281
1278window.dataLayer = window.dataLayer || []; 1279 function gtag(){dataLayer.push(arguments);} 1280 gtag('js', new Date()); 1281 gtag('config', '
1281G-8ZY3K47JF8
vendor: 10 bytes, lines 1281-1282
1281'); 1282
1282</script>
vendor: 1 bytes, line 1282
1282
1283<script data-key='G0KxtrMla9OsoEhWMITDeA' src='https://analytics.ahrefs.com/analytics.js'></script>
vendor: 1 bytes, line 1283
1283
1284<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'<='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-W9FWCCBG');</script>
vendor: 1 bytes, line 1284
1284
1285<script>
vendor: 399 bytes, lines 1285-1294
1285 1286!function(f,b,e,v,n,t,s) 1287{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 1288n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 1289if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 1290n.queue=[];t=b.createElement(e);t.async=!0; 1291t.src=v;s=b.getElementsByTagName(e)[0]; 1292s.parentNode.insertBefore(t,s)}(window, document,'script', 1293'https://connect.facebook.net/en_US/fbevents.js'); 1294fbq('init', '
12941328283585941541
vendor: 30 bytes, lines 1294-1295
1294'); 1295fbq('track', 'PageView');
1296</script>
1296 1297<noscript><img height='1' src='https://www.facebook.com/tr?id=1328283585941541&ev=PageView&noscript=1' style='display:none' width='1'/></noscript> 1298<!-- End Meta Pixel Code -->
1299<script type='text/javascript'> 1300 window.onerror = function(message, source, lineno, colno, error) { 1301 if (message.indexOf('wave') > -1 || source.indexOf('mapbox') > -1) { 1302 console.log('Prevented map crash from blocking images.'); 1303 return true; // Tells the browser to ignore the crash and keep loading the page 1304 } 1305 return false; 1306 }; 1307</script>
1307 1308<link href='https://www.blogger.com/dyncss/1344866248136008204/authorization.css?zx=d6ea6221-d989-483d-87b4-68e5768a0821' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyncss/1344866248136008204/authorization.css?zx=d6ea6221-d989-483d-87b4-68e5768a0821' rel='stylesheet'/></noscript> 1309<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/> 1310<meta name='google-adsense-platform-domain' content='blogspot.com'/> 1311
1312<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2476316278668734&host=ca-host-pub-1556223355139109" crossorigin="anonymous"></script>
1312 1313 1314<!-- data-ad-client=ca-pub-2476316278668734 --> 1315 1316</head> 1317<body class='is-single is-page no-sidebar'><a href="https://www.hotelier-indonesia.com/cdn-cgi/content?id=NAoo6RfsQDh7sQ_g8bgeQeMFAodzY_1_0wy3HXe9q7g-1791169142.983147-1.2.1.1-vBqszPN6QaxAevpHHn.YEN5tAlQYvm.R3tC7RpNOYiOsVlAVUtfKQ83i8XgJT1Fi" aria-hidden="true" rel="nofollow noopener" style="display: none !important; visibility: hidden !important"></a> 1318<!-- Google Tag Manager (noscript) --> 1319<noscript><iframe height='0' src='https://www.googletagmanager.com/ns.html?id=GTM-W9FWCCBG' style='display:none;visibility:hidden' width='0'></iframe></noscript> 1320<!-- End Google Tag Manager (noscript) --> 1321<noscript><iframe height='0' src='https://www.googletagmanager.com/ns.html?id=GTM-W9FWCCBG' style='display:none;visibility:hidden' width='0'></iframe></noscript> 1322<div id='theme-options' style='display:none'> 1323<div class='pbt-panel section' id='pbt-panel' name='Theme Options'> 1324<div class='widget LinkList' data-version='2' id='LinkList205'>
1325<script type='text/javascript'>const options={pageOf:"Page {page} of {pages}",prevPage:"Previous",nextPage:"Next",subscribeMessage:"Subscribe to our mailing list to get the new updates.",subscribeFormUrl:"https://hotelier-indonesia.us6.list-manage.com/subscribe?u\x3de538dd384aef276225bff8cc4\x26id\x3d85650afcdc"}</script>
1325 1326</div></div> 1327</div> 1328<div class='site-outer'> 1329<header class='site-header'> 1330<div class='main-header'> 1331<div class='header-inner'> 1332<div class='header-header flex-c'> 1333<div class='container'> 1334<div class='header-items'> 1335<div class='flex-left'> 1336<button aria-label='Show Menu' class='menu-toggle'></button> 1337<div class='main-logo section' id='main-logo' name='Header Logo'><div class='widget Image' data-version='2' id='Image50'> 1338<a class='logo-img' href='https://www.hotelier-indonesia.com/' rel='home'> 1339<img alt='Hotelier Indonesia Magazine' data-src='https://blogger.googleusercontent.com/img/a/AVvXsEiKvtwQDyJSuUpsr1ekAQ7qpPlUNNHJoB-_T886_zaawZ06AIyym3wEsfvMLwu6Av3OcwRyzea4QyKP14_ITKlZ-4nDZdn9Uhdj1Zy8T7K7BlJpnk72cyVshdF_3Ge4Zk3lkuruhoq8LcT25OxnoFJ1UyZPYUNEaJ6w4OaBpsV6LVc7x7RsjUj_8JtBe-L_=s313' height='72' loading='lazy' src='https://blogger.googleusercontent.com/img/a/AVvXsEiKvtwQDyJSuUpsr1ekAQ7qpPlUNNHJoB-_T886_zaawZ06AIyym3wEsfvMLwu6Av3OcwRyzea4QyKP14_ITKlZ-4nDZdn9Uhdj1Zy8T7K7BlJpnk72cyVshdF_3Ge4Zk3lkuruhoq8LcT25OxnoFJ1UyZPYUNEaJ6w4OaBpsV6LVc7x7RsjUj_8JtBe-L_=s313' width='313'> 1340</img> 1341</a> 1342</div></div> 1343<div class='main-menu section' id='main-menu' name='Header Menu'><div class='widget LinkList' data-version='2' id='LinkList200'> 1344<ul class='main-nav'> 1345<li><a href='/'>Home</a></li> 1346<li><a href='#'>Links</a></li> 1347<li><a href='https://berita.hotelier-indonesia.com/'>_Berita</a></li> 1348<li><a href='https://suppliers.hotelier-indonesia.com/'>_Suppliers</a></li> 1349<li><a href='https://spa.hotelier-indonesia.com/'>_Spa & Wellness</a></li> 1350<li><a href='https://tabloid.hotelier-indonesia.com/'>_Tabloid</a></li> 1351<li><a href='https://golf.hotelier-indonesia.com/'>_Golf & Leisures</a></li> 1352<li><a href='https://magazine.hotelier-indonesia.com/'>_Magazine</a></li> 1353<li><a href='https://food.hotelier-indonesia.com/'>_Food</a></li> 1354<li><a href='https://market.hotelier-indonesia.com/'>_Market</a></li> 1355<li><a href='https://finance.hotelier-indonesia.com/'>_Finance</a></li> 1356<li><a href='https://www.hotelier-indonesia.com/p/hot-deals.html'>_Deals</a></li> 1357<li class='has-sub has-mega'> 1358<a data-shortcode='{getPosts}' href='#'>Trending</a><div class='ul mega flex-c'><div class='container'></div></div></li> 1359<li class='has-sub has-mega'> 1360<a data-shortcode='{getPosts} $label={Hot Solutions/Business/Hot Flag Carrier/Design}' href='#'>Categories</a><div class='ul mega flex-c'><div class='container'></div></div></li> 1361<li><a href='https://news.hotelier-indonesia.com/'>News</a></li> 1362<li><a href='https://events.hotelier-indonesia.com/'>Events</a></li> 1363<li><a href='https://jobs.hotelier-indonesia.com/'>Jobs</a></li> 1364<li><a href='https://market.hotelier-indonesia.com/p/media-kit-page-premium-positioning.html'>MediaKit </a></li> 1365</ul> 1366</div></div> 1367</div> 1368<div class='flex-right'> 1369<button aria-label='Dark Mode' class='darkmode-toggle'></button> 1370<button aria-label='Search' class='search-toggle'></button> 1371</div> 1372</div> 1373</div> 1374</div> 1375</div> 1376</div> 1377</header> 1378<section class='site-content flex-c'> 1379<div class='container'> 1380<div class='content-wrap'> 1381<main class='main-wrap'> 1382<div class='main section' id='main' name='Latest Posts'><div class='widget Blog' data-version='2' id='Blog1'> 1383<div class='blog-post'>
1384<script type='application/ld+json'>{"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.hotelier-indonesia.com/"},{"@type":"ListItem","position":2,"name":"Contact ","item":"https://www.hotelier-indonesia.com/p/contact-form.html"}]}</script>
1384 1385<article class='post'> 1386<div class='post-inner flex-col'> 1387<div class='entry-header post-header'> 1388<h1 class='entry-title'> 1389Contact 1390</h1> 1391</div> 1392<div class='entry-content flex-col'> 1393<div class='post-body' id='post-body'> 1394<!--============================================================ 1395 HOTELIER INDONESIA — Advertise With Us 1396 Design matches full suite (ocean blue / amber gold). 1397 ============================================================--> 1398<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Lato:wght@300;400;700&display=swap" rel="stylesheet"></link> 1399 1400<style> 1401/* ── ALL STYLES SCOPED TO #hi-adv — safe ── */ 1402#hi-adv { 1403 font-family: 'Arial', sans-serif; 1404 font-size: 16px; 1405 line-height: 1.75; 1406 color: #2C2C2C; 1407 background: #F8FAFE; 1408 max-width: 900px; 1409 margin: 0 auto; 1410 padding: 0 0 60px; 1411 box-sizing: border-box; 1412} 1413#hi-adv *, #hi-adv *::before, #hi-adv *::after { box-sizing: border-box; } 1414 1415/* ── HERO ── */ 1416#hi-adv .ha-hero { 1417 background: linear-gradient(160deg, #0D2B4A 0%, #1A4B7A 60%, #0D2B4A 100%); 1418 padding: 70px 30px 60px; 1419 text-align: center; 1420 border-radius: 0 0 24px 24px; 1421 margin-bottom: 60px; 1422 position: relative; 1423 overflow: hidden; 1424} 1425#hi-adv .ha-hero::before { 1426 content: ''; 1427 position: absolute; inset: 0; 1428 background-image: repeating-linear-gradient(-45deg, transparent, transparent 18px, rgba(255,255,255,0.02) 18px, rgba(255,255,255,0.02) 19px); 1429 pointer-events: none; 1430} 1431#hi-adv .ha-hero::after { 1432 content: ''; 1433 position: absolute; bottom: 0; left: 0; right: 0; height: 3px; 1434 background: linear-gradient(90deg, transparent 0%, #b5924c 30%, #d4a96a 60%, transparent 100%); 1435} 1436#hi-adv .ha-hero-tag { 1437 display: inline-block; 1438 background: rgba(255,255,255,0.12); 1439 color: #A8C8E8; 1440 font-size: 11px; 1441 letter-spacing: 3px; 1442 text-transform: uppercase; 1443 padding: 5px 16px; 1444 border-radius: 20px; 1445 margin-bottom: 20px; 1446 position: relative; 1447} 1448#hi-adv .ha-hero h1 { 1449 font-family: 'Playfair Display', serif; 1450 font-size: clamp(2rem, 5vw, 3.4rem); 1451 font-weight: 900; 1452 color: #fff; 1453 margin: 0 0 14px; 1454 line-height: 1.1; 1455 position: relative; 1456} 1457#hi-adv .ha-hero h1 em { font-style: italic; color: #E8B843; } 1458#hi-adv .ha-hero p { 1459 color: #B0C8E0; 1460 font-size: 1.05rem; 1461 max-width: 520px; 1462 margin: 0 auto 28px; 1463 font-weight: 300; 1464 position: relative; 1465} 1466#hi-adv .ha-hero-cta { 1467 display: inline-block; 1468 background: #E8B843; 1469 color: #0D2B4A; 1470 font-family: 'Lato', sans-serif; 1471 font-weight: 700; 1472 font-size: 13px; 1473 letter-spacing: 0.06em; 1474 text-transform: uppercase; 1475 padding: 13px 30px; 1476 border-radius: 30px; 1477 text-decoration: none !important; 1478 transition: background 0.18s, transform 0.15s; 1479 position: relative; 1480} 1481#hi-adv .ha-hero-cta:hover { background: #d4a53a; transform: translateY(-1px); } 1482#hi-adv .ha-hero-stats { 1483 display: flex; 1484 justify-content: center; 1485 flex-wrap: wrap; 1486 gap: 12px; 1487 margin-top: 28px; 1488 position: relative; 1489} 1490#hi-adv .ha-stat-pill { 1491 background: rgba(255,255,255,0.10); 1492 border: 1px solid rgba(255,255,255,0.18); 1493 border-radius: 30px; 1494 padding: 8px 20px; 1495 color: #fff; 1496 font-size: 13px; 1497 font-weight: 700; 1498} 1499#hi-adv .ha-stat-pill span { color: #E8B843; font-family: 'Playfair Display', serif; font-size: 1.1em; } 1500 1501/* ── SECTION HEADER ── */ 1502#hi-adv .ha-sec-head { 1503 text-align: center; 1504 margin-bottom: 32px; 1505 padding: 0 20px; 1506} 1507#hi-adv .ha-sec-head .ha-tag { 1508 font-size: 11px; 1509 letter-spacing: 3px; 1510 text-transform: uppercase; 1511 color: #1A4B7A; 1512 font-weight: 700; 1513 display: block; 1514 margin-bottom: 10px; 1515} 1516#hi-adv .ha-sec-head h2 { 1517 font-family: 'Playfair Display', serif; 1518 font-size: clamp(1.6rem, 4vw, 2.4rem); 1519 color: #1A1A1A; 1520 font-weight: 700; 1521 margin: 0 0 10px; 1522 line-height: 1.2; 1523} 1524#hi-adv .ha-sec-head p { 1525 color: #666; 1526 font-size: 0.95rem; 1527 margin: 0 auto; 1528 max-width: 520px; 1529} 1530#hi-adv .ha-divider { 1531 width: 60px; height: 3px; 1532 background: linear-gradient(90deg, #1A4B7A, #E8B843); 1533 border-radius: 2px; 1534 margin: 0 auto 16px; 1535} 1536 1537/* ── AD OPTIONS GRID ── */ 1538#hi-adv .ha-options { 1539 display: grid; 1540 grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); 1541 gap: 14px; 1542 padding: 0 20px; 1543 margin-bottom: 48px; 1544} 1545#hi-adv .ha-option-card { 1546 background: #fff; 1547 border: 1px solid #DDE8F4; 1548 border-top: 3px solid #1A4B7A; 1549 border-radius: 14px; 1550 padding: 20px 18px; 1551 text-align: center; 1552 transition: box-shadow 0.2s, transform 0.18s; 1553} 1554#hi-adv .ha-option-card:nth-child(2) { border-top-color: #E8B843; } 1555#hi-adv .ha-option-card:nth-child(3) { border-top-color: #1D9E75; } 1556#hi-adv .ha-option-card:nth-child(4) { border-top-color: #7A3489; } 1557#hi-adv .ha-option-card:hover { box-shadow: 0 8px 24px rgba(26,75,122,0.10); transform: translateY(-2px); } 1558#hi-adv .ha-option-icon { 1559 width: 44px; height: 44px; 1560 background: #EAF2FB; 1561 border-radius: 10px; 1562 display: flex; align-items: center; justify-content: center; 1563 margin: 0 auto 12px; 1564 color: #1A4B7A; 1565} 1566#hi-adv .ha-option-card:nth-child(2) .ha-option-icon { background: #FEF7E6; color: #8A6010; } 1567#hi-adv .ha-option-card:nth-child(3) .ha-option-icon { background: #E6F7F0; color: #0D5C38; } 1568#hi-adv .ha-option-card:nth-child(4) .ha-option-icon { background: #F0EEFE; color: #7A3489; } 1569#hi-adv .ha-option-card h3 { 1570 font-family: 'Playfair Display', serif; 1571 font-size: 14px !important; 1572 font-weight: 700 !important; 1573 color: #1A1A1A !important; 1574 margin: 0 0 6px !important; 1575 padding: 0 !important; 1576 border: none !important; 1577} 1578#hi-adv .ha-option-card p { 1579 font-size: 12px !important; 1580 color: #7A8A9A !important; 1581 margin: 0 !important; 1582 padding: 0 !important; 1583 line-height: 1.5 !important; 1584} 1585 1586/* ── FORM CARD ── */ 1587#hi-adv .ha-form-card { 1588 background: #fff; 1589 border: 1px solid #DDE8F4; 1590 border-radius: 20px; 1591 overflow: hidden; 1592 margin: 0 20px 48px; 1593} 1594#hi-adv .ha-form-head { 1595 background: linear-gradient(135deg, #0D2B4A, #1A4B7A); 1596 padding: 26px 32px; 1597 display: flex; 1598 align-items: center; 1599 gap: 16px; 1600 position: relative; 1601} 1602#hi-adv .ha-form-head::after {
1603 content: ''; 1604 position: absolute; bottom: 0; left: 0; right: 0; height: 3px; 1605 background: linear-gradient(90deg, transparent, #E8B843, transparent); 1606} 1607#hi-adv .ha-form-head-icon { 1608 width: 46px; height: 46px; 1609 background: rgba(255,255,255,0.12); 1610 border: 1px solid rgba(232,184,67,0.35); 1611 border-radius: 50%; 1612 display: flex; align-items: center; justify-content: center; 1613 flex-shrink: 0; 1614 color: #E8B843; 1615} 1616#hi-adv .ha-form-head-tx h3 { 1617 font-family: 'Playfair Display', serif; 1618 font-size: 1.2rem !important; 1619 font-weight: 700 !important; 1620 color: #fff !important; 1621 margin: 0 0 3px !important; 1622 padding: 0 !important; 1623 border: none !important; 1624} 1625#hi-adv .ha-form-head-tx p { 1626 font-size: 12px !important; 1627 color: rgba(255,255,255,0.6) !important; 1628 margin: 0 !important; 1629 padding: 0 !important; 1630} 1631#hi-adv .ha-form-body { padding: 28px 32px; background: #F8FAFE; } 1632 1633/* form grid */ 1634#hi-adv .ha-form-label { 1635 font-size: 10px; 1636 font-weight: 700; 1637 letter-spacing: 2.5px; 1638 text-transform: uppercase; 1639 color: #1A4B7A; 1640 margin: 0 0 14px; 1641 display: flex; 1642 align-items: center; 1643 gap: 10px; 1644} 1645#hi-adv .ha-form-label::after { 1646 content: ''; 1647 flex: 1; height: 1px; 1648 background: linear-gradient(90deg, #C8D8EC, transparent); 1649} 1650#hi-adv .ha-row { 1651 display: grid; 1652 grid-template-columns: 1fr 1fr; 1653 gap: 12px; 1654 margin-bottom: 12px; 1655} 1656#hi-adv .ha-field { margin-bottom: 12px; } 1657#hi-adv .ha-row .ha-field { margin-bottom: 0; } 1658#hi-adv .ha-field label { 1659 display: block; 1660 font-size: 11px; 1661 font-weight: 700; 1662 color: #1A4B7A; 1663 letter-spacing: 0.04em; 1664 text-transform: uppercase; 1665 margin-bottom: 5px; 1666} 1667#hi-adv .ha-field .ha-req { color: #E8B843; margin-left: 2px; } 1668#hi-adv .ha-field input, 1669#hi-adv .ha-field textarea { 1670 width: 100%; 1671 padding: 10px 14px; 1672 font-family: 'Lato', sans-serif; 1673 font-size: 13px; 1674 color: #1A1A1A; 1675 background: #fff; 1676 border: 1.5px solid #C8D8EC; 1677 border-radius: 8px; 1678 outline: none; 1679 transition: border-color 0.2s, box-shadow 0.2s; 1680 -webkit-appearance: none; 1681 appearance: none; 1682} 1683#hi-adv .ha-field input:focus, 1684#hi-adv .ha-field textarea:focus { 1685 border-color: #1A4B7A; 1686 box-shadow: 0 0 0 3px rgba(26,75,122,0.10); 1687} 1688#hi-adv .ha-field input::placeholder, 1689#hi-adv .ha-field textarea::placeholder { color: #A0A8B0; } 1690#hi-adv .ha-field textarea { min-height: 90px; resize: vertical; line-height: 1.6; } 1691 1692/* enquiry checkboxes */ 1693#hi-adv .ha-check-grid { 1694 display: grid; 1695 grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); 1696 gap: 10px; 1697 margin-bottom: 14px; 1698} 1699#hi-adv .ha-check-item { 1700 display: flex; 1701 align-items: center; 1702 gap: 10px; 1703 padding: 10px 14px; 1704 background: #fff; 1705 border: 1.5px solid #C8D8EC; 1706 border-radius: 8px; 1707 cursor: pointer; 1708 transition: border-color 0.15s, background 0.15s; 1709 user-select: none; 1710} 1711#hi-adv .ha-check-item:hover { border-color: #1A4B7A; background: #EAF2FB; } 1712#hi-adv .ha-check-item.checked { border-color: #1A4B7A; background: #EAF2FB; } 1713#hi-adv .ha-check-item input[type="checkbox"] { display: none; } 1714#hi-adv .ha-chk-box { 1715 width: 18px; height: 18px; min-width: 18px; 1716 border: 2px solid #C8D8EC; 1717 border-radius: 4px; 1718 background: #fff; 1719 display: flex; align-items: center; justify-content: center; 1720 transition: all 0.15s; 1721 flex-shrink: 0; 1722} 1723#hi-adv .ha-check-item.checked .ha-chk-box { background: #1A4B7A; border-color: #1A4B7A; } 1724#hi-adv .ha-chk-tick { 1725 display: none; 1726 color: #E8B843; 1727 font-size: 11px; 1728 font-weight: 700; 1729 line-height: 1; 1730} 1731#hi-adv .ha-check-item.checked .ha-chk-tick { display: block; } 1732#hi-adv .ha-check-item span { 1733 font-size: 12.5px; 1734 color: #2C2C2C; 1735 line-height: 1.3; 1736} 1737 1738/* submit */ 1739#hi-adv .ha-form-divider { 1740 width: 60px; height: 3px; 1741 background: linear-gradient(90deg, #1A4B7A, #E8B843); 1742 border-radius: 2px; 1743 margin: 20px auto 20px; 1744} 1745#hi-adv .ha-submit-btn { 1746 width: 100%; 1747 padding: 14px 20px; 1748 background: linear-gradient(135deg, #1A4B7A, #0D2B4A); 1749 color: #fff; 1750 font-family: 'Lato', sans-serif; 1751 font-size: 13px; 1752 font-weight: 700; 1753 letter-spacing: 0.06em; 1754 text-transform: uppercase; 1755 border: none; 1756 border-radius: 30px; 1757 cursor: pointer; 1758 display: flex; align-items: center; justify-content: center; 1759 gap: 8px; 1760 transition: opacity 0.18s, transform 0.15s; 1761 position: relative; 1762 overflow: hidden; 1763} 1764#hi-adv .ha-submit-btn::after {
1765 content: ''; 1766 position: absolute; bottom: 0; left: 0; right: 0; height: 2px; 1767 background: linear-gradient(90deg, transparent, #E8B843, transparent); 1768} 1769#hi-adv .ha-submit-btn:hover:not(:disabled) { opacity: 0.92; transform: translateY(-1px); } 1770#hi-adv .ha-submit-btn:disabled { opacity: 0.55; cursor: not-allowed; } 1771#hi-adv .ha-spinner { 1772 display: none; 1773 width: 14px; height: 14px; 1774 border: 2px solid rgba(255,255,255,0.3); 1775 border-top-color: #E8B843; 1776 border-radius: 50%; 1777 animation: ha-spin 0.7s linear infinite; 1778} 1779@keyframes ha-spin { to { transform: rotate(360deg); } } 1780#hi-adv.ha-loading .ha-spinner { display: block; } 1781#hi-adv .ha-success { 1782 display: none; 1783 font-size: 13px; 1784 padding: 13px 16px; 1785 border-radius: 8px; 1786 margin-top: 14px; 1787 background: #E6F7F0; 1788 border: 1px solid #A8DBBF; 1789 color: #0D5C38; 1790 line-height: 1.6; 1791} 1792 1793/* ── DIRECT CHECKOUT BAND ── */ 1794#hi-adv .ha-checkout { 1795 background: linear-gradient(135deg, #0D2B4A, #1A4B7A); 1796 border-radius: 16px; 1797 margin: 0 20px 32px; 1798 padding: 28px 32px; 1799 text-align: center; 1800 position: relative; 1801 overflow: hidden; 1802} 1803#hi-adv .ha-checkout::after { 1804 content: ''; 1805 position: absolute; bottom: 0; left: 0; right: 0; height: 3px; 1806 background: linear-gradient(90deg, transparent, #E8B843, transparent); 1807} 1808#hi-adv .ha-checkout h3 { 1809 font-family: 'Playfair Display', serif; 1810 font-size: 1.4rem !important; 1811 font-weight: 700 !important; 1812 color: #fff !important; 1813 margin: 0 0 8px !important; 1814 padding: 0 !important; 1815 border: none !important; 1816} 1817#hi-adv .ha-checkout p { 1818 color: rgba(255,255,255,0.6) !important; 1819 font-size: 13px !important; 1820 margin: 0 0 18px !important; 1821 padding: 0 !important; 1822} 1823#hi-adv .ha-checkout a { 1824 display: inline-block; 1825 background: #E8B843; 1826 color: #0D2B4A !important; 1827 font-family: 'Lato', sans-serif; 1828 font-size: 13px; 1829 font-weight: 700; 1830 letter-spacing: 0.05em; 1831 text-transform: uppercase; 1832 padding: 12px 28px; 1833 border-radius: 30px; 1834 text-decoration: none !important; 1835 transition: background 0.18s; 1836} 1837#hi-adv .ha-checkout a:hover { background: #d4a53a; } 1838 1839/* ── NOTICE BOX ── */ 1840#hi-adv .ha-notice { 1841 background: #FEF7E6; 1842 border: 1px solid #F0D080; 1843 border-left: 4px solid #E8B843; 1844 border-radius: 12px; 1845 padding: 20px 24px; 1846 margin: 0 20px 32px; 1847 font-size: 13px !important; 1848 color: #5A4010 !important; 1849 line-height: 1.75 !important; 1850} 1851#hi-adv .ha-notice h4 { 1852 font-family: 'Playfair Display', serif; 1853 font-size: 14px !important; 1854 font-weight: 700 !important; 1855 color: #1A1A1A !important; 1856 margin: 0 0 10px !important; 1857 padding: 0 !important; 1858 border: none !important; 1859} 1860#hi-adv .ha-notice p { 1861 font-size: 13px !important; 1862 color: #5A4010 !important; 1863 margin: 0 0 10px !important; 1864 padding: 0 !important; 1865 line-height: 1.75 !important; 1866} 1867#hi-adv .ha-notice p:last-child { margin-bottom: 0 !important; } 1868#hi-adv .ha-notice strong { color: #1A1A1A; font-weight: 700; } 1869 1870/* ── INFO GRID ── */ 1871#hi-adv .ha-info-section { padding: 0 20px; margin-bottom: 32px; } 1872#hi-adv .ha-info-grid { 1873 display: grid; 1874 grid-template-columns: 1fr 1fr; 1875 gap: 14px; 1876} 1877#hi-adv .ha-info-card { 1878 background: #fff; 1879 border: 1px solid #DDE8F4; 1880 border-top: 3px solid #1A4B7A; 1881 border-radius: 12px; 1882 padding: 20px 22px; 1883} 1884#hi-adv .ha-info-card:nth-child(2) { border-top-color: #E8B843; } 1885#hi-adv .ha-info-card h3 { 1886 font-family: 'Playfair Display', serif; 1887 font-size: 14px !important; 1888 font-weight: 700 !important; 1889 color: #1A1A1A !important; 1890 margin: 0 0 8px !important; 1891 padding: 0 !important; 1892 border: none !important; 1893} 1894#hi-adv .ha-info-card p { 1895 font-size: 13px !important; 1896 color: #555 !important; 1897 line-height: 1.65 !important; 1898 margin: 0 0 12px !important; 1899 padding: 0 !important; 1900} 1901#hi-adv .ha-info-card p:last-child { margin-bottom: 0 !important; } 1902#hi-adv .ha-info-card a { 1903 color: #1A4B7A !important; 1904 font-weight: 700; 1905 text-decoration: none !important; 1906} 1907#hi-adv .ha-info-card a:hover { text-decoration: underline !important; } 1908 1909/* contact chip */ 1910#hi-adv .ha-chip { 1911 display: inline-flex; 1912 align-items: center; 1913 gap: 7px; 1914 padding: 8px 16px; 1915 background: #EAF2FB; 1916 border: 1px solid #C8D8EC; 1917 border-radius: 30px; 1918 font-size: 12px; 1919 font-weight: 700; 1920 color: #1A4B7A !important; 1921 text-decoration: none !important; 1922 transition: all 0.15s; 1923} 1924#hi-adv .ha-chip:hover { background: #1A4B7A; color: #fff !important; border-color: #1A4B7A; } 1925#hi-adv .ha-chip svg { width: 14px; height: 14px; flex-shrink: 0; } 1926 1927/* quick links */ 1928#hi-adv .ha-quick-links { 1929 display: flex; 1930 flex-wrap: wrap; 1931 justify-content: center; 1932 gap: 10px; 1933 padding: 0 20px; 1934 margin-bottom: 40px; 1935} 1936 1937/* ── PAGE FOOTER ── */ 1938#hi-adv .ha-footer { 1939 background: linear-gradient(160deg, #0D2B4A 0%, #1A4B7A 100%); 1940 border-radius: 16px; 1941 margin: 0 20px; 1942 padding: 28px 32px; 1943 text-align: center; 1944 font-size: 12px; 1945 color: rgba(255,255,255,0.5); 1946 line-height: 1.8; 1947} 1948#hi-adv .ha-footer strong { color: #E8B843; } 1949#hi-adv .ha-footer a { color: #A8C8E8 !important; text-decoration: none !important; font-weight: 700; } 1950#hi-adv .ha-footer a:hover { text-decoration: underline !important; } 1951 1952@media (max-width: 600px) { 1953 #hi-adv .ha-hero { padding: 50px 20px 40px; border-radius: 0 0 16px 16px; } 1954 #hi-adv .ha-options { grid-template-columns: 1fr 1fr; padding: 0 12px; } 1955 #hi-adv .ha-form-card { margin: 0 12px 40px; } 1956 #hi-adv .ha-form-body { padding: 20px 18px; } 1957 #hi-adv .ha-form-head { padding: 20px 18px; } 1958 #hi-adv .ha-row { grid-template-columns: 1fr; } 1959 #hi-adv .ha-checkout { margin: 0 12px 28px; padding: 24px 20px; } 1960 #hi-adv .ha-notice { margin: 0 12px 28px; } 1961 #hi-adv .ha-info-section { padding: 0 12px; } 1962 #hi-adv .ha-info-grid { grid-template-columns: 1fr; } 1963 #hi-adv .ha-quick-links { padding: 0 12px; } 1964 #hi-adv .ha-footer { margin: 0 12px; } 1965} 1966</style> 1967 1968<div id="hi-adv"> 1969 1970 <!--HERO--> 1971 <div class="ha-hero"> 1972 <div class="ha-hero-tag"><span style="font-size: large;">Hotelier Indonesia — Media & Advertising</span></div> 1973 <h1>Advertise<br /><em>With Us</em></h1> 1974 <p><span style="font-size: medium;">
1974Reach Indonesia's hospitality industry through our premium digital media platform. Let's grow your brand together.</span></p> 1975 <span style="font-size: medium;"><a class="ha-hero-cta" href="https://market.hotelier-indonesia.com/p/media-kit-page-premium-positioning.html" rel="nofollow" target="_blank">View Media Kit →</a> 1976 </span><div class="ha-hero-stats"> 1977 <div class="ha-stat-pill"><span style="font-size: medium;"><span>60k+</span> LinkedIn</span></div> 1978 <div class="ha-stat-pill"><span style="font-size: medium;"><span>30k+</span> Subscribers</span></div> 1979 <div class="ha-stat-pill"><span style="font-size: medium;"><span>10+</span> Years</span></div> 1980 <div class="ha-stat-pill"><span style="font-size: medium;"><span>#1</span> B2B Hospitality</span></div> 1981 </div> 1982 </div> 1983 1984 <span style="font-size: medium;"><!--AD OPTIONS--> 1985 </span><div class="ha-sec-head"> 1986 <span class="ha-tag" style="font-size: medium;">What We Offer</span> 1987 <div class="ha-divider"></div> 1988 <h2>Advertising & Media Options</h2> 1989 <p><span style="font-size: medium;">Multiple channels to get your brand in front of Indonesia's hospitality decision-makers.</span></p> 1990 </div> 1991 1992 <div class="ha-options"> 1993 <div class="ha-option-card"> 1994 <div class="ha-option-icon"> 1995 <span style="font-size: medium;"><svg fill="none" height="20" stroke-width="1.8" stroke="currentColor" viewbox="0 0 24 24" width="20"><rect height="14" rx="2" width="20" x="2" y="3"><path d="M8 21h8M12 17v4"></path></rect></svg> 1996 </span></div> 1997 <h3>Digital Media</h3> 1998 <p><span style="font-size: medium;">Banner ads, sponsored content, and digital placements across our network</span></p> 1999 </div> 2000 <div class="ha-option-card"> 2001 <div class="ha-option-icon"> 2002 <span style="font-size: medium;"><svg fill="none" height="20" stroke-width="1.8" stroke="currentColor" viewbox="0 0 24 24" width="20"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"><polyline points="14,2 14,8 20,8"></polyline></path></svg> 2003 </span></div> 2004 <h3>Press Release</h3> 2005 <p><span style="font-size: medium;">Get your news published to 30,000+ verified hospitality professionals</span></p> 2006 </div> 2007 <div class="ha-option-card"> 2008 <div class="ha-option-icon"> 2009 <span style="font-size: medium;"><svg fill="none" height="20" stroke-width="1.8" stroke="currentColor" viewbox="0 0 24 24" width="20"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"><circle cx="9" cy="7" r="4"><path d="M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75"></path></circle></path></svg> 2010 </span></div> 2011 <h3>Jobs Listing</h3> 2012 <p><span style="font-size: medium;">Post vacancies directly to hospitality talent across Indonesia & Asia</span></p> 2013 </div> 2014 <div class="ha-option-card"> 2015 <div class="ha-option-icon"> 2016 <span style="font-size: medium;"><svg fill="none" height="20" stroke-width="1.8" stroke="currentColor" viewbox="0 0 24 24" width="20"><rect height="18" rx="2" width="18" x="3" y="4"><line x1="16" x2="16" y1="2" y2="6"><line x1="8" x2="8" y1="2" y2="6"><line x1="3" x2="21" y1="10" y2="10"></line></line></line></rect></svg> 2017 </span></div> 2018 <h3>Events & Deals</h3> 2019 <p><span style="font-size: medium;">Promote events, hotel deals, and supplier listings to a targeted audience</span></p> 2020 </div> 2021 </div> 2022 2023 <span style="font-size: medium;"><!--CONTACT FORM--> 2024 </span><div class="ha-sec-head"> 2025 <span class="ha-tag" style="font-size: medium;">Get In Touch</span> 2026 <div class="ha-divider"></div> 2027 <h2>Send Us an Enquiry</h2> 2028 <p><span style="font-size: medium;">Fill in the form below and our team will respond promptly.</span></p> 2029 </div> 2030 2031 <div class="ha-form-card"> 2032 2033 <!--Form Header--> 2034 <div class="ha-form-head"> 2035 <div class="ha-form-head-icon"> 2036 <svg fill="none" height="22" stroke-width="1.6" stroke="currentColor" viewbox="0 0 24 24" width="22"> 2037 <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"><polyline points="22,6 12,13 2,6"> 2038 </polyline></path></svg> 2039 </div> 2040 <div class="ha-form-head-tx"> 2041 <h3>Advertising Enquiry</h3> 2042 <p><span style="font-size: medium;">Hotelier Indonesia · Media & Partnerships</span></p> 2043 </div> 2044 </div> 2045 2046 <!--Form Body--> 2047 <div class="ha-form-body"> 2048 <form id="ha-form" novalidate=""> 2049 2050 <div class="ha-form-label"><span style="font-size: medium;">Your Details</span></div> 2051 2052 <div class="ha-row"> 2053 <div class="ha-field">
2054 <span style="font-size: medium;"><label>Email Address <span class="ha-req">*</span></label> 2055 <input id="ha-email" placeholder="[email protected]" required="" type="email" /> 2056 </span></div> 2057 <div class="ha-field"> 2058 <label><span style="font-size: medium;">Your Name <span class="ha-req">*</span></span></label> 2059 <input id="ha-name" required="" type="text" /> 2060 </div> 2061 </div> 2062 2063 <div class="ha-row"> 2064 <div class="ha-field"> 2065 <span style="font-size: medium;"><label>Phone / WhatsApp <span class="ha-req">*</span></label> 2066 </span><input id="ha-phone" placeholder="+62 …" required="" type="tel" /> 2067 </div> 2068 <div class="ha-field"> 2069 <label><span style="font-size: medium;">Company Name</span></label> 2070 <input id="ha-company" type="text" /> 2071 </div> 2072 </div> 2073 2074 <div class="ha-form-label" style="margin-top: 8px;"><span style="font-size: medium;">Enquiry Type</span> <span style="color: #e8b843; margin-left: 4px;">*</span></div> 2075 2076 <div class="ha-check-grid" id="ha-check-grid"> 2077 <div class="ha-check-item" data-val="Advertising in Digital Media"> 2078 <input type="checkbox" value="Advertising in Digital Media" /> 2079 <div class="ha-chk-box"><span class="ha-chk-tick">✓</span></div> 2080 <span style="font-size: medium;"><span>Advertising in Digital Media</span> 2081 </span></div> 2082 <div class="ha-check-item" data-val="Events Listing"> 2083 <input type="checkbox" value="Events Listing" /> 2084 <div class="ha-chk-box"><span class="ha-chk-tick">✓</span></div> 2085 <span style="font-size: medium;"><span>Events Listing</span> 2086 </span></div> 2087 <div class="ha-check-item" data-val="Hotel Deals"> 2088 <input type="checkbox" value="Hotel Deals" /> 2089 <div class="ha-chk-box"><span class="ha-chk-tick">✓</span></div> 2090 <span style="font-size: medium;"><span>Hotel Deals</span> 2091 </span></div> 2092 <div class="ha-check-item" data-val="Banner Ads"> 2093 <input type="checkbox" value="Banner Ads" /> 2094 <div class="ha-chk-box"><span class="ha-chk-tick">✓</span></div> 2095 <span style="font-size: medium;"><span>Banner Ads</span> 2096 </span></div> 2097 <div class="ha-check-item" data-val="Jobs Listing"> 2098 <input type="checkbox" value="Jobs Listing" /> 2099 <div class="ha-chk-box"><span class="ha-chk-tick">✓</span></div> 2100 <span style="font-size: medium;"><span>Jobs Listing</span> 2101 </span></div> 2102 <div class="ha-check-item" data-val="Press Release"> 2103 <input type="checkbox" value="Press Release" /> 2104 <div class="ha-chk-box"><span class="ha-chk-tick">✓</span></div> 2105 <span style="font-size: medium;"><span>Press Release</span> 2106 </span></div> 2107 <div class="ha-check-item" data-val="Submit Articles"> 2108 <input type="checkbox" value="Submit Articles" /> 2109 <div class="ha-chk-box"><span class="ha-chk-tick">✓</span></div> 2110 <span style="font-size: medium;"><span>Submit Articles</span> 2111 </span></div> 2112 <div class="ha-check-item" data-val="Supplier Listing"> 2113 <input type="checkbox" value="Supplier Listing" /> 2114 <div class="ha-chk-box"><span class="ha-chk-tick">✓</span></div> 2115 <span style="font-size: medium;"><span>Supplier Listing</span> 2116 </span></div> 2117 <div class="ha-check-item" data-val="Other" id="ha-other-item"> 2118 <input type="checkbox" value="Other" /> 2119 <div class="ha-chk-box"><span class="ha-chk-tick">✓</span></div> 2120 <span style="font-size: medium;"><span>Other (please specify)</span> 2121 </span></div> 2122 </div> 2123 2124 <div class="ha-field" id="ha-other-field" style="display: none; margin-top: 8px;"> 2125 <label>Please describe your enquiry <span class="ha-req">*</span></label> 2126 <textarea id="ha-other-text" placeholder="Tell us more about what you need…"></textarea> 2127 </div> 2128 2129 <div class="ha-form-divider"></div> 2130 2131 <button class="ha-submit-btn" id="ha-btn" type="submit"> 2132 <div class="ha-spinner"></div> 2133 <svg fill="none" height="14" stroke-width="2.2" stroke="currentColor" viewbox="0 0 24 24" width="14"><line x1="22" x2="11" y1="2" y2="13"><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></line></svg>
2134 <span id="ha-btn-lbl">Send Message</span> 2135 </button> 2136 2137 <div class="ha-success" id="ha-result"><span style="font-size: medium;">✓ Thank you! Your message has been sent successfully. We'll be in touch shortly.</span></div> 2138 2139 </form> 2140 </div> 2141 </div> 2142 2143 <span style="font-size: medium;"><!--DIRECT CHECKOUT--> 2144 </span><div class="ha-checkout"> 2145 <h3>Ready to Book?</h3> 2146 <p><span style="font-size: medium;">Skip the enquiry — go straight to premium positioning options.</span></p> 2147 <a href="https://market.hotelier-indonesia.com/p/media-kit-page-premium-positioning.html" rel="nofollow" target="_blank"><span style="font-size: medium;">Direct Checkout →</span></a> 2148 </div> 2149 2150 <!--NOTICE--> 2151 <div class="ha-notice"> 2152 <h4><span style="font-size: medium;">Important Notice Regarding Email Communications</span></h4> 2153 <p><span style="font-size: medium;">Hotelier Indonesia does not conduct business or interviews via Skype, Google Hangouts, direct messages, or any chat platforms without your prior consent, and will <strong>never request your banking information</strong>.</span></p> 2154 <p><span style="font-size: medium;"><strong>Stay safe and beware of phishing attempts and cyber attacks.</strong> We strongly advise you to ignore any suspicious emails. Hotelier Indonesia is not responsible for any consequences resulting from unauthorized communications.</span></p> 2155 <p><span style="font-size: medium;">The Hotelier Indonesia Magazine marketing channels will put you in touch with your target market. Press release submissions look for stories that are worth reading, written in a third-party style, and have a professional layout. Your release may not be published for any reason. Each day, we only allow a certain number of new, free press releases.</span></p> 2156 <p><span style="font-size: medium;"><strong>We provide both paid and unpaid services.</strong> A paid distribution plan will ensure the publication of your release, unlike the free service, which may or may not publish your story.</span></p> 2157 </div> 2158 2159 <!--INFO CARDS--> 2160 <div class="ha-info-section"> 2161 <div class="ha-info-grid"> 2162 <div class="ha-info-card"> 2163 <h3>Leave a Review</h3> 2164 <p><span style="font-size: medium;">Hotelier Indonesia would love your feedback. Post a review to our profile and help other hospitality professionals find us.</span></p> 2165 <a href="https://g.page/r/CTWlXusY3cmIEB0/review" target="_blank">→ Leave a Google Review</a> 2166 </div> 2167 <div class="ha-info-card"> 2168 <h3>Contact Information</h3> 2169 <p><strong>PT. HOTICOM MEDIA INTERNATIONAL</strong><br />Hotelier Indonesia Community Magazine</p> 2170 <a class="ha-chip" href="https://wa.me/6285194349543" target="_blank"> 2171 <svg fill="currentColor" height="14" viewbox="0 0 24 24" width="14"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z"><path d="M12 0C5.373 0 0 5.373 0 12c0 2.123.554 4.116 1.523 5.845L.057 23.882l6.21-1.63A11.945 11.945 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.818a9.818 9.818 0 01-5.007-1.373l-.36-.214-3.686.968.984-3.595-.235-.369A9.818 9.818 0 1112 21.818z"></path></path></svg> 2172 WhatsApp Support 2173 </a> 2174 </div> 2175 </div> 2176 </div> 2177 2178 <!--QUICK LINKS--> 2179 <div class="ha-quick-links"> 2180 <a class="ha-chip" href="https://www.hotelier-indonesia.com/p/positions-tracking.html" target="_blank"> 2181 <svg fill="none" height="14" stroke-width="2" stroke="currentColor" viewbox="0 0 24 24" width="14"><circle cx="11" cy="11" r="8"><line x1="21" x2="16.65" y1="21" y2="16.65"></line></circle></svg> 2182 Position Tracking 2183 </a> 2184 <a class="ha-chip" href="https://www.hotelier-indonesia.com/p/advertise-with-hotelier-indonesia.html" target="_blank"> 2185 <svg fill="none" height="14" stroke-width="2" stroke="currentColor" viewbox="0 0 24 24" width="14"><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"></path></svg> 2186 Advertise With Us 2187 </a> 2188 <a class="ha-chip" href="https://market.hotelier-indonesia.com/p/media-kit-page-premium-positioning.html" rel="nofollow" target="_blank"> 2189 <svg fill="none" height="14" stroke-width="2" stroke="currentColor" viewbox="0 0 24 24" width="14"><rect height="18" rx="2" width="18" x="3" y="3"><path d="M3 9h18M9 21V9"></path></rect></svg> 2190 Media Kit 2191 </a> 2192 <a class="ha-chip" href="https://www.hotelier-indonesia.com" target="_blank"> 2193 <svg fill="none" height="14" stroke-width="2" stroke="currentColor" viewbox="0 0 24 24" width="14"><circle cx="12" cy="12" r="10"><line x1="2" x2="22" y1="12" y2="12"><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></line></circle></svg> 2194 Main Site 2195 </a> 2196 </div> 2197 2198 <!--FOOTER--> 2199 <div class="ha-footer"> 2200 <strong>© Hotelier Indonesia</strong> — All rights reserved.<br /> 2201 <a href="https://www.hotelier-indonesia.com/p/disclaimer.html" target="_blank">Disclaimer</a> · 2202 <a href="https://www.hotelier-indonesia.com/p/contact.html" target="_blank">Contact</a> · 2203 <a href="https://www.hotelier-indonesia.com" target="_blank">hotelier-indonesia.com</a> 2204 </div> 2205 2206</div><!--/#hi-adv--> 2207
2208<script> 2209(function () { 2210 2211 var SCRIPT_URL = 'https://script.google.com/macros/s/AKfycbwhSV_dqO2RFooSy__3bDZl3volzuEQhat8Xj5szvqp9Uk4g68LNWljORvS83wSETGs/exec'; 2212 2213 var wrap = document.getElementById('hi-adv'); 2214 var btn = document.getElementById('ha-btn'); 2215 var btnLbl = document.getElementById('ha-btn-lbl'); 2216 var result = document.getElementById('ha-result'); 2217 var otherItem = document.getElementById('ha-other-item'); 2218 var otherField = document.getElementById('ha-other-field'); 2219 2220 // Checkbox toggle logic 2221 document.querySelectorAll('#ha-check-grid .ha-check-item').forEach(function(item) { 2222 item.addEventListener('click', function() { 2223 item.classList.toggle('checked'); 2224 var cb = item.querySelector('input[type="checkbox"]'); 2225 cb.checked = item.classList.contains('checked'); 2226 // show/hide "other" textarea 2227 if (item === otherItem) { 2228 otherField.style.display = cb.checked ? 'block' : 'none'; 2229 } 2230 }); 2231 }); 2232 2233 document.getElementById('ha-form').addEventListener('submit', function(e) { 2234 e.preventDefault(); 2235 result.style.display = 'none'; 2236 2237 var email = document.getElementById('ha-email').value.trim(); 2238 var name = document.getElementById('ha-name').value.trim(); 2239 var phone = document.getElementById('ha-phone').value.trim(); 2240 var company = document.getElementById('ha-company').value.trim(); 2241 var other = document.getElementById('ha-other-text').value.trim(); 2242 2243 var checked = Array.from(document.querySelectorAll('#ha-check-grid .ha-check-item.checked')) 2244 .map(function(item) { return item.getAttribute('data-val'); }); 2245 2246 if (!email || !name || !phone) { alert('Please fill in all required fields.'); return; } 2247 if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) { alert('Please enter a valid email address.'); return; } 2248 if (checked.length === 0) { alert('Please select at least one enquiry type.'); return; } 2249 if (otherItem.classList.contains('checked') && !other) { 2250 alert('Please describe your "Other" enquiry.'); 2251 document.getElementById('ha-other-text').focus(); 2252 return; 2253 } 2254 2255 btn.disabled = true; 2256 btnLbl.textContent = 'Sending…'; 2257 wrap.classList.add('ha-loading'); 2258 2259 fetch(SCRIPT_URL, { 2260 method: 'POST', 2261 body: JSON.stringify({ email: email, name: name, phone: phone, company: company, enquiries: checked, other: other }), 2262 headers: { 'Content-Type': 'application/json' }, 2263 mode: 'no-cors' 2264 }) 2265 .then(function() { 2266 document.getElementById('ha-form').reset(); 2267 document.querySelectorAll('#ha-check-grid .ha-check-item').forEach(function(item) { 2268 item.classList.remove('checked'); 2269 item.querySelector('input').checked = false; 2270 }); 2271 otherField.style.display = 'none'; 2272 result.style.display = 'block'; 2273 }) 2274 .catch(function() { 2275 alert('Submission failed — please check your connection or email [email protected].'); 2276 }) 2277 .finally(function() { 2278 btn.disabled = false; 2279 btnLbl.textContent = 'Send Message'; 2280 wrap.classList.remove('ha-loading'); 2281 }); 2282 }); 2283 2284})(); 2285</script>
2285 2286</div> 2287</div> 2288</div> 2289</article> 2290</div> 2291</div></div> 2292<div class='section' id='post-ads-1' name='Before Content'><div class='widget Image' data-version='2' id='Image11'> 2293<noscript> 2294<a href='https://thaifex-horec.asia/'> 2295<img alt='Image11' height='180' loading='lazy' src='https://blogger.googleusercontent.com/img/a/AVvXsEiU517TlkOlfRQtrAWFEmlhTnu_fC0OpEKicX-wJ6y1SgygAeK2DJpO8FmuRbW6y2ngC1z_xoToIAQUoVFMThXydw7bbjocWrxICsTX7G0HVksVS5xaVlBYoUxxKivW3C4QjhqRkp2wB9s7Y_Ot43tuTZiqiUZRzHPOi1PvpK1qD1wrz9DDJ8fpVcELDTHE=s900' width='900'/> 2296</a> 2297</noscript> 2298</div></div> 2299<div class='section' id='post-ads-2' name='After Content'><div class='widget HTML' data-version='2' id='HTML8'> 2300<noscript>
2300<script async="async" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2476316278668734" crossorigin="anonymous"></script>
2300 2301<ins class="adsbygoogle" 2302 style="display:block" 2303 data-ad-client="ca-pub-2476316278668734" 2304 data-ad-slot="2077213702" 2305 data-ad-format="auto" 2306 data-full-width-responsive="true"></ins>
2307<script> 2308 (adsbygoogle = window.adsbygoogle || []).push({}); 2309</script>
2309</noscript> 2310</div></div> 2311<div class='section' id='post-ads-3' name='In-Article'><div class='widget HTML' data-version='2' id='HTML11'> 2312<noscript>
2312<script async="async" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2476316278668734" crossorigin="anonymous"></script>
2312 2313<ins class="adsbygoogle" 2314 style="display:block" 2315 data-ad-client="ca-pub-2476316278668734" 2316 data-ad-slot="2077213702" 2317 data-ad-format="auto" 2318 data-full-width-responsive="true"></ins>
2319<script> 2320 (adsbygoogle = window.adsbygoogle || []).push({}); 2321</script>
2321</noscript> 2322</div></div> 2323<!-- ============================================== HOME PAGE — TOP EVENTS SECTION (2 COLUMNS) ============================================== --> 2324</main> 2325</div> 2326</div> 2327</section> 2328<footer class='site-footer'> 2329<div class='footer flex-c'> 2330<div class='container'> 2331<div class='footer-sections'> 2332<div class='footer-info section' id='footer-info' name='Footer Info'><div class='widget Image' data-version='2' id='Image51'> 2333<a class='footer-logo' href='https://www.hotelier-indonesia.com/' rel='home'> 2334<img alt='Hotelier Indonesia Magazine' data-src='https://blogger.googleusercontent.com/img/a/AVvXsEgY7ZwNtTJ0WhdINpG-yKC-FHIge9n5fe30UyUL4LysJTxJguFR_ylX6ZsQaZ5_9XMKu81iIRJGNF1Mu2bch1FLGBceTqpgpD12N-ypn7fPESG39Qv5k8vqXiX5qkcewQrqLAz_5x1rg3TWg7UdAVrofhTB6z0AoAqADA49rCcZuAt04KNl_pAnBhtKVB_q=s150' height='36' loading='lazy' src='https://blogger.googleusercontent.com/img/a/AVvXsEgY7ZwNtTJ0WhdINpG-yKC-FHIge9n5fe30UyUL4LysJTxJguFR_ylX6ZsQaZ5_9XMKu81iIRJGNF1Mu2bch1FLGBceTqpgpD12N-ypn7fPESG39Qv5k8vqXiX5qkcewQrqLAz_5x1rg3TWg7UdAVrofhTB6z0AoAqADA49rCcZuAt04KNl_pAnBhtKVB_q=s150' width='150'> 2335</img> 2336</a> 2337<p class='excerpt'>Hotelier Indonesia Magazine has been delivering news, trends, and expert insights from industry leaders and insiders since 2006. This magazine provides a wealth of information and insights on various aspects of the hospitality industry. Covering a wide array of valuable topics for professionals in the field, the magazine provides expert advice on hotel management, effective marketing strategies, and future trends.</p> 2338</div><div class='widget SocialLinks' data-version='2' id='LinkList203'> 2339<ul class='social color'> 2340<li class='twitter'><a class='bi-twitter' href='https://x.com/hotelierindo' rel='nofollow noopener' target='_blank' title='twitter'> 2341</a></li> 2342<li class='youtube'><a class='bi-youtube' href='https://www.youtube.com/@HotelierIndonesiaOfficial' rel='nofollow noopener' target='_blank' title='youtube'> 2343</a></li> 2344<li class='instagram'><a class='bi-instagram' href='https://www.instagram.com/hotelierindo' rel='nofollow noopener' target='_blank' title='instagram'> 2345</a></li> 2346<li class='linkedin'><a class='bi-linkedin' href='https://www.linkedin.com/company/hotelierindo/' rel='nofollow noopener' target='_blank' title='linkedin'> 2347</a></li> 2348<li class='pinterest'><a class='bi-pinterest' href='https://id.pinterest.com/hotelierindonesiaofficial/' rel='nofollow noopener' target='_blank' title='pinterest'> 2349</a></li> 2350<li class='threads'><a class='bi-threads' href='https://www.threads.com/@hotelierindo' rel='nofollow noopener' target='_blank' title='threads'> 2351</a></li> 2352</ul> 2353</div></div> 2354<div class='footer-widgets section' id='footer-widgets' name='Footer Widgets'><div class='widget LinkList' data-version='2' id='LinkList3'> 2355<div class='widget-title'><h3 class='title'>Our Channels</h3></div> 2356<div class='widget-content'> 2357<ul class='list-style'> 2358<li><a href='https://news.hotelier-indonesia.com/'>Hospitality News</a></li> 2359<li><a href='https://events.hotelier-indonesia.com/'>Hospitality Events</a></li> 2360<li><a href='https://jobs.hotelier-indonesia.com/'>Hospitality Jobs</a></li> 2361<li><a href='https://market.hotelier-indonesia.com/'>Hospitality Market</a></li> 2362<li><a href='https://golf.hotelier-indonesia.com/'>Golf and Leisure</a></li> 2363<li><a href='https://berita.hotelier-indonesia.com/'>Berita Hotelier</a></li> 2364<li><a href='https://food.hotelier-indonesia.com/'>Food and Dine</a></li> 2365<li><a href='https://suppliers.hotelier-indonesia.com/'>Hotel Suppliers</a></li> 2366<li><a href='https://magazine.hotelier-indonesia.com/'>Hotelier Magazine</a></li> 2367<li><a href='https://spa.hotelier-indonesia.com/'>Spa and Wellness</a></li> 2368<li><a href='https://tabloid.hotelier-indonesia.com/'>Tabloid Hotelierindo</a></li> 2369<li><a href='https://www.hotelier-indonesia.com/p/hospitality-events-submissions-2026.html'>Submit Events 2026</a></li> 2370<li><a href='https://suppliers.hotelier-indonesia.com/p/hotel-suppliers-listing.html'>Suppliers Listing</a></li> 2371<li><a href='https://market.hotelier-indonesia.com/p/top-100-hotels-worldwide.html'>Hospitality Directory</a></li> 2372<li><a href='https://www.hotelier-indonesia.com/p/hotel-for-sale.html'>Hotel For Sale</a></li> 2373<li><a href='https://www.hotelier-indonesia.com/p/tours-travel-listings.html'>Tours Listing</a></li> 2374</ul> 2375</div> 2376</div><div class='widget LinkList' data-version='2' id='LinkList2'> 2377<div class='widget-title'><h3 class='title'>More in Hotelierindo</h3></div> 2378<div class='widget-content'> 2379<ul class='list-style'> 2380<li><a href='https://www.hotelier-indonesia.com/p/calendar-events-2026.html'>Calendar 2026</a></li> 2381<li><a href='https://market.hotelier-indonesia.com/p/july-ads-promo.html'>Advertise</a></li> 2382<li><a href='https://www.hotelier-indonesia.com/p/hospitality-links.html'>Hospitality Links</a></li> 2383<li><a href='https://www.hotelier-indonesia.com/p/positions-tracking.html'>Positions Tracking</a></li> 2384<li><a href='https://www.hotelier-indonesia.com/p/30-daftar-saham-hotel-resort-dan-cruise.html'>Hospitality Stocks</a></li> 2385<li><a href='https://www.hotelier-indonesia.com/p/table-of-contents.html'>Table of Contents</a></li> 2386<li><a href='https://www.hotelier-indonesia.com/p/subscribe-newsletter.html'>Newsletter</a></li> 2387<li><a href='https://www.hotelier-indonesia.com/p/merchandise.html'>Merchandise</a></li> 2388<li><a href='https://www.hotelier-indonesia.com/p/world-hospitality-events.html'>World Events</a></li> 2389<li><a href='https://www.hotelier-indonesia.com/p/2024-hospitality-events-calendar.html'>Events 2025</a></li> 2390<li><a href='https://www.hotelier-indonesia.com/p/job-posting.html'>Submit Jobs (Paid)</a></li> 2391<li><a href='https://jobs.hotelier-indonesia.com/p/jobs-board.html'>Submit Jobs (Free)</a></li> 2392<li><a href='https://www.hotelier-indonesia.com/search/label/Hot%20Solutions'>Hot Solutions</a></li> 2393<li><a href='https://www.hotelier-indonesia.com/search/label/Hot%20Flag%20Carrier'>Hot Flag Carrier</a></li> 2394<li><a href='https://finance.hotelier-indonesia.com/'>Finance News</a></li> 2395<li><a href='https://clk.omgt3.com/?PID=56829&AID=1044515'>Marco Polo Hotels</a></li> 2396<li><a href='https://translate.yandex.com/en/translate'>Translate this Site</a></li> 2397<li><a href='https://www.hotelier-indonesia.com/p/investor-relations.html'>Investor Relations</a></li> 2398</ul> 2399</div> 2400</div></div> 2401</div> 2402</div> 2403</div> 2404<div class='footer-bar flex-c'> 2405<div class='container flex-sb'> 2406<div class='footer-copyright section' id='footer-copyright' name='Footer Copyright'><div class='widget Text' data-version='2' id='Text50'> 2407Copyright 2026 <a href="https://www.hotelier-indonesia.com/"> © Hoticom Media International</a> 2408</div></div> 2409<div class='footer-menu section' id='footer-menu' name='Footer Menu'><div class='widget LinkList' data-version='2' id='LinkList204'> 2410<ul> 2411<li><a href='/'>Home</a></li> 2412<li><a href='https://www.hotelier-indonesia.com/p/about.html'>About</a></li> 2413<li><a href='https://www.hotelier-indonesia.com/p/b2b-membership.html'>B2B</a></li> 2414<li><a href='https://www.hotelier-indonesia.com/p/site-map.html'>Sitemap</a></li> 2415<li><a href='https://www.hotelier-indonesia.com/p/privacy-policy.html'>Privacy Policy</a></li> 2416<li><a href='https://www.hotelier-indonesia.com/p/disclaimer.html'>Disclaimer</a></li> 2417<li><a href='https://www.hotelier-indonesia.com/p/partners.html'>Partners</a></li> 2418<li><a href='https://www.hotelier-indonesia.com/p/contact-form.html'>Contact</a></li> 2419</ul> 2420</div></div> 2421</div> 2422</div> 2423</footer> 2424</div> 2425<div class='cookie-consent'> 2426<div class='section' id='cookie' name='Cookie Banner'><div class='widget Text' data-version='2' id='Text51'> 2427<p class='consent-text excerpt'>
2427Our website uses cookies to improve your experience. <a href="https://www.hotelier-indonesia.com/p/privacy-policy.html">Learn more</a></p> 2428<button aria-label='OK, Go it!' class='consent-button btn'>OK, Go it!</button> 2429</div></div> 2430</div> 2431<div class='site-overlay'> 2432<div class='overlay-bg'></div> 2433<div class='main-search'> 2434<div class='form'> 2435<label class='label' for='mys'> 2436<div class='loader'><svg viewBox='0 0 50 50'><circle cx='25' cy='25' fill='none' r='20' stroke='currentColor' stroke-linecap='round' stroke-width='2.8'></circle></svg></div> 2437</label> 2438<input autocomplete='off' class='input' id='mys' placeholder='Search' type='text' value=''/> 2439<button aria-label='Close Search' class='close'>ESC</button> 2440</div> 2441<div class='search-content'> 2442<div class='search-results'></div> 2443</div> 2444</div> 2445<div class='slide-menu'> 2446<div class='slide-menu-header'> 2447<div class='mobile-logo'></div> 2448<button aria-label='Hide Menu' class='hide-mobile-menu'></button> 2449</div> 2450<div class='slide-menu-flex'> 2451<div class='mobile-menu'></div> 2452<div class='mm-footer flex-col'></div> 2453</div> 2454</div> 2455<button aria-label='Back To Top' class='to-top btn'></button> 2456</div> 2457<div class='hidden section' id='hidden'><div class='widget ContactForm' data-version='2' id='ContactForm1'> 2458<div class='widget-content contact-form-widget'> 2459<form class='contact-form-form' name='contact-form'> 2460<input ariby='Name' class='contact-form-name cf-s' id='ContactForm1_contact-form-name' name='name' placeholder='Name' size='30' type='text' value=''/> 2461<input ariby='Email *' class='contact-form-email cf-s' id='ContactForm1_contact-form-email' name='email' placeholder='Email *' size='30' type='text' value=''/> 2462<textarea ariby='Message *' class='contact-form-email-message cf-s' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' placeholder='Message *' rows='5'></textarea> 2463<input class='contact-form-button contact-form-button-submit btn' id='ContactForm1_contact-form-submit' type='button' value='Send'/> 2464<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p> 2465<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p> 2466</form> 2467</div> 2468</div></div> 2469<!-- Removed duplicate jQuery 3.6.0 load: jQuery 3.7.1 is already loaded (blocking) in <head>. Loading a second copy here with defer caused it to reload/replace window.jQuery after the page had already used the head copy, which — once Rocket Loader was no longer normalizing script execution order for us — left the pbtLazy()/pbtMenu() plugins bound to a jQuery instance that arrived too late, so thumbnails/avatars never got their background-image set. -->
2470<script type='text/javascript'> 2471 2472//<![CDATA[ 2473var a;"use strict";!function(e){e.fn.pbtMenu=function(){return this.each(function(){let t=e(this),s=t.find("a"),n=s.length;function o(e,t,s,n){for(let o=0;o<t;o++){let i=e.eq(o),r=i.text();"_"!==r.charAt(0)&&"_"===e.eq(o+1).text().charAt(0)&&(n=i.parent()).append(`<ul class="ul sub sm-${s}"/>`),"_"===r.charAt(0)&&i.text(r.replace("_","")).parent().appendTo(n.children(`.sm-${s}`))}}o(s,n,1),o(s,n,2),t.find(".sub").parent("li").addClass("has-sub"),t.children(".widget").addClass("is-ready")})}}(jQuery),function(e){e.fn.pbtToc=function(t){return this.each(function(){var s,n,o=[e(this)],i=this.tagName,r=0;n=(s=e.extend({content:"body",headings:"h1,h2,h3"},t)).headings.split(","),e(s.content).find(s.headings).attr("id",function(t,s){return s||function(e){0===e.length&&(e="?");for(var t=e.replace(/[^a-zA-Z ]/g,"").replace(/\s+/g,"_"),s="",n=1;null!==document.getElementById(t+s);)s="_"+n++;return t+s}(e(this).text())}).each(function(t,s){if(""!=(t=e(this)).text().trim()){if((s=e.map(n,function(e,s){return t.is(e)?s:void 0})[0])>r){var l=o[0].children("li").last()[0];l&&o.unshift(e("<"+i+"/>").appendTo(l))}else o.splice(0,Math.min(r-s,Math.max(o.length-1,0)));e("<li/>").appendTo(o[0]).append(e("<a/>").text(t.text()).attr("href","#"+t.attr("id"))),r=s}})})}}(jQuery),function(e){e.fn.pbtLazy=function(t){return t=e.extend({onScroll:!0},t),this.each(function(){let s=e(this),n=e(window),o=s.width()>=1?s.width():1,i=s.height()>=1?s.height():1,r="w"+Math.round(o+o/10)+"-h"+Math.round(i+i/10)+"-p-k-no-nu-rw",l="",c=s.data("src");if(c.match("resources.blogblog.com")&&(c="undefined"!=typeof noThumbnail?noThumbnail:pbt.noThumb),c.match("/img/a")||c.match("/blogger_img_proxy")){let d=c.split("=");c=(c.match("=")?d[0]:c)+"=w72-h72-p-k-no-nu"}function h(){let e=new Image;e.onload=function(){s.attr("style",`background-image:url('${this.src}')`).addClass("pbt-lazy")},e.src=l}c.match("/blogger_img_proxy")&&c.match("testonly")&&(c=c.replace("-testonly.",".")),l=c.match("w72-h72-p-k-no-nu")?c.match("=")?c.replace("=w72-h72-p-k-no-nu","="+r):c.replace("/w72-h72-p-k-no-nu","/"+r):c,!0==t.onScroll?n.on("load resize scroll",function e(){n.scrollTop()+n.height()>=s.offset().top&&(n.off("load resize scroll",e),h())}).trigger("scroll"):n.on("load",function e(){n.off("load",e),h()}).trigger("load")})}}(jQuery),(a=jQuery).fn.replaceText=function(e,t,s){return this.each(function(){var n,o,i=this.firstChild,r=[];if(i)do 3===i.nodeType&&(o=(n=i.nodeValue).replace(e,t))!==n&&(!s&&/</.test(o)?($(i).before(o),r.push(i)):i.nodeValue=o);while(i=i.nextSibling);r.length&&$(r).remove()})},function(e,t){var s,n;"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(s=(e=e||self).Cookies,(n=e.Cookies=t()).noConflict=function(){return e.Cookies=s,n})}(this,function(){"use strict";function e(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var n in s)e[n]=s[n]}return e}return function t(s,n){function o(t,o,i){if("undefined"!=typeof document){"number"==typeof(i=e({},n,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var r="";for(var l in i)i[l]&&(r+="; "+l,!0!==i[l]&&(r+="="+i[l].split(";")[0]));return document.cookie=t+"="+s.write(o,t)+r}}return Object.create({set:o,get:function(e){if("undefined"!=typeof document&&(!arguments.length||e)){for(var t=document.cookie?document.cookie.split("; "):[],n={},o=0;o<t.length;o++){var i=t[o].split("="),r=i.slice(1).join("=");try{var l=decodeURIComponent(i[0]);if(n[l]=s.read(r,l),e===l)break}catch(c){}}return e?n[e]:n}},remove:function(t,s){o(t,"",e({},s,{expires:-1}))},withAttributes:function(s){return t(this.converter,e({},this.attributes,s))},withConverter:function(s){return t(e({},this.converter,s),this.attributes)}},{attributes:{value:Object.freeze(n)},converter:{value:Object.freeze(s)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decode
2473URIComponent)}},{path:"/"})});const $w=$(window),$d=$(document),$h=$("html"),$b=$("body"),$loader='<div class="loader"><svg viewBox="0 0 50 50"><circle stroke-width="2.8" cx="25" cy="25" fill="none" r="20" stroke="currentColor" stroke-linecap="round"></circle></svg></div>';function getAttr(e,t){let s=e.split("$"),n=/([^{\}]+(?=}))/g,o=s.length;for(let i=0;i<o;i++){let r=s[i].split("=");if(r[0].trim()==t){let l=r[1];if(l&&null!=l.match(n))return String(l.match(n)).trim();break}}return!1}function darkModeLogo(e){$("[data-dark-src]").each(function(){let t=$(this),s=t.data("dark-src"),n=t.data("src");"true"==e?t.attr("src",s):t.attr("src",n)})}function openSearch(){localStorage.search_term="",$b.removeClass("share-on").addClass("search-on"),setTimeout(function(){$(".main-search input").focus()},250)}function cleanSearch(){setTimeout(function(){$(".main-search input").blur().val(""),$(".search-results").html("").removeClass("scroll").parent().removeClass("visible")},250)}function closeSearch(){$(".main-search .close, .search-on .overlay-bg").on("click",function(){$b.removeClass("search-on"),cleanSearch()}),$w.on("keydown",function(e){27==e.keyCode&&($b.removeClass("search-on"),cleanSearch())})}function pAd(e,t){$(e).find("noscript").each(function(){let e=$(this),s=e.text();$(t).html(`<div class="widget">${s}</div>`)})}function closeShare(){$b.removeClass("share-on")}function openShare(){cleanSearch(),$b.removeClass("search-on").addClass("share-on"),$(".hide-modal, .share-on .overlay-bg").on("click",function(){closeShare()}),$w.on("keydown",function(e){27==e.keyCode&&closeShare()})}function navShortcuts(e){$(e).each(function(){let e=$(this).attr("href");e&&window.open(e,"_self")})}function msgError(e){return`<span class="error-msg">${("search"!=e?"<b>Error:</b> ":"")+pbt.noResults}</span>`}function getFeedUrl(e,t){let s;return s="recent"===t?`/search/?by-date=true&max-results=${e}&view=json`:`/search/label/${t}?by-date=true&max-results=${e}&view=json`}function getPostTitle(e,t){let s=e.target?`target="${e.target}"`:"",n="false"!=t.link?`<a href="${e.post.link}" ${s}>${e.post.title}</a>`:e.post.title,o=`<h2 class="entry-title">${n}</h2>`;return o}function getPostMeta(e,t){let s=pbt.postAuthor&&"false"!=t.author?`<span class="entry-author"><span class="author-name">${e.post.author}</span></span>`:"",n=!0==pbt.postDate&&"false"!=t.date?`<span class="entry-time"><time class="published" datetime="${e.post.published.datetime}">${e.post.published.date}</time></span>`:"",o=s||n?`<div class="entry-meta">${s+n}</div>`:"";return o}function getPostImage(e,t){let s="false"!=t.icon&&("youtube"==e.post.thumbnail.source||"video"==e.type)?`<span class="yt-img${t.size?":x"+t.size:""}"></span>`:"",n=`<div class="thumbnail" data-src="${e.post.thumbnail.src}"></div>`,o=e.target?`target="${e.target}"`:"",i="false"!=t.link?`<a class="entry-thumbnail" href="${e.post.link}" ${o}>${n+s}</a>`:`<div class="entry-thumbnail">${n+s}</div>`;return i}function getPostTag(e){let t=pbt.postCategory&&e.post.category?`<span class="entry-tag">${e.post.category}</span>`:"";return t}function getPostSummary(e){let t=pbt.postSummary&&e.post.summary?`<span class="entry-excerpt excerpt">${e.post.summary}</span>`:"";return t}function getPostContent(e){let t=e.type,s=e.index,n=e.post,o=e.num,i=e.headline,r=e.target,l=n.link,c=function(e={}){return getPostImage({type:t,post:n,target:r},e)},d=function(e={}){return getPostTag({post:n},e)},h=function(e={}){return getPostTitle({post:n,target:r},e)},f=function(e={}){return getPostSummary({post:n},e)},u=function(e={}){return getPostMeta({post:n},e)},p="";switch(t){case"mega":case"megatabs":p=`<div class="post fadeInDown" style="animation-delay:${(.1*s).toFixed(1)}s;">${c({size:"2"})}<div class="entry-header">${h()+u({author:"false"})}</div></div>`;break;case"search":p=s!=o?`<div class="post fadeInDown" style="animation-delay:${(.1*s).toFixed(1)}s;">${c({size:"4"})}<div class="entry-header">${h()+u({author:"false"})}</div></div>`:"";break;case"featured":p=0===s?`<div class="row-0 post first"><a class="entry-inner flex-c" href="${l}"><div class="container">${c({icon:"false",link:"false"})}<div class="entry-header">${d()+h({link:"false"})+u()}</div></div></a></div>`:(1==s?'<div class="row-1 flex-c"><div class="container"><div class="grid">':"")+`<div class="post">${c({size:"4"})}<div class="entry-header">${h()+u({author:"false"})}</div></div>`;break;case"grid":case"list":p=`<div class="post">${c()}<div class="entry-header">${d()+h()+f()+u()}</div></div>`;break;case"block1":p=0===s?`<div class="post first">${c()}<div class="entry-header">${d()+h()+f()+u()}</div></div>`:(1==s?`<div class="${t}-list">`:"")+`<div class="post">${c({size:"3"})}<div class="entry-header">${h()+u({author:"false"})}</div></div>`;break;case"block2":p=0===s?`<div class="post card cs"><a class="entry-inner" href="${l}">${c({link:"false"})}<div class="entry-header">${d()+h({link:"false"})+u()}</div></a></div>`:(1==s?`<div class="${t}-grid">`:"")+`<div class="post">${c()}<div class="entry-header">${d()+h()+f()+u()}</div></div>`;break;case"story":p=`<div class="post card cs"><a class="entry-inner" href="${l}">${c({link:"false"})}<div class="entry-header">${h({link:"false"})+u({author:"false"})}</div></a></div>`;break;case"video":p=0===s?`<div class="post first">${c()}<div class="entry-header">${d()+h()+f()+u()}</div></div>`:(1==s?`<div class="${t}-grid">`:"")+`<div class="post">${c({size:"3"})}<div class="entry-header">${h()+u({author:"false"})}</div></div>`;break;case"card":p=`${c({size:"2"})}<div class="entry-header">${i+h()+u()}</div>`;break;case"related":p=s!=o-1?`<div class="post">${c({size:"2"})}<div class="entry-header">${h()+u({author:"false"})}</div></div>`:"";break;case"side":p=`<div class="post">${c({size:"3"})}<div class="entry-header">${h()+u({author:"false"})}</div></div>`}return p}function getRecentPostsData(e){let t=$.ajax({url:getFeedUrl(e,"recent"),type:"GET",async:!1,dataType:"html",cache:!0,success:function(e){return e}}).responseText,s=JSON.parse($(t).find("#data").text()),n=s.posts;return n}function getPosts(e){let t=e.t,s=e.type,n=e.num,o=e.label?e.label:"recent",i=e.id,r=e.link,l=e.headline,c=e.target;$.ajax({url:"card"!=s&&"search"!=s?getFeedUrl(n,o):r,type:"GET",async:!0,dataType:"html",cache:!0,beforeSend:function(e){switch(s){case"mega":case"megatabs":case"card":case"related":t.html($loader);break;case"search":t.removeClass("scroll").parent().parent().addClass("loading");break;default:t.html($loader).parent().addClass("type-"+s)}},success:function(e){let r="",d=0,h=!1;
2473switch(s){case"mega":case"megatabs":r='<div class="mega-items">';break;case"featured":r='<div class="featured-items cs">';break;case"card":r='<div class="post">';break;default:r=`<div class="${s}-items">`}let f=$(e).find("#data");if(f.length){let u=JSON.parse(f.text()),p="card"!=s?u.posts:u.postData;if(p){if("related"==s){1==p.length&&"recent"!=o&&(p=getRecentPostsData(n));let g=p.length;for(let m=0;m<g;m++)if(1!=p.length&&u.posts[m].id==i){p.splice(m,1);break}}let b=p.length;for(let v=0;v<b;v++){let y=p[v];r+=getPostContent({type:s,index:v,post:y,num:n,headline:l,target:c})}d=b}else h=!0}else h=!0;switch(r+="</div>",r=h?msgError(s):r,s){case"search":t.html(r).parent().addClass("visible").parent().removeClass("loading");let k=t.parent().find(".view-all");if(n<d){let w=`/search?q=${o}&by-date=true`;k.length?k.find("a").attr("href",w):t.parent().append(`<div class="view-all"><a class="btn" href="${w}">${pbt.viewAll}</a></div>`)}else k.remove();setTimeout(function(){t.addClass("scroll")},500);break;case"featured":r=h?r:r+"</div></div></div>",t.html(r);break;case"video":if(t.html(r),!h){let C=t.find(".first .thumbnail").data("src");t.parent().attr("style",`background-image:url('${C}')`)}break;default:t.html(r)}switch(s){case"mega":case"megatabs":case"search":t.find(".thumbnail").pbtLazy({onScroll:!1});break;default:t.find(".thumbnail").pbtLazy()}},error:function(){t.html(msgError(s))}})}function megaTabs(e,t){let s=t.length,n='<div class="mega-tabs">',o="",i="";for(let r=0;r<s;r++)if(t[r]&&r<=4){let l=0==r?'class="active"':"";o+=`<a href="/search/label/${t[r]}" ${l}>${t[r]}</a>`,i+=`<div data-tab="${t[r]}" ${l}></div>`}n+=`<div class="nav">${o}</div><div class="tabs">${i}</div></div>`,e.addClass("type-tabs").children("a").removeAttr("data-shortcode").on("click",function(e){e.preventDefault()}).parent().find(".container").html(n);let c=e.find(".nav a"),d=e.find("[data-tab]");e.on("mouseenter",function(){let e=d.filter(".active");$(e).hasClass("loaded")||(e.addClass("loaded"),t=e.data("tab"),getPosts({t:e,type:"megatabs",num:5,label:t}))}),c.on("mouseenter",function(){let e=$(this),s=e.index(),n=d.eq(s);e.addClass("active").siblings().removeAttr("class"),n.addClass("active").siblings().removeClass("active"),$(n).hasClass("loaded")||(n.addClass("loaded"),t=n.data("tab"),getPosts({t:n,type:"megatabs",num:5,label:t}))})}function getSearch(e,t){let s=e.val(),n=s.trim();""!=n&&n!=localStorage.search_term&&(localStorage.search_term=n,getPosts({t:t,type:"search",num:4,label:n,link:`/search/?q=${n}&by-date=true&max-results=5&view=json`}))}function getPostCard(){$(".post-card").each(function(){let e=$(this),t=e.data("url"),s=e.data("title"),n=e.data("target"),o=s?`<span class="entry-headline">${s}</span>`:"";t?($w.on("load resize scroll",function s(){$w.scrollTop()+$w.height()>=e.offset().top&&($w.off("load resize scroll",s),getPosts({t:e,type:"card",link:t,headline:o,target:n}))}).trigger("scroll"),e.removeAttr("data-url").removeAttr("data-title").removeAttr("data-target")):e.html(msgError())})}function disqusComments(e){let t=document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript",s.async=!0,s.src=`https://${e}.disqus.com/blogger_item.js`,t.appendChild(s)}function beautiAvatar(e){$(e).attr("src",function(e,t){let s="//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCxxt0n6b048h4UEHf-L5T22U8xCk-IsG2qbfVUMBMKdt2t3ijO6qz--5UBg63qH4V_6z8uIBe7z6VNnueFbF3XKIWkCJPmFQqfm3Rmx3tpBOk74LGDZrUEgGnJF2-VDrzlkZSVyJs2sYjtiCytrEjsw23o88dqy5mdjw0KPwNuySVA7iYfdHWYpgsuQ/s35/avatar.webp";return t=t.replace("//resources.blogblog.com/img/blank.gif",s).replace("//lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SA=s35",s).replace("/s35","/s44-rw").replace("=s35","=s44-rw")}).attr("alt","User Avatar")}$("#main-menu").pbtMenu(),$(".dark-logo").each(function(){!0==pbt.isDark&&darkModeLogo("true")}),$h.each(function(){let e=$(this),t=localStorage.dark_mode;!0!=pbt.isDark&&!1!=pbt.userDarkMode&&("true"==t&&(e.addClass("is-dark"),darkModeLogo(t)),$(".darkmode-toggle").on("click",function(){let s=$(this);s.hasClass("dark-on")?s.removeClass("dark-on").addClass("dark-off"):s.removeClass("dark-off").addClass("dark-on"),e.toggleClass("is-dark"),t="true"!=t?"true":"false",localStorage.dark_mode=t,dar
2473kModeLogo(t)}))}),$(".search-toggle").on("click",function(e){openSearch(),closeSearch()}),$w.on("keydown",function(e){e.ctrlKey&&75==e.keyCode&&(e.preventDefault(),openSearch(),closeSearch())}),$(".sidebar .social a").each(function(){let e=$(this),t=e.attr("href"),s=t.split("#"),n=e.data("text");if(s[1]&&!0==n){let o=s[1].trim();""!=o&&e.append(`<span class="text">${o}</span>`)}e.attr("href",s[0].trim())}),$(".MailChimp").each(function(){let e=$(this);if(options.subscribeFormUrl){let t=e.find(".mailchimp-form");options.subscribeMessage&&e.find(".mailchimp-text").html(options.subscribeMessage),t.attr("action",options.subscribeFormUrl).attr("onsubmit",`window.open('${options.subscribeFormUrl}', 'popupwindow', 'scrollbars=yes,width=550,height=520'); return true`),t.find(".mailchimp-submit").removeAttr("disabled")}}),$(".post-body a").each(function(){let e=$(this),t=e.text(),s=getAttr(t,"text");if(t.match("getButton")&&s&&(e.replaceText(/([^{\}]+(?=}))/g,"<em>$1</em>"),e.find("em").replaceText("$","%s"),e.each(function(){let e=$(this),t=e.text(),s=getAttr(t,"text"),n=getAttr(t,"icon"),o=getAttr(t,"color"),i=getAttr(t,"size"),r=getAttr(t,"info"),l=getAttr(t,"id"),c=e.parent().attr("style");e.addClass(i?"button btn x2":"button btn").text(s.replace("%s","$")),l&&e.attr("href",e.attr("href")+"#gd="+btoa(l)),!1!=n&&e.addClass(n),o&&e.addClass("color").attr("style",`background:${o};`),c&&c.match("center")&&e.addClass("is-c"),r&&(e.addClass(n?"x2 "+n:"x2"),e.append(`<span class="btn-info">${r.replace("%s","$")}</span>`))})),t.match("getCard")){let n=getAttr(t,"type"),o=getAttr(t,"title"),i=e.attr("href"),r=e.attr("target");switch(n){case"download":case"product":case"custom":e.replaceText(/([^{\}]+(?=}))/g,"<em>$1</em>"),e.find("em").replaceText("$","%s"),e.each(function(){let e=$(this),t=e.text(),s=getAttr(t,"button"),o=getAttr(t,"icon"),l=getAttr(t,"title"),c=getAttr(t,"info"),d=getAttr(t,"id");c=c?`<span class="card-meta">${c.replace("%s","$")}</span>`:"",e.replaceWith(`<div class="cta-card ${n}"><div class="card-header"><div class="card-icon"><i class="bi" data-icon="${o||("download"==n?"":"product"==n?"":"")}"></i></div><div class="card-info"><span class="card-title">${l||pbt.noTitle}</span>${c}</div></div><a class="card-btn btn" href="${i?"download"==n&&d?i+"#gd="+btoa(d):i:"#"}" target="${r||"_self"}">${s||'<i class="bi bi-box-arrow-up-right"></i>'}</a></div>`)});break;default:e.replaceWith(`<div class="post-card" data-url="${i}" data-title="${o}" data-target="${r||"_self"}"/>`)}}}),$(".post-body blockquote").each(function(){let e=$(this),t=[{shc:"{alertSuccess}",cls:"success"},{shc:"{alertInfo}",cls:"info"},{shc:"{alertWarning}",cls:"warning"},{shc:"{alertError}",cls:"error"},{shc:"{codeBox}",cls:"code"}],s=e.text(),n=e.html();function o(t,o){s.trim().match(t)&&(n=n.replace(t,""),e.replaceWith("code"!=o?`<div class="alert-message alert-${o}">${n}</div>`:`<pre class="code-box">${n}</pre>`))}for(let i in t)o(t[i].shc,t[i].cls)}),$(".post-body b").each(function(){let e=$(this),t=e.text();function s(e){return t.trim().match(e)}if((s("{inAds}")||s("{ads}")||s(/\$ads=\{1\}/g)||s(/\$ads=\{2\}/g))&&e.replaceWith('<div class="article-ads"/>'),s("{showAds}")&&e.replaceWith(""),s("{nextPage}")&&e.replaceWith("<!-- nextpage -->"),s("{getToc}")){let n=getAttr(t,"title"),o=getAttr(t,"count"),i=getAttr(t,"expanded");n=n||"Table of Contents",e.replaceWith(`<div class="pbt-toc-wrap"><div class="pbt-toc-inner"><button class="pbt-toc-title" aria-label="${n}"><span class="pbt-toc-title-text">${n}</span></button><ol id="pbt-toc" data-count="${o||"true"}"></ol></div></div>`);let r=$("#pbt-toc");i&&"true"==i&&($(".pbt-toc-title").toggleClass("is-expanded"),r.show()),$(".pbt-toc-title").on("click",function(){$(this).toggleClass("is-expanded"),r.slideToggle(170)}),r.pbtToc({content:"#post-body",headings:"h2,h3,h4"}),r.find("a").each(function(){let e=$(this);e.on("click",function(t){return t.preventDefault(),$("html,body").animate({scrollTop:$(e.attr("href")).offset().top-20},500),!1})})}function l(t,n){s(t)&&($b.attr("class").match(/is-left|is-right|no-sidebar/)||($b.addClass(n),"is-right"==n&&$b.removeClass("is-left")),e.remove())}s("{contactForm}")&&(e.replaceWith('<div class="contact-form-widget"/>'),$(".post-body .contact-form-widget").append($("#ContactForm1 form")));let c=[{shc:"{leftSidebar}",cls:"is-left"},{shc:"{rightSidebar}",cls:"is-right"},{shc:"{noSidebar}",cls:"no-sidebar"},{shc:"{fullWidth}",cls:"no-sidebar"}];for(let d in c)l(c[d].shc,c[d].cls);if(s("{getLink}")){let h=getAttr(t,"seconds"),f=getAttr(t,"before"),u=getAttr(t,"after"),p=getAttr(t,"message"),g=getAttr(t,"size");e.replaceWith(`<div class="flex-c"><div class="gd-link"><div class="gd-countdown"><span class="gd-seconds">${h||"15"}</span><span class="gd-message">${p||"Please wait..."}</span></div><button class="get-link button btn link${g?" x2":""}" disabled>${f||"Generate Link"}</button><button class="goto-link button btn link${g?" x2":""}">${u||"Go to Link"}</button></div></div>`),$(".gd-link").each(function(){let e=$(this),t=e.find(".get-link"),s=e.find(".goto-link"),n=e.find(".gd-seconds"),o=window.location.href,i=o.match(/\?/g)?"&":"?",r=new URL(o.replace("#",i)),l=new URLSearchParams(r.
2473search),c=l.get("gd"),d=l.get("go"),f=h?Number(h)-1:14;c?localStorage.gd_key=c:localStorage.gd_key=0,d?localStorage.go_key=d:localStorage.go_key=0,(c||d)&&t.removeAttr("disabled").on("click",function(){if(t.not("[disabled]")){e.addClass("loading");let s=setInterval(function t(){0==f?(clearTimeout(s),e.addClass("loaded").removeClass("loading"),$(".gd-btn").removeAttr("disabled")):(n.text(f),f--)},1e3)}}),s.on("click",function(){$("html,body").animate({scrollTop:$(".gd-btn").offset().top-$w.height()/2+$(".gd-btn").height()/2},500)})})}if(s("{getDownload}")){let m=getAttr(t,"button"),b=getAttr(t,"size");e.replaceWith(`<div class="flex-c"><button class="gd-btn button btn download has-loader${b?" x2":""}" disabled>${$loader}${m||"Download"}</button></div>`),$(".gd-btn").each(function(){let e=$(this);e.on("click",function(){if(e.not("[disabled]")){let t=localStorage.gd_key,s=localStorage.go_key,n=0!=t?`https://drive.google.com/uc?id=${atob(t)}&export=download`:0!=s&&atob(s);n&&(e.addClass("loading"),setTimeout(function(){window.open(n,"_self"),e.removeClass("loading")},2e3))}})})}if(s("{getContinue}")){let v=getAttr(t,"button"),y=getAttr(t,"size");e.replaceWith(`<div class="flex-c"><button class="go-btn button btn continue has-loader${"1"==y?" x1":" x2"}" disabled>${$loader}${v||"Continue"}</button></div>`),$(".go-btn").each(function(){let e=$(this),t=window.location.href,s=t.match(/\?/g)?"&":"?",n=new URL(t.replace("#",s)),o=new URLSearchParams(n.search),i=o.get("go"),r=!!i&&atob(i);r&&(e.removeAttr("disabled"),e.on("click",function(){e.not("[disabled]")&&(e.addClass("loading"),setTimeout(function(){window.open(r,"_self"),e.removeClass("loading")},2e3))}))})}}),$(".before-ads").each(function(){$("#post-ads-1").length&&pAd("#post-ads-1",$(this))}),$(".after-ads").each(function(){$("#post-ads-2").length&&pAd("#post-ads-2",$(this))}),$(".article-ads").each(function(){$("#post-ads-3").length&&pAd("#post-ads-3",$(this))}),$(".post-footer-ads").each(function(){$("#post-ads-4").length&&pAd("#post-ads-4",$(this))}),$(".blog-post article").each(function(){let e=$(this),t=e.find(".post-body"),s=e.find(".pagination"),n=t.html().split(/<!\-\-\s*nextpage\s*\-\->/i),o=n.length,i=0;if(o>1){function r(){let e=window.location.href,r=e.match(/\?/g)?"&":"?",l=new URL(e.replace("#",r)),c=new URLSearchParams(l.search),d=c.get("page");i=(i=Number(0==d||d<0?1:d||1)-1)>=o?o-1:i,t.html(n[i]),function e(t){let n=options.pageOf?options.pageOf:"Page {page} of {pages}",i=options.prevPage?options.prevPage:"Previous",r=options.nextPage?options.nextPage:"Next",l=t+1,c=l>1?`<a href="#page=${t}" class="prev btn">${i}</a>`:"",d=l<o?`<a href="#page=${t+2}" class="next btn">${r}</a>`:"";s.html(`${c}<span class="info">${n.replace("{page}",l>o?o:l).replace("{pages}",o)}</span>${d}`).addClass("visible")}(i),s.find(".btn").on("click",function(){$("html, body").animate({scrollTop:0},500)}),getPostCard()}$w.on("hashchange",r),r()}}),$(".window-open").on("click",function(e){e.preventDefault();let t=$(this),s=t.attr("href"),n=window.open(s,"_blank","scrollbars=yes,resizable=yes,toolbar=0,width=860,height=540,top=50,left=50");n.focus()}),$w.on("keydown",function(e){pbt.isPost&&e.ctrlKey&&83==e.keyCode&&(e.preventDefault(),openShare())}),$(".post-share .show-more button, .share-toggle").on("click",function(){openShare()}),$(".copy-link").each(function(){let e=$(this),t=e.children("input");t.on("click",function(){this.select()}),e.children("button").on("click",function(){navigator.clipboard.writeText(t.val()),e.removeClass("copied-off").addClass("copied"),setTimeout(function(){e.removeClass("copied").addClass("copied-off")},3e3)})}),$(".about-author .author-text").each(function(){let e=$(this),t=e.find("a");t.length&&(t.each(function(){let e=$(this),t=e.text().trim(),s=e.attr("href"),n="external-link"==t?"website":t;e.replaceWith(`<li class="${n}"><a class="bi-${n}" href="${s}" title="${n}" rel="nofollow noopener" target="_blank"></a></li>`)}),e.parent().append('<ul class="author-links social color"></ul>'),e.find("li").appendTo(e.parent().find(".author-links")))}
2473),$w.on("keydown",function(e){pbt.isPost&&(e.ctrlKey&&37==e.keyCode?(e.preventDefault(),navShortcuts(pbt.isRTL?".post-nav-older-link":".post-nav-newer-link")):e.ctrlKey&&39==e.keyCode&&(e.preventDefault(),navShortcuts(pbt.isRTL?".post-nav-newer-link":".post-nav-older-link")))}),$(".main-nav .has-mega").each(function(){let e=$(this),t=e.find("a"),s=t.data("shortcode"),n=getAttr(s,"label"),o=n||"recent",i=o.split("/"),r=o.match("/")&&i[0]?"tabs":!o.match("/")&&"mega";if("mega"==r){let l="recent"==o?"/search":`/search/label/${o}`;e.addClass("type-mega").on("mouseenter",function(){if(!e.hasClass("loaded")){e.addClass("loaded");let t=e.find(".container");getPosts({t:t,type:"mega",num:5,label:o})}}).children("a").attr("href",l).removeAttr("data-shortcode")}else"tabs"==r?megaTabs(e,i):e.addClass("loaded").find(".container").html(msgError())}),$(".main-search").each(function(){let e=$(this),t=e.find("input"),s=e.find(".search-results"),n;$w.on("input",function(e){e.preventDefault(),clearTimeout(n),n=setTimeout(function(){getSearch(t,s)},500)})}),$(".featured .getPosts").each(function(){let e=$(this).find(".widget-content"),t=e.data("shortcode");if(t){let s=getAttr(t,"label");$w.on("load resize scroll",function t(){$w.scrollTop()+$w.height()>=e.offset().top&&($w.off("load resize scroll",t),getPosts({t:e,type:"featured",num:4,label:s}))}).trigger("scroll"),e.removeAttr("data-shortcode")}}),$(".content-section .getPosts").each(function(){let e=$(this).find(".widget-content"),t=e.data("shortcode");if(t){let s=getAttr(t,"results"),n=getAttr(t,"label"),o=getAttr(t,"type"),i=n||"recent",r=o||"block1",l=s||("block2"==r?5:4);l="block1"==r||"video"==r?5:"story"==r?3:l,"grid"==r||"list"==r||"block1"==r||"block2"==r||"story"==r||"video"==r?(i&&e.parent().find(".title-link").attr("href","recent"==i?"/search":"/search/label/"+i),$w.on("load resize scroll",function t(){$w.scrollTop()+$w.height()>=e.offset().top&&($w.off("load resize scroll",t),getPosts({t:e,type:r,num:l,label:i}))}).trigger("scroll")):e.html(msgError()),e.removeAttr("data-shortcode")}}),$(".sidebar .getPosts, .footer .getPosts").each(function(){let e=$(this).find(".widget-content"),t=e.data("shortcode");if(t){let s=getAttr(t,"results"),n=s||4,o=getAttr(t,"label");$w.on("load resize scroll",function t(){$w.scrollTop()+$w.height()>=e.offset().top&&($w.off("load resize scroll",t),getPosts({t:e,type:"side",num:n,label:o}))}).trigger("scroll"),e.removeAttr("data-shortcode")}}),getPostCard(),$("#related-posts .HTML").each(function(){let e=$(this),t=e.data("shortcode");t&&$(".related-wrap").each(function(){let s=$(this),n=s.find(".related-tag"),o=n.data("id"),i=n.data("label"),r=s.find(".widget-content"),l=function e(){let s=getAttr(t,"results"),n=s?Number(s)+1:4,o=getAttr(t,"label");return[n,o]}(),c=l[0],d=l[1],h=d&&d!=i&&"related"!=d?d:i;d&&d!=i&&"related"!=d&&r.parent().find(".title-link").attr("href","/search/label/"+h),$w.on("load resize scroll",function t(){$w.scrollTop()+$w.height()>=r.offset().top&&($w.off("load resize scroll",t),getPosts({t:r,type:"related",num:c,label:h,id:o}),e.parent().remove())}).trigger("scroll")})}),$(".blog-post-comments").each(function(){let e=$(this),t=e.data("shortcode"),s=getAttr(t,"type"),n=`${s}-comments`;switch(s){case"disqus":let o=getAttr(t,"shortname");!1!=o&&(disqus_shortname=o),disqusComments(disqus_shortname),e.addClass(n+" visible");break;case"facebook":let i=getAttr(t,"lang"),r=!1!=i?`https://connect.facebook.net/${i}/all.js#xfbml=1&version=v14.0`:"https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v14.0";$("head").append(`
2473<script async="async" defer="defer" crossorigin="anonymous" src="${r}" />`),e.addClass(n).find("#comments").html(`<div class="fb-comments" data-width="100%" data-href="${disqus_blogger_current_url}" order_by="time" data-numposts="5" data-lazy="true"></div>`),e.addClass("visible");break;default:e.addClass("blogger-comments visible"),e.find("#top-continue .comment-reply").addClass("btn"),beautiAvatar(".avatar-image-container img")}let l=e.find(".comments .comment-reply"),c=e.find(".comments #top-continue"),d=e.find(".show-cf");l.on("click",function(t){t.preventDefault(),e.addClass("cf-on"),c.show(),d.remove()}),c.on("click",function(e){e.preventDefault(),c.hide()}),d.on("click",function(){e.addClass("cf-on"),d.remove()})}),$(function(){$(".entry-thumbnail .thumbnail, .entry-avatar .avatar").not(".pbt-lazy").pbtLazy(),$(".header-inner").each(function(){let e=$(this);if(!0==pbt.stickyMenu&&e.length>0){let t=$d.scrollTop(),s=e.offset().top,n=e.height(),o=s+2*n;$w.scroll(function(){let s=$d.scrollTop(),n=e.offset().top,i=$(".main-header").offset().top+1;s>o?e.addClass("is-fixed"):n<=i&&e.removeClass("is-fixed").removeClass("show"),s<t?setTimeout(function(){n>=i&&e.addClass("show")},250):setTimeout(function(){e.removeClass("show")},250),t=s})}}),$(".mobile-logo").each(function(){let e=$(this),t=$(".main-logo a").clone();t.find("h1").remove(),t.appendTo(e)}),$(".mobile-menu").each(function(){let e=$(this),t=$(".main-nav").clone();t.attr("class","mobile-nav").find(".sub").attr("class","sub"),t.find(".type-mega").removeAttr("class").find(".ul").remove(),t.find(".type-tabs .nav a").removeAttr("class").wrap("<li/>"),t.find(".type-tabs").attr("class","has-sub").find(".ul").each(function(){let e=$(this),t=e.find(".nav").html();e.replaceWith(`<ul class="sub">${t}</ul>`)}),t.appendTo(e),$(".menu-toggle, .hide-mobile-menu").on("click",function(){$b.toggleClass("menu-on"),$(".menu-on .overlay-bg").on("click",function(){$b.removeClass("menu-on")})}),$(".mobile-menu .has-sub > a").on("click",function(e){e.preventDefault();let t=$(this);t.parent().hasClass("expanded")?t.parent().removeClass("expanded").children(".sub").slideToggle(170):t.parent().addClass("expanded").children(".sub").slideToggle(170)})}),$(".mm-footer").each(function(){let e=$(this),t=$(".footer-info .social"),s=$(".footer-menu ul"),n=!!t.length&&t.clone(),o=!!s.length&&s.clone();n&&(n.attr("class","social color").find(".text").remove(),e.append(n)),o&&(o.attr("class","links"),e.append(o))}),$("#load-more").each(function(){let e=$(this),t=$(".blog-pager .loading"),s="visible",n=e.data("url");e.on("click",function(o){o.preventDefault(),e.removeClass(s),$.ajax({url:n,beforeSend:function(){t.addClass(s)},success:function(t){let o=$(t).find(".blog-posts");o.find(".post").each(function(e){$(this).addClass("fadeInUp").attr("style",`animation-delay:${(.1*e).toFixed(1)}s;`)}),$(".blog-posts").append(o.html()),(n=$(t).find("#load-more").data("url"))?e.addClass(s):(e.removeClass(s),$(".blog-pager .no-more").addClass(s))},complete:function(){t.removeClass(s),$(".blog-posts .thumbnail").not(".pbt-lazy").pbtLazy()}})})}),$("p.comment-content").each(function(){let e=$(this);e.replaceText(/\{image\}([^\}]*)\{\/image\}/g,'<img class="comment-image" src="$1" alt="Comment Image" loading="lazy"/>'),e.replaceText(/\{video\}([^\}]*)\{\/video\}/g,'<span class="comment-video-url">$1</span>'),e.find(".comment-video-url").each(function(){var e;let t=$(this),s=t.text(),n,o,i,r;t.replaceWith((e=s,n=new URL(e),o=new URLSearchParams(n.search),(r=(i=!!e.match("youtube.com")&&o.get("v"))||!!e.match("youtu.be")&&n.pathname.replace("/",""))?`<div class="comment-video" data-id="${r}"><img width="100%" height="315" src="https://i.ytimg.com/vi/${r}/hqdefault.jpg" alt="YouTube Video Cover" loading="lazy"/><span class="yt-img"></span></div>`:"Error: "+pbt.noResults))}),e.find(".comment-video").each(function(){let e=$(this),t=e.data("id");e.on("click",function(){e.replaceWith(`<iframe width="100%" height="315" src="https://www.youtube.com/embed/${t}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>`)})})}),$(".cookie-consent").each(function(){let e=$(this),t=e.find(".consent-button");e.length>0&&("true"!==Cookies.get("cookie_consent")&&(e.css("display","block"),$w.on("load",function(){e.addClass("visible")})),t.off("click").on("click",function(t){t.stopPropagation(),Cookies.set("cookie_consent","true",{expires:7,path:"/"}),e.removeClass("visible"),setTimeout(function(){e.css("display","none")},500)}))}),$(".to-top").each(function(){let e=$(this);$w.on("scroll",function(){$(this).scrollTop()>=100?e.addClass("show"):e.removeClass("show"),e.offset().top>=$(".site-footer").offset().top-36?e.addClass("on-footer"):e.removeClass("on-footer")}),e.on("click",function(){$("html, body").animate({scrollTop:0},500)})})}),pbt.hasCookie&&(window.cookieChoices={}); 2474//]]> 2475</script>
vendor: 1 bytes, line 2475
2475
2476<script type='text/javascript'> 2477//<![CDATA[ 2478$(document).ready(function() { 2479 // Fallback if the theme's lazy load function fails to run on any element. 2480 setTimeout(function() { 2481 // 1. Plain <img data-src> / <img data-deferred-src> elements 2482 $('img[data-src], img[data-deferred-src]').each(function() { 2483 var realSrc = $(this).attr('data-src') || $(this).attr('data-deferred-src'); 2484 if (realSrc) { 2485 $(this).attr('src', realSrc).removeAttr('data-src').css('opacity', '1'); 2486 } 2487 }); 2488 // 2. This theme's actual lazy-load targets: div.thumbnail / span.avatar elements 2489 // that pbtLazy() turns into a CSS background-image. If pbtLazy never ran on 2490 // them (e.g. jQuery loaded late), set the background-image directly here. 2491 $('.thumbnail[data-src], .avatar[data-src]').not('.pbt-lazy').each(function() { 2492 var el = $(this); 2493 var realSrc = el.data('src'); 2494 if (realSrc) { 2495 var img = new Image(); 2496 img.onload = function() { 2497 el.css('background-image', "url('" + this.src + "')").addClass('pbt-lazy'); 2498 }; 2499 img.src = realSrc; 2500 } 2501 }); 2502 console.log('Fallback: Manually restored missing lazy-loaded thumbnails.'); 2503 }, 1500); // Waits 1.5 seconds to catch any missing thumbnails 2504}); 2505//]]> 2506</script>
2506 2507
2508<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/851759228-widgets.js"></script>
vendor: 1 bytes, line 2508
2508
2509<script type='text/javascript'> 2510window['__wavt'] = 'AAPvtVk2tit0V0xNhxwEm0OzL_yG:1791151790381';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1344866248136008204','//www.hotelier-indonesia.com/p/contact-form.html','1344866248136008204'); 2511_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '1344866248136008204', 'title': 'Hotelier Indonesia Magazine', 'url': 'https://www.hotelier-indonesia.com/p/contact-form.html', 'canonicalUrl': 'https://www.hotelier-indonesia.com/p/contact-form.html', 'homepageUrl': 'https://www.hotelier-indonesia.com/', 'searchUrl': 'https://www.hotelier-indonesia.com/search', 'canonicalHomepageUrl': 'https://www.hotelier-indonesia.com/', 'blogspotFaviconUrl': 'https://www.hotelier-indonesia.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'G-8ZY3K47JF8', 'analytics4': true, 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Hotelier Indonesia Magazine - Atom\x22 href\x3d\x22https://www.hotelier-indonesia.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Hotelier Indonesia Magazine - RSS\x22 href\x3d\x22https://www.hotelier-indonesia.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Hotelier Indonesia Magazine - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/1344866248136008204/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-2476316278668734', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': true, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/16553222d8843616', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}
2511, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'static_page', 'pageId': '7798509791567476922', 'pageName': 'Contact ', 'pageTitle': 'Hotelier Indonesia Magazine: Contact ', 'metaDescription': ''}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Contact ', 'description': '', 'url': 'https://www.hotelier-indonesia.com/p/contact-form.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': true, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'pageId': 7798509791567476922}}, {'name': 'widgets', 'data': [{'title': 'Advanced', 'type': 'LinkList', 'sectionId': 'pbt-panel', 'id': 'LinkList205'}, {'title': '{ads}', 'type': 'HTML', 'sectionId': 'header-ads', 'id': 'HTML1'}, {'title': '', 'type': 'Image', 'sectionId': 'main-logo', 'id': 'Image50'}, {'title': '', 'type': 'LinkList', 'sectionId': 'main-menu', 'id': 'LinkList200'}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'featured', 'id': 'PopularPosts2', 'posts': [{'title': 'Hotel Des Arts Saigon Boosts RevPAR by 21.6%', 'id': 4334190172925357684}, {'title': 'Bali Hotel Market Risk \x26 Absorption Monitor 2026', 'id': 1371920657371593139}, {'title': 'Centara: Your Ultimate Destination with Six Unique Brands', 'id': 893369235458058561}, {'title': 'The True Power of Customization', 'id': 2944577766525173221}]}, {'title': '', 'type': 'Image', 'sectionId': 'featured-ads', 'id': 'Image10'}, {'title': 'Feature', 'type': 'HTML', 'sectionId': 'content-section', 'id': 'HTML32'}, {'title': 'Hot Solutions', 'type': 'HTML', 'sectionId': 'content-section', 'id': 'HTML5'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'main', 'id': 'Blog1', 'posts': [{'id': '7798509791567476922', 'title': 'Contact ', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'timestamp', 'label': 'Published:'}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'share', 'label': ''}, {'name': 'icons', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Tags:'}]}], 'allBylineItems': [{'name': 'timestamp', 'label': 'Published:'}, {'name': 'share', 'label': ''}, {'name': 'icons', 'label': ''}, {'name': 'labels', 'label': 'Tags:'}]}, {'title': '', 'type': 'Image', 'sectionId': 'post-ads-1', 'id': 'Image11'}, {'title': '{ads}', 'type': 'HTML', 'sectionId': 'post-ads-2', 'id': 'HTML8'}, {'title': '{ads}', 'type': 'HTML', 'sectionId': 'post-ads-3', 'id': 'HTML11'}, {'title': 'You might like', 'type': 'HTML', 'sectionId': 'related-posts', 'id': 'HTML51'}, {'title': '', 'type': 'Image', 'sectionId': 'post-ads-4', 'id': 'Image16'}, {'title': '', 'type': 'HTML', 'sectionId': 'home-events', 'id': 'HTML50'}, {'title': 'Business', 'type': 'HTML', 'sectionId': 'content-section-2', 'id': 'HTML33'}, {'title': 'Recents in Bali', 'type': 'HTML', 'sectionId': 'content-section-2', 'id': 'HTML10'}, {'title': 'Report', 'type': 'HTML', 'sectionId': 'content-section-2', 'id': 'HTML14'}, {'title': '', 'type': 'Image', 'sectionId': 'content-section-2', 'id': 'Image15'}, {'title': 'Follow Hotelierindo', 'type': 'LinkList', 'sectionId': 'sidebar', 'id': 'LinkList1'}, {'title': 'Coffee For Hospitality Excellent', 'type': 'Image', 'sectionId': 'sidebar', 'id': 'Image14'}, {'title': 'Texcare Asia \x26amp; China Laundry Expo 2026 Sets New Records', 'type': 'Image', 'sectionId': 'sidebar', 'id': 'Image17'}, {'title': 'ITB Asia 2026 Showcases New Travel Technology and Experiences', 'type': 'Image', 'sectionId': 'sidebar', 'id': 'Image7'}, {'title': 'FIND \u2013 Design Fair Asia 2026', 'type': 'Image', 'sectionId': 'sidebar', 'id': 'Image3'}, {'title': 'WOFX 2026: World Furniture Expo Returns to Mumbai', 'type': 'Image', 'sectionId': 'sidebar', 'id': 'Image5'}, {'title': 'Bakery ASEAN 2026 Opens at JIExpo Jakarta', 'type': 'Image', 'sectionId': 'sidebar', 'id': 'Image2'}, {'title': 'Seafood Expo Asia 2026 Opens in Singapore', 'type': 'Image', 'sectionId': 'sidebar', 'id': 'Image1'}, {'title': 'The Foodism Show x Thailand Health \x26amp; Wellness Expo 2026', 'type': 'Image', 'sectionId': 'sidebar', 'id': 'Image9'}, {'title': 'FHI 2026 Drives Innovation and Sustainability in Hospital
2511ity', 'type': 'Image', 'sectionId': 'sidebar', 'id': 'Image13'}, {'title': 'SU MA x CURE Bali Jakarta Culinary Collaboration', 'type': 'Image', 'sectionId': 'sidebar', 'id': 'Image12'}, {'title': 'Why Is the Dead Sea Called a Sea If It Is a Lake?', 'type': 'Image', 'sectionId': 'sidebar', 'id': 'Image8'}, {'title': 'Sofitel Legend Metropole Hanoi Names New F\x26amp;B Leaders', 'type': 'Image', 'sectionId': 'sidebar', 'id': 'Image6'}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'sidebar', 'id': 'PopularPosts1', 'posts': [{'title': 'Hotel Des Arts Saigon Boosts RevPAR by 21.6%', 'id': 4334190172925357684}, {'title': 'Bali Hotel Market Risk \x26 Absorption Monitor 2026', 'id': 1371920657371593139}, {'title': 'Centara: Your Ultimate Destination with Six Unique Brands', 'id': 893369235458058561}, {'title': 'The True Power of Customization', 'id': 2944577766525173221}, {'title': 'Centara Maldives: Four Distinctive Resorts in the New \u2018Atollia\u2019', 'id': 5113453873947631919}, {'title': 'Banyan Tree Resorts Retain MICHELIN Keys', 'id': 2039409126007068632}, {'title': 'Luxury Living at Its Finest: Villa Svarga in Sanur, Bali', 'id': 5574806735206421358}, {'title': 'Amy Lingga Named CEO of The Seed ', 'id': 3143864608370726512}]}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar', 'id': 'HTML20'}, {'title': 'Flight Destinations', 'type': 'HTML', 'sectionId': 'sidebar', 'id': 'HTML6'}, {'title': 'FINNS Beach Club', 'type': 'HTML', 'sectionId': 'sidebar', 'id': 'HTML17'}, {'title': 'Cyprus Villa Retreats', 'type': 'HTML', 'sectionId': 'sidebar', 'id': 'HTML19'}, {'title': 'Latest Posts', 'type': 'HTML', 'sectionId': 'sidebar', 'id': 'HTML9'}, {'title': 'Stay Informed', 'type': 'HTML', 'sectionId': 'sidebar', 'id': 'HTML12'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar', 'id': 'HTML18'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar', 'id': 'HTML4'}, {'title': '', 'type': 'HTML', 'sectionId': 'footer-ads', 'id': 'HTML3'}, {'title': '', 'type': 'Image', 'sectionId': 'footer-info', 'id': 'Image51'}, {'title': '', 'type': 'LinkList', 'sectionId': 'footer-info', 'id': 'LinkList203'}, {'title': 'Our Channels', 'type': 'LinkList', 'sectionId': 'footer-widgets', 'id': 'LinkList3'}, {'title': 'More in Hotelierindo', 'type': 'LinkList', 'sectionId': 'footer-widgets', 'id': 'LinkList2'}, {'title': '', 'type': 'Text', 'sectionId': 'footer-copyright', 'id': 'Text50'}, {'title': '', 'type': 'LinkList', 'sectionId': 'footer-menu', 'id': 'LinkList204'}, {'title': 'OK, Go it!', 'type': 'Text', 'sectionId': 'cookie', 'id': 'Text51'}, {'title': 'Contact Form', 'type': 'ContactForm', 'sectionId': 'hidden', 'id': 'ContactForm1'}]}]); 2512_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList205', 'pbt-panel', document.getElementById('LinkList205'), {}, 'displayModeFull')); 2513_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'header-ads', document.getElementById('HTML1'), {}, 'displayModeFull')); 2514_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image50', 'main-logo', document.getElementById('Image50'), {'resize': false}, 'displayModeFull')); 2515_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList200', 'main-menu', document.getElementById('LinkList200'), {}, 'displayModeFull')); 2516_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts2', 'featured', document.getElementById('PopularPosts2'), {}, 'displayModeFull')); 2517_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image10', 'featured-ads', document.getElementById('Image10'), {'resize': false}, 'displayModeFull')); 2518_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML32', 'content-section', document.getElementById('HTML32'), {}, 'displayModeFull')); 2519_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'content-section', document.getElementById('HTML5'), {}, 'displayModeFull')); 2520_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/120969204-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));
2521_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image11', 'post-ads-1', document.getElementById('Image11'), {'resize': false}, 'displayModeFull')); 2522_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'post-ads-2', document.getElementById('HTML8'), {}, 'displayModeFull')); 2523_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'post-ads-3', document.getElementById('HTML11'), {}, 'displayModeFull')); 2524_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML51', 'related-posts', document.getElementById('HTML51'), {}, 'displayModeFull')); 2525_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image16', 'post-ads-4', document.getElementById('Image16'), {'resize': false}, 'displayModeFull')); 2526_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML50', 'home-events', document.getElementById('HTML50'), {}, 'displayModeFull')); 2527_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML33', 'content-section-2', document.getElementById('HTML33'), {}, 'displayModeFull')); 2528_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'content-section-2', document.getElementById('HTML10'), {}, 'displayModeFull')); 2529_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML14', 'content-section-2', document.getElementById('HTML14'), {}, 'displayModeFull')); 2530_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image15', 'content-section-2', document.getElementById('Image15'), {'resize': false}, 'displayModeFull')); 2531_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'sidebar', document.getElementById('LinkList1'), {}, 'displayModeFull')); 2532_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image14', 'sidebar', document.getElementById('Image14'), {'resize': false}, 'displayModeFull')); 2533_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image17', 'sidebar', document.getElementById('Image17'), {'resize': false}, 'displayModeFull')); 2534_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image7', 'sidebar', document.getElementById('Image7'), {'resize': false}, 'displayModeFull')); 2535_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image3', 'sidebar', document.getElementById('Image3'), {'resize': false}, 'displayModeFull')); 2536_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image5', 'sidebar', document.getElementById('Image5'), {'resize': false}, 'displayModeFull')); 2537_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image2', 'sidebar', document.getElementById('Image2'), {'resize': false}, 'displayModeFull')); 2538_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image1', 'sidebar', document.getElementById('Image1'), {'resize': false}, 'displayModeFull')); 2539_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image9', 'sidebar', document.getElementById('Image9'), {'resize': false}, 'displayModeFull')); 2540_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image13', 'sidebar', document.getElementById('Image13'), {'resize': false}, 'displayModeFull')); 2541_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image12', 'sidebar', document.getElementById('Image12'), {'resize': false}, 'displayModeFull')); 2542_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image8', 'sidebar', document.getElementById('Image8'), {'resize': false}, 'displayModeFull')); 2543_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image6', 'sidebar', document.getElementById('Image6'), {'resize': false}, 'displayModeFull')); 2544_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar', document.getElementById('PopularPosts1'), {}, 'displayModeFull')); 2545_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML20', 'sidebar', document.getElementById('HTML20'), {}, 'displayModeFull')); 2546_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'sidebar', document.getElementById('HTML6'), {}, 'displayModeFull')); 2547_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML17', 'sidebar', document.getElementById('HTML17'), {}, 'displayModeFull'));
2548_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML19', 'sidebar', document.getElementById('HTML19'), {}, 'displayModeFull')); 2549_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'sidebar', document.getElementById('HTML9'), {}, 'displayModeFull')); 2550_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML12', 'sidebar', document.getElementById('HTML12'), {}, 'displayModeFull')); 2551_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML18', 'sidebar', document.getElementById('HTML18'), {}, 'displayModeFull')); 2552_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sidebar', document.getElementById('HTML4'), {}, 'displayModeFull')); 2553_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'footer-ads', document.getElementById('HTML3'), {}, 'displayModeFull')); 2554_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image51', 'footer-info', document.getElementById('Image51'), {'resize': false}, 'displayModeFull')); 2555_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList203', 'footer-info', document.getElementById('LinkList203'), {}, 'displayModeFull')); 2556_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'footer-widgets', document.getElementById('LinkList3'), {}, 'displayModeFull')); 2557_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList2', 'footer-widgets', document.getElementById('LinkList2'), {}, 'displayModeFull')); 2558_WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text50', 'footer-copyright', document.getElementById('Text50'), {}, 'displayModeFull')); 2559_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList204', 'footer-menu', document.getElementById('LinkList204'), {}, 'displayModeFull')); 2560_WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text51', 'cookie', document.getElementById('Text51'), {}, 'displayModeFull')); 2561_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'hidden', document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A val
2561id email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '1344866248136008204', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'contactFormToken': 'AAPvtVlDAOe7bheKMrSQa_7OIy9s:1791169143054', 'submitUrl': 'https://www.blogger.com/contact-form'}, 'displayModeFull')); 2562</script>
vendor: 1 bytes, line 2562
2562
2563<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":"310ccc1e3d4d4e53ac721c15eeca8e2f","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 2563
2563
2564<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a4592b07aaf090c6',t:'MTc5MTE2OTE0Mg=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
2564</body> 2565</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.