CINXE.COM
CX Trends | Home
<!DOCTYPE html> <html lang="en"> <head> <!-- Google Tag Manager --> <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=' + 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-KZX2SH55'); </script> <!-- End Google Tag Manager --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="icon" type="image/x-icon" href="https://d5ln38p3754yc.cloudfront.net/template_image/c66ea77b351f024ff38f70dd52b65f9b29e4357b/original/1702967049-d943ab23358b5adb.png?1702967049"> <title>CX Trends | Home</title> <link href="https://d5spd9ylw8dyc.cloudfront.net/assets/custom_landing_page_template-8094b56c55268f0324e834d7e8df244c.css" media="all" rel="stylesheet" type="text/css" /> <style> .current, .current>div { max-width: 850px !important; } .template-all-gdpr-nano-tspp { display: none; } .conf-creation-regiserbox-button input { width: auto; display: inline-block !important; padding: 10px 24px !important; border-radius: 24px !important; background: #9A4497 !important; } @font-face { font-family: 'Feature Display'; src: url('https://d5ln38p3754yc.cloudfront.net/template_image/b4d7e90ba720994422dc1b840d136eab39cea85a/original/1702467734-c7b1db449d0c726b.woff?1702467734') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Feature Display'; src: url('https://d5ln38p3754yc.cloudfront.net/template_image/ad7b99b4e524d51fc628fb4171870f5f8ada1771/original/1702467736-eea16575a9675026.woff?1702467736') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Feature Display'; src: url('https://d5ln38p3754yc.cloudfront.net/template_image/808da4f40fc1fc720d523856f7f873798d050a41/original/1702467739-202e889a2c2809b9.woff?1702467739') format('woff'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Feature Display'; src: url('https://d5ln38p3754yc.cloudfront.net/template_image/49fa3e11119ac2ae27c1d5ebe580dcbc24343df6/original/1702467786-893da8c97947c570.woff?1702467786') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Feature Display'; src: url('https://d5ln38p3754yc.cloudfront.net/template_image/250259b8181693f7f82f27798deb4534f968a96e/original/1702467788-9669563ece168549.woff?1702467788') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Feature Display'; src: url('https://d5ln38p3754yc.cloudfront.net/template_image/ad8087b771c975c914d71cd8b70615f9ceb31d6f/original/1702467791-d16d51975b01f12e.woff?1702467791') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Feature Display'; src: url('https://d5ln38p3754yc.cloudfront.net/template_image/47f851a8cd84b5753a8d44b467a3f67281564b74/original/1702467794-83740ff681a0de7d.woff?1702467794') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Zendesk Social'; src: url('https://d5ln38p3754yc.cloudfront.net/template_image/a2c7cd9681c17927bde66a7183048de69ce40a3d/original/1702467513-8ec1857ea4d9caf0.woff?1702467513') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Zendesk Social'; src: url('https://d5ln38p3754yc.cloudfront.net/template_image/c94704e8f35bdf955bdf7cdfe5bfdff53012129e/original/1702467508-610cb7175a9adf44.woff?1702467508') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Zendesk Social'; src: url('https://d5ln38p3754yc.cloudfront.net/template_image/3746b843391a70acc7e24dc7ee1c2319a8077ae4/original/1702467656-b3649160e680ea56.woff?1702467656') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Zendesk Social Book'; src: url('https://d5ln38p3754yc.cloudfront.net/template_image/0d2708d3c0ffe4ef9a300fece88c3d65daa94106/original/1702467510-81bd3e0b91165362.woff?1702467510') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Zendesk Social Hairline'; src: url('https://d5ln38p3754yc.cloudfront.net/template_image/29a54b2fd222ad155b9267093a18ce0b6b396ded/original/1702467657-c236540768116e21.woff?1702467657') format('woff'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Zendesk Social'; src: url('https://d5ln38p3754yc.cloudfront.net/template_image/0c4ffba0bb8bfa3a0afb663f3996e3c057c8850f/original/1702467685-9c409bc5069abc12.woff?1702467685') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Zendesk Social'; src: url('https://d5ln38p3754yc.cloudfront.net/template_image/6104ecd1952995400d958d858624643a5327720d/original/1702467687-b6382f3cfd221eb1.woff?1702467687') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Zendesk Social'; src: url('https://d5ln38p3754yc.cloudfront.net/template_image/c4d0a6a019ae04b2ac61916de76f4d28173209d7/original/1702467689-cf2f44d3b3cd4275.woff?1702467689') format('woff'); font-weight: 100; font-style: normal; font-display: swap; } /* Basic Style */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, p, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: inherit; margin: 0; padding: 0; } html { height: 100%; } body { padding: 0; margin: 0; font-size: 14px; color: #000; position: relative; background-color: #fff; font-family: 'ModernSans'; position: relative; } img { display: block; width: 100%; } select { -webkit-appearance: none !important; -moz-appearance: none !important; border: none; margin: 0; padding: 0; width: 100%; outline: none; font-family: 'ModernSans'; } a { text-decoration: none; } ul::after { display: none; } h1, h2, h3, h4, h5, h6 { font-family: 'ModernSans'; margin: 0px; font-size: inherit; font-weight: inherit; } input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], button { font-family: 'ModernSans'; display: block; padding: 0; width: 100%; background: #fff; box-sizing: border-box; outline: none; } textarea { font-family: 'ModernSans'; display: block; padding: 0; width: 100%; background: #fff; box-sizing: border-box; outline: none; resize: none; } input::-webkit-input-placeholder { color: #6f7d9b; } input::-moz-placeholder { color: #6f7d9b; } input::-ms-placeholder { color: #6f7d9b; } input::-o-placeholder { color: #6f7d9b; } .index-mobile-nav { position: fixed; top: 100px; left: 0; width: 100%; height: 100vh; background-color: #fff; padding: 30px 0; } .index-mobile-nav ul { width: 100%; list-style-type: none; display: flex; flex-direction: column; align-items: center; gap: 30px; } .join-live a { padding: 10px 24px; background: #9A4497; border-radius: 24px; color: #fff; } .index-mobile-nav ul li a { color: #000; font-size: 20px; } .index-mobile-nav.onactive { display: none; } .center { max-width: 1069px; margin: 0 auto; } .index-header { padding: 10px 0; background-color: #16140C; position: fixed; width: 100%; } .index-header .center>div:first-child { display: flex; justify-content: flex-end; padding: 12px 0; } .index-header .center>div:first-child a { color: var(--Brand-Primary-Cream, #FEFAF2); font-feature-settings: 'clig' off, 'liga' off; font-family: "Zendesk Social"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 21px; /* 150% */ text-decoration-line: underline; } .index-header .center>div:last-child { display: flex; justify-content: space-between; align-items: center; } .index-logo { width: 84px; } .logo1 { display: block; } .logo2 { display: none; } .index-nav-box { display: flex; justify-content: center; align-items: center; } .index-hmb { display: none; width: 40px; height: 30px; } .index-hmb div { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .index-hmb span { display: block; height: 5px; background-color: #fff; } .index-nav ul { display: flex; justify-content: space-around; align-items: center; list-style-type: none; margin-right: 65px; } .index-nav ul li { padding: 16px; color: #FFF; font-family: Zendesk Social Extended; font-size: 16px; font-style: normal; font-weight: 500; line-height: 26px; } .index-nav ul li a { color: #fff; } .index-register a { padding: 10px 20px; color: #FFF; font-family: Zendesk Social Extended; text-align: center; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; border: 1px solid #fff; border-radius: 22px; } .index-banner { background-color: #16140C; padding: 116px 0 90px; } .index-banner .center { display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .index-banner-top { display: flex; } .index-banner-top>div { border-left: 1px solid #fff; padding-left: 36px; width: 50%; } .index-banner-top-left { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; } .banner-left-pic { max-width: 431px; } .banner-left-pic img { padding: 10px 0; } .index-banner-top-left h1 { font-size: 22px; font-style: normal; font-family: Zendesk Social; font-weight: 700; line-height: 30px; color: #FEFAF2; padding-top: 74px; line-height: 1; max-width: 431px; } .index-banner-top-left h2 { color: #FEFAF2; font-family: Zendesk Social; font-feature-settings: 'clig' off, 'liga' off; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; padding: 10px 0 26px; max-width: 431px; } .index-banner-top-left h3 { color: var(--Background-Section-Background, #FEFAF2); font-feature-settings: 'clig' off, 'liga' off; font-family: Zendesk Social; font-size: 95px; font-style: normal; font-weight: 700; line-height: 84.014px; /* 75.248% */ letter-spacing: -0.343px; } .index-banner-top-left a { padding: 10px 24px; background-color: #9A4497; font-family: Zendesk Social Extended; color: #fff; text-align: center; font-size: 18px; font-style: normal; font-weight: 500; line-height: 28px; border-radius: 24px; } .banner-right-pic { background-color: #F5E4F8; padding: 6px 30px; } .index-banner-bottom { padding-top: 50px; } .index-banner-bottom h1 { color: #FEFAF2; font-feature-settings: 'clig' off, 'liga' off; font-size: 48px; font-family: Feature Display; font-style: normal; font-weight: 700; line-height: 56px; letter-spacing: 0.75px; } .index-banner-bottom p { color: #FEFAF2; font-feature-settings: 'clig' off, 'liga' off; font-size: 16px; font-style: normal; font-weight: 400; font-family: Zendesk Social; line-height: 24px; padding: 12px 0 24px; } .index-banner-bottom a { padding: 10px 24px; font-family: Zendesk Social Extended; background-color: #9A4497; color: #fff; text-align: center; font-size: 18px; font-style: normal; font-weight: 500; line-height: 28px; border-radius: 24px; } .index-content { background-color: #FEFAF2; } .content-agenda-box { padding: 88px 0 44px; border-bottom: 1px solid #8F887A; } .content-agenda-box span { color: #16140C; font-family: Feature Display; font-feature-settings: 'clig' off, 'liga' off; font-size: 48px; font-style: normal; font-weight: 700; line-height: 56px; letter-spacing: 0.75px; } .content-agenda-box ul { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 44px; list-style-type: none; padding: 44px 0; } .content-agenda-box ul li h5 { color: #16140C; font-feature-settings: 'clig' off, 'liga' off; font-size: 16px; font-family: Zendesk Social; font-style: normal; font-weight: 700; line-height: 24px; } .content-agenda-box ul li h1 { color: #16140C; font-feature-settings: 'clig' off, 'liga' off; font-size: 32px; font-family: "Feature Display"; font-style: normal; font-weight: 500; line-height: 40px; /* 125% */ letter-spacing: 0.75px; } .content-agenda-box ul li h2 { color: #16140C; font-feature-settings: 'clig' off, 'liga' off; font-size: 16px; font-family: "Zendesk Social"; font-style: normal; font-weight: 400; line-height: 24px; } .content-bigspeaker-box { padding: 90px 0; border-bottom: 1px solid #8F887A; display: flex; } .content-bigspeaker-box>div { width: 50%; border-right: 1px solid #8F887A; padding-right: 63px; } .bigspeaker-right { padding-left: 53px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .bigspeaker-right h2 { color: #16140C; font-feature-settings: 'clig' off, 'liga' off; font-size: 14px; font-family: Zendesk Social; font-style: normal; font-weight: 700; line-height: 22px; letter-spacing: 0.75px; text-transform: uppercase; } .bigspeaker-right h1 { color: #16140C; font-family: Feature Display; font-feature-settings: 'clig' off, 'liga' off; font-size: 48px; font-style: normal; font-weight: 700; line-height: 56px; letter-spacing: 0.75px; padding-top: 8px; } .bigspeaker-right h3 { color: #16140C; font-feature-settings: 'clig' off, 'liga' off; font-size: 20px; font-family: Zendesk Social; font-style: normal; font-weight: 500; line-height: 28px; } .bigspeaker-right p { color: #16140C; font-family: Zendesk Social; font-feature-settings: 'clig' off, 'liga' off; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; padding-top: 24px; } .content-speaker-box { padding: 90px 0; border-bottom: 1px solid #8F887A; } .content-speaker-box span { display: block; color: #16140C; font-feature-settings: 'clig' off, 'liga' off; font-family: Feature Display; font-size: 48px; font-style: normal; font-weight: 700; line-height: 56px; /* 116.667% */ letter-spacing: 0.75px; padding-bottom: 90px; } .content-speaker-box ul { display: flex; justify-content: left; flex-wrap: wrap; gap: 40px; } .content-speaker-box ul li { max-width: 22%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .content-speaker-box ul li img { height: 237px; object-position: center center; object-fit: cover; } .content-speaker-box ul li h1 { color: var(--primary-espresso, #16140C); text-align: center; font-feature-settings: 'clig' off, 'liga' off; font-family: Feature Display; font-size: 28.81px; font-style: normal; font-weight: 700; line-height: 40.339px; letter-spacing: 1.247px; padding-top: 22px; } .content-speaker-box ul li h2 { color: var(--primary-espresso, #16140C); font-feature-settings: 'clig' off, 'liga' off; font-family: "Zendesk Social"; font-size: 19.957px; font-style: normal; font-weight: 400; line-height: 1.2; text-align: center; } .content-sponsors-box { padding: 90px 0; border-bottom: 1px solid #8F887A; } .content-sponsors-box span { display: block; color: #16140C; font-feature-settings: 'clig' off, 'liga' off; font-family: Feature Display; font-size: 48px; font-style: normal; font-weight: 700; line-height: 56px; letter-spacing: 0.75px; padding-bottom: 90px; } .content-sponsors-box ul { display: flex; flex-wrap: wrap; justify-content: left; align-items: center; gap: 160px; list-style-type: none; } .content-sponsors-box ul li { width: 13%; } .index-banner2 { border-bottom: 9px solid #DEF991; } .index-bottom { background: #16140C; padding-bottom: 40px; } .index-bottom .center { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; max-width: 100%; background: #F6F0E6; } .index-bottom-con1 { display: flex; padding: 90px 0; /* border-bottom: 1px solid #8F887A; */ max-width: 1069px; margin: 0 auto; } .index-log-banner .index-bottom-con1 { border: none; padding-top: 70px; } .index-bottom-con1>div { width: 50%; border-left: 1px solid #16140C; padding-left: 46px; } .con1-right { display: flex; justify-content: center; align-items: center; width: 80%; } .con1-left h1 { color: var(--primary-cream, #16140C); font-feature-settings: 'clig' off, 'liga' off; /* L/H2 */ font-family: Feature Display; font-size: 48px; font-style: normal; font-weight: 700; line-height: 56px; /* 116.667% */ letter-spacing: 0.75px; max-width: 426px; } .con1-left p { color: var(--primary-cream, #16140C); font-feature-settings: 'clig' off, 'liga' off; /* L/Paragraph - Large */ font-family: Zendesk Social; font-size: 22px; font-style: normal; font-weight: 400; line-height: 30px; padding: 24px 0 56px; max-width: 388px; } .con1-left { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .con1-left a { padding: 10px 24px; background-color: #9A4497; color: #fff; text-align: center; font-size: 18px; font-style: normal; font-weight: 500; line-height: 28px; border-radius: 24px; } .con1-right-pic { padding: 6px 16px; background: #ECE8FC; } .index-bottom-con2, .index-bottom-con3 { padding: 70px 0; width: 100%; background: var(--Primary-Espresso, #16140C); } .index-bottom-con4 { width: 100%; background: var(--Primary-Espresso, #16140C); } .index-bottom-con4 ul { max-width: 1069px; margin: 0 auto; } .index-bottom-con2 a { max-width: 1069px; margin: 0 auto; display: block; } .index-bottom-con3 img { max-width: 1069px; margin: 0 auto; } .index-bottom-con4 ul { display: flex; list-style-type: none; } .index-bottom-con4 ul li { padding-right: 16px; } .index-bottom-con4 ul li a { color: #fff; } .index-tag-box { max-width: 474px; } .index-log-banner { background-color: #16140C; } .log-top { /* padding: 90px 0; */ max-width: 1069px; margin: 0 auto; /* background:url("https://d5ln38p3754yc.cloudfront.net/template_image/083201a9e3e7d863dea3bc48766c938a6c4281d3/original/1702374716-afec2b1ce6f6c704.png?1702374716") no-repeat 120% center / 60% ; */ } .log-top-content { display: flex; justify-content: center; } .content-left h1 { color: var(--Brand-Primary-Espresso, #16140C); font-feature-settings: 'clig' off, 'liga' off; font-family: Feature Display; font-size: 32px; font-style: normal; font-weight: 500; line-height: 40px; letter-spacing: 0.75px; padding-top: 50px; } .content-left h3 { color: var(--Brand-Primary-Espresso, #16140C); font-feature-settings: 'clig' off, 'liga' off; font-family: Zendesk Social; font-size: 105px; font-style: normal; font-weight: 700; line-height: 79.703px; letter-spacing: 0.241px; } .log-top-content>div { width: 50%; /* border-left: 1px solid #fff; */ padding-left: 46px; display: flex; flex-direction: column; justify-content: center; } .log-top-content>div img { max-width: 474px; padding: 10px 0; } .content-right h1 { color: #FEFAF2; font-feature-settings: 'clig' off, 'liga' off; font-family: Feature Display; font-size: 48px; font-style: normal; font-weight: 700; line-height: 56px; letter-spacing: 0.75px; } .log-center { /* margin-bottom: 51px; */ } .center-downtime { padding: 28px 0; display: flex; justify-content: center; align-items: center; gap: 53px; } .down-title { color: #fff; font-feature-settings: 'clig' off, 'liga' off; font-family: Feature Display; font-size: 32px; font-style: normal; font-weight: 500; line-height: 40px; letter-spacing: 0.75px; } .center-downtime ul { display: flex; justify-content: center; align-items: center; gap: 25px; list-style-type: none; } .center-downtime ul li { display: flex; flex-direction: column; align-items: center; } .center-downtime ul li b { color: #fff; text-align: center; font-feature-settings: 'clig' off, 'liga' off; font-family: Zendesk Social Condensed; font-size: 38px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: 0.75px; text-transform: uppercase; } .center-downtime ul li span { color: #fff; font-feature-settings: 'clig' off, 'liga' off; font-family: Zendesk Social Condensed; font-size: 20px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: 0.75px; text-transform: uppercase; } .conf-creation-landing-regiserbox { background-color: #FEFAF2; padding: 79px 104px; } .conf-creation-new-name { color: #16140C; font-feature-settings: 'clig' off, 'liga' off; font-family: Zendesk Social; font-size: 15px; font-style: normal; font-weight: 500; line-height: 19px; } .cl-conference-reserve-new-input-in input { border: none; border-radius: 12px !important; border: 1px solid #8F887A !important; background: #F6F0E6 !important; } .conf-creation-new-input { border: none !important; } .general-registration-field-select select { border-radius: 12px !important; background: #F6F0E6 !important; } .general-registration-field-select b { z-index: 9 !important; } .cl-conference-reserve-signup-2 { display: none !important; } .template-all-custom-filed-checkbox span.custom_fields_checkbox { border: 1px solid #8f887a !important; background-color: #FEFAF2 !important; } .center-downtime .theme-custom-background-color { padding: 10px 24px; background: #9A4497; border-radius: 24px; color: #fff; } .index-tag-box { display: flex; justify-content: space-between; padding: 20px 0; } .tag-box-left span { padding: 6px 12px; border: 1px solid #fff; border-radius: 10px; color: var(--Primary-Cream, #FEFAF2); text-align: center; font-family: Zendesk Social Condensed; font-size: 20px; font-style: normal; font-weight: 500; line-height: 33.676px; margin: 0 5px; } .tag-box-right span { padding: 6px 12px; border: 1px solid #DEF991; background: #DEF991; border-radius: 10px; color: #000; text-align: center; font-family: Zendesk Social Condensed; font-size: 20px; font-style: normal; font-weight: 500; line-height: 33.676px; } .index-log-banner .tag-box-left span { border: 1px solid #16140C; color: var(--Primary-Cream, #16140C); } .index-log-banner .tag-box-right span { border: 1px solid #16140C; color: var(--Primary-Cream, #16140C); background: transparent; } @media screen and (max-width: 1024px) { .center { padding: 0 24px; } .index-bottom .center { padding: 0; } .index-bottom-con1, .index-bottom-con2, .index-bottom-con3 { padding: 42px 24px; } } @media screen and (max-width: 768px) { .content-left h3{ font-size:65px; } .tag-box-left span, .tag-box-right span{ font-size:16px; } .index-header { padding: 20px 0; } .logo1 { display: none; } .logo2 { display: block; } .index-nav { display: none; } .index-hmb { display: block; cursor: pointer; } .index-banner { padding: 120px 0 32px; } .index-banner-top { flex-direction: column; } .index-banner-top>div { width: 100%; border: none; padding: 0; } .banner-left-pic, .index-banner-top-left h1, .index-banner-top-left h2 { max-width: 100%; } .banner-left-pic img { display: inline-block; } .index-banner-top-left h1 { padding: 15px 0; } .index-banner-top-left a { width: 100%; margin-bottom: 32px; } .index-banner-bottom a { display: block; width: 100%; } .content-bigspeaker-box { flex-direction: column; } .content-bigspeaker-box>div { width: 100%; border: none; padding: 0; } .bigspeaker-right h2 { padding-top: 32px; } .content-speaker-box ul { gap: 0; } .content-speaker-box ul li { max-width: 100%; width: 80%; padding: 10px 0; } .content-sponsors-box ul { gap: 50px; } .content-sponsors-box ul li { width: 40%; } .index-bottom-con1 { flex-direction: column; } .index-bottom-con1>div { border: none; width: 100%; padding: 0; } .con1-left h1, .con1-left p { max-width: 100%; } .con1-left h1 { font-size: 34px; padding-bottom: 24px; } .con1-left p { padding: 0; } .index-bottom-con2, .index-bottom-con3 { padding: 20px 24px; width: 100%; } .con1-left a { width: 100%; margin: 30px 0 32px; } .index-bottom-con4 { width: 100%; } .index-bottom-con4 ul { justify-content: center; flex-wrap: wrap; } .index-bottom-con4 ul li { padding: 0; width: 30%; text-align: center; padding: 10px 0; } .content-speaker-box ul li img { height: auto; } .down-title { font-size: 20px; } .content-bigspeaker-box { padding: 50px 0; } .log-top { padding: 40px 0; } .index-tag-box { max-width: 100%; } .index-banner-bottom { padding: 70px 0 0; } .index-banner-bottom h1 { font-size: 34px; } .content-agenda-box { padding: 20px 0 44px; } .content-agenda-box span { font-size: 34px; } .content-agenda-box ul { padding: 20px 0; gap: 20px; } .content-agenda-box ul li h1 { font-size: 22px; } .bigspeaker-right h1 { font-size: 34px; } .content-speaker-box { padding: 30px 0; } .content-speaker-box span { font-size: 34px; padding-bottom: 30px; } .content-sponsors-box { padding: 30px 0; } .content-sponsors-box span { font-size: 34px; } .index-register { display: none; } .log-top-content { flex-direction: column; } .log-top-content>div { border: none; padding: 0; width: 100%; } .log-top-content>div img { padding: 15px 0; max-width: 100%; } .content-right h1 { padding: 32px 0; } .conf-creation-landing-regiserbox { padding: 33px 44px; } } @media screen and (max-width: 600px) { .center-downtime { gap: 0; } } @media screen and (max-width: 400px) { .index-bottom-con4 ul li a { font-size: 10px; } } </style> <style> .zendesk-ondemand-content { background: var(--Brand-Primary-Cream, #FEFAF2); } .zendesk-ondemand-content>div { max-width: 1068px; margin: 0 auto; text-align: center; } .zendesk-ondemand-content>div>span { display: block; color: var(--Brand-Primary-Espresso, #16140C); font-feature-settings: 'clig' off, 'liga' off; font-family: "Zendesk Social Condensed"; font-size: 14px; font-style: normal; font-weight: 700; line-height: 22px; letter-spacing: 0.75px; text-transform: uppercase; padding: 88px 0 8px; } .zendesk-ondemand-content>div>h1 { color: var(--Brand-Primary-Espresso, #16140C); text-align: center; font-feature-settings: 'clig' off, 'liga' off; font-family: "Feature Display"; font-size: 48px; font-style: normal; font-weight: 700; line-height: 56px; letter-spacing: 0.75px; max-width: 704px; margin: 0 auto; padding-bottom: 12px; } .big-video>div { padding-bottom: 132px; border-bottom: 1px solid #8F887A; } .big-video>div>div{ width:100%; height:564px; } .small-video-box { padding: 116px 0 89px; display: flex; align-items: center; gap: 115px; } .small-video-left { text-align: left; } .small-video-left span { color: var(--Brand-Primary-Espresso, #16140C); font-feature-settings: 'clig' off, 'liga' off; font-family: "Zendesk Social Condensed"; font-size: 14px; font-style: normal; font-weight: 700; line-height: 22px; letter-spacing: 0.75px; text-transform: uppercase; } .small-video-left h1 { color: var(--Brand-Primary-Espresso, #16140C); font-feature-settings: 'clig' off, 'liga' off; font-family: "Feature Display"; font-size: 47px; font-style: normal; font-weight: 700; line-height: 56px; letter-spacing: 0.75px; } .small-video-left p, .zendesk-ondemand-content>div>p{ color: var(--Brand-Primary-Espresso, #16140C); font-feature-settings: 'clig' off, 'liga' off; font-family: "Zendesk Social"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .zendesk-ondemand-content>div>p{ padding-bottom:72px; max-width:704px; margin:0 auto; } .small-video-right { width: 100%; } .small-video-right div { width: 522px; } @media screen and (max-width: 768px) { .zendesk-ondemand-content>div { max-width: 100%; padding: 0 24px; } .small-video-box { flex-direction: column; } .small-video-right div { width: 100%; } .big-video>div>div{ width:100%; height:280px; } } .product-content { padding: 60px 24px; background: #16140C; } .product-content>h1 { color: var(--Primary-Cream, #FEFAF2); font-feature-settings: 'clig' off, 'liga' off; /* Header/h5 */ font-family: "Feature Display"; font-size: 48px; font-style: normal; font-weight: 500; line-height: 115%; /* 55.2px */ letter-spacing: 1.5px; } .product-content>h2 { color: var(--Neutral-Bubbly, #F6F0E6); font-feature-settings: 'clig' off, 'liga' off; font-family: "Zendesk Social"; font-size: 24px; font-style: normal; font-weight: 400; line-height: 130%; /* 31.2px */ padding: 24px 0 36px; } .product-content>h3 { color: var(--Neutral-Bubbly, #F6F0E6); font-feature-settings: 'clig' off, 'liga' off; font-family: "Feature Deck"; font-size: 24px; font-style: normal; font-weight: 700; line-height: 130%; /* 31.2px */ padding-bottom: 36px; } .product-content ul { display: flex; flex-wrap: wrap; justify-content: center; list-style-type: none; gap: 30px; } .product-content ul li { width: 33%; padding-bottom: 36px; } .product-content ul li div:first-child { border-radius: 12px; overflow:hidden; cursor:pointer; } .product-content ul li div:first-child img{ transform-origin:center center; } .product-content ul li div:first-child:hover img{ transform:scale(1.2); transition:all 1s; } .product-content ul li div h1 { color: var(--Neutral-Bubbly, #F6F0E6); font-feature-settings: 'clig' off, 'liga' off; font-family: "Feature Deck"; font-size: 24px; font-style: normal; font-weight: 700; line-height: 130%; /* 31.2px */ padding-top: 12px; } .conf-creation-landing-regiserbox-subtitle>a{ color:#545454 !important; display:none; } .video-model{ width:100%; height:100%; position:fixed; top:0; right:0; bottom:0; left:0; display:flex; justify-content:center; align-items:center; z-index:99; } .video-close-btn{ width:30px; position:absolute; top:20px; right:20px; cursor:pointer; } .video-model-content{ width:853px; height:515px; } </style> <script src="https://d5spd9ylw8dyc.cloudfront.net/assets/custom_landing_page_template-6cb9e62040e328535c315c5c29f955fb.js" type="text/javascript"></script> <style> .agenda-subtitle{ color: #16140C; font-feature-settings: 'clig' off, 'liga' off; font-size: 16px; font-family: "Zendesk Social"; font-style: normal; font-weight: 400; line-height: 24px; } .log-center{ display: none; } </style> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KZX2SH55" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="index-mobile-nav onactive"> <ul> <li><a href="#agenda">Agenda <span>>>></span></a></li> <li><a href="#speaker">Ponentes <span>>>></span></a></li> <li><a href="https://cxtrends.zendesk.com/mx?utm_source=bigmarker&utm_medium=event&utm_campaign=2024_event_promo" target="_blank">Acceso al Reporte <span>>>></span></a></li> </ul> </div> <div class="index-header"> <div class="center"> <div> <a href="/conferences/b2ef1c346309/conference_registrations/verify_email_registered" class="bm-login-link" data-maxWidth="480px" id="72374ce8-57a6-4a1e-b17b-3e83d3d7a334" rel="modal:open">Acceso</a> </div> <div> <div class="index-logo"> <img src="https://d5ln38p3754yc.cloudfront.net/template_image/6a2d3149bb08f8f483960bc63d1cce7f1faad0f5/original/1702374713-87e31f48dfbc88fb.png?1702374713" class="logo1" alt="logo1"> <img src="https://d5ln38p3754yc.cloudfront.net/template_image/c67e9222e973c3c78df86f5efcec99271b6ed3f2/original/1702374714-01436799cefa4117.png?1702374714" class="logo2" alt="logo2"> </div> <div class="index-nav-box"> <div class="index-nav"> <ul> <li><a href="#agenda">Agenda</a></li> <li><a href="#speaker">Ponentes</a></li> <li><a href="https://cxtrends.zendesk.com/mx?utm_source=bigmarker&utm_medium=event&utm_campaign=2024_event_promo" target="_blank">Acceso al Reporte</a></li> </ul> </div> <div class="index-hmb"> <div> <span></span> <span></span> <span></span> </div> </div> <div class="index-register"> <a href="/conferences/b2ef1c346309/registration_modal?series_register=series_register&show_register_box=true" class="banner-conference-buy-btn theme-custom-background-color" data-maxWidth="480px" id="conference-registration-link" rel="modal:open">Reg铆strate Ahora</a> </div> </div> </div> </div> </div> <!-- logout state --> <div class="index-banner"> <div class="center"> <div class="index-banner-top"> <div class="index-banner-top-left"> <div class="banner-left-pic"> <h3>CX Trends</h3> <!-- <img src="https://d5ln38p3754yc.cloudfront.net/template_image/7f8b14ea1f50b34177b36fdad6631b0805c219b0/original/1702374713-08912c8b5a96d5cc.png?1702374713" alt="banner"> --> <div class="index-tag-box"> <div class="tag-box-left"> <span>LATAM </span> <span>Evento on-demand</span> </div> <div class="tag-box-right"> <span>2024</span> </div> </div> </div> <h2>Desde IA hasta confiabilidad y CX inteligente, estamos preparando a los l铆deres para el futuro de nuestra industria, con un poco de ayuda de nuestras tendencias.</h2> <a href="/conferences/b2ef1c346309/registration_modal?series_register=series_register&show_register_box=true" class="banner-conference-buy-btn theme-custom-background-color" data-maxWidth="480px" id="conference-registration-link" rel="modal:open">Reg铆strate Ahora</a> </div> <div class="index-banner-top-right"> <div class="banner-right-pic"> <img src="https://d5ln38p3754yc.cloudfront.net/template_image/083201a9e3e7d863dea3bc48766c938a6c4281d3/original/1702374716-afec2b1ce6f6c704.png?1702374716" alt="banner-right"> </div> </div> </div> <div class="index-banner-bottom"> <h1>Llega m谩s lejos con un CX inteligente</h1> <p>Nuestro reporte de 2024 destaca las diez tendencias que los l铆deres de CX deben comprender para ofrecer una CX inteligente. Durante nuestro evento, aprender谩 c贸mo aplicar los conocimientos de los informes a su negocio, para que pueda seguir creando una estrategia preparada para el futuro que supere a la competencia.</p> <a href="/conferences/b2ef1c346309/registration_modal?series_register=series_register&show_register_box=true" class="banner-conference-buy-btn theme-custom-background-color" data-maxWidth="480px" id="conference-registration-link" rel="modal:open">Reg铆strate Ahora</a> </div> </div> </div> <!-- <div class="index-long-pic"> <img src="https://d5ln38p3754yc.cloudfront.net/template_image/0b8f9671a0b7f28745acf9a889e260aaf78b3a41/original/1702374714-ccddc5390f3b33a8.png?1702374714" alt="long-pic"> </div> --> <div class="index-content"> <div class="center"> <div class="content-agenda-box" id="agenda"> <span>Agenda</span> <h2 class="agenda-subtitle">Reserva en tu calendario y viaja con nosotros hacia el futuro del CX.</h2> <ul> <li> <h5></h5> <h1>Bienvenidos a CX Trends 2024</h1> <h2>Engel Fonseca dar谩 la bienvenida y compartir谩 los principales hallazgos del informe.</h2> </li> <li> <h5></h5> <h1>Innovaciones y desaf铆os que dar谩n forma a la CX en 2024</h1> <h2>Reflexiones de Cassie Kozyrkov, CEO de Data Scientific, sobre lo que significa el futuro de la IA para las empresas.</h2> </li> <li> <h5></h5> <h1>Panel sobre las tendencias para 2024 </h1> <h2>Ejecutivos de J眉sto, Mach y Zendesk hablan sobre tendencias en la pr谩ctica y comparten sus experiencias con Engel Fonseca.</h2> </li> <li> <h5></h5> <h1>Explorando la experiencia del cliente en la era de la IA</h1> <h2>La aceleraci贸n de la IA generativa abre un camino a un CX m谩s humanizado caracterizado por la personalizaci贸n y la interactividad.</h2> </li> </ul> </div> <div class="content-bigspeaker-box"> <div class="bigspeaker-left"> <img src="https://d5ln38p3754yc.cloudfront.net/field_data/a04cb2f02af0222aed88a4255ba0d3db748a6a47/original/1706794602-864bfaef50f3437f.png?1706794602 " alt="highlight-img"> </div> <div class="bigspeaker-right"> <h2>THOUGHT LEADERSHIP SPEAKER </h2> <h1>Frida Ruh</h1> <h3>CEO de AI the New Sexy</h3> <p>Fundadora del podcast AI The New Sexy, que se transmite en m煤ltiples plataformas de streaming, abordando las implicaciones de la Inteligencia Artificial en diversas industrias y contextos. Tallerista y conferencista internacional.</p> </div> </div> <div class="content-speaker-box" id="speaker"> <span>Ponentes</span> <ul> <li> <img src="https://d5ln38p3754yc.cloudfront.net/presenters/33819334/original/1705323727-fcd841fd453844e5.jpeg?1705323727" alt="Engel Fonseca "> <h1> Engel Fonseca </h1> <h2>TEDx Speaker, Linkedin Top Voice 2022, CEO de Potenttial Group & Growthacker</h2> </li> <li> <img src="https://d5ln38p3754yc.cloudfront.net/presenters/33819343/original/1705399150-8168cea6a259c5c3.jpeg?1705399150" alt="Gilberto Garza"> <h1> Gilberto Garza</h1> <h2>VP LATAM, Zendesk</h2> </li> <li> <img src="https://d5ln38p3754yc.cloudfront.net/presenters/33819361/original/1705323904-ff8b2567acd17441.jpeg?1705323904" alt=" Fabiola Quintero"> <h1> Fabiola Quintero</h1> <h2>CX Lead, J眉sto</h2> </li> <li> <img src="https://d5ln38p3754yc.cloudfront.net/presenters/33819401/original/1705323951-49af9cd4ab49876b.jpeg?1705323951" alt=" Francisca Vargas"> <h1> Francisca Vargas</h1> <h2>Chief Customer Success Officer, Mach</h2> </li> <li> <img src="https://d5ln38p3754yc.cloudfront.net/presenters/33841757/original/1705512352-e52598ce7a713ec8.png?1705512352" alt=" Cassie Kozyrkov"> <h1> Cassie Kozyrkov</h1> <h2>CEO, de Data Scientific</h2> </li> <li> <img src="https://d5ln38p3754yc.cloudfront.net/presenters/33950401/original/1706794778-6ff1c3313f8c7a9d.png?1706794778" alt=" Sandra Orozco"> <h1> Sandra Orozco</h1> <h2>Gerente de Atenci贸n al cliente, Megacable</h2> </li> </ul> </div> </div> </div> <div class="index-banner2" id="report"> <img src="https://d5ln38p3754yc.cloudfront.net/template_image/e6adfc3950582e632d3b7703592e7cf6b5f084f2/original/1702374715-b8fd7b892dc41589.png?1702374715" alt="banner2"> </div> <div class="index-bottom"> <div class="center"> <div class="index-bottom-con1"> <div class="con1-left"> <h1>El Reporte CX Trends 2024 </h1> <p>Diez tendencias. Tres 谩reas innovadoras. Un reporte. Mantente a la vanguardia con informaci贸n exclusiva sobre las tendencias de 2024, directamente desde la fuente.</p> <a href="https://cxtrends.zendesk.com/mx?utm_source=bigmarker&utm_medium=event&utm_campaign=2024_event_promo">Acceso al Reporte</a> </div> <div class="con1-right"> <div class="con1-right-pic"> <img src="https://d5ln38p3754yc.cloudfront.net/template_image/5434848dc7cbea367f33c0b95acfc62cdd5ec06b/original/1704938970-2081527e20d856a2.png?1704938970" alt="right-pic"> </div> </div> </div> <div class="index-bottom-con2"> <a href="https://zendeskrelate.com/?utm_source=cxt_latam&utm_medium=event&utm_campaign=2024_Relate" target="_blank"> <img src="https://d5ln38p3754yc.cloudfront.net/template_image/903163ec6f99b5f7c71fee222ebb7bdc08fe16c3/original/1702374715-b34035728d283556.png?1702374715" alt="acon2"> </a> </div> <div class="index-bottom-con3"> <img src="https://d5ln38p3754yc.cloudfront.net/template_image/7ad5c6b79c4040872a7b759589fc641743a2ee5e/original/1702374714-0acf7ffd17de6be4.png?1702374714" alt="acon3"> </div> <div class="index-bottom-con4"> <ul> <li><a href="https://www.zendesk.com.mx/company/agreements-and-terms/terms-of-use/" target="_blank">T茅rminos de uso</a></li> <li><a href="https://www.zendesk.com.mx/company/agreements-and-terms/privacy-notice/" target="_blank">Aviso de privacidad</a></li> <li><a href="https://www.zendesk.com.mx/company/agreements-and-terms/cookie-notice/" target="_blank">Aviso sobre cookies</a></li> <li><a href="https://www.zendesk.com.mx/company/legal/" target="_blank">漏 Zendesk 2024</a></li> </ul> </div> </div> </div> <script type="text/javascript"> _linkedin_partner_id = "2780"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(window.lintrk); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=2780&fmt=gif" /> </noscript> <div class="callback-details" id="callback-details-1732771819229"> <script type="text/javascript"> (function(){ // Do not continue if Paloma.js is not found. if (window['Paloma'] === undefined && window['console'] !== undefined){ console.warn("Paloma.js not found. Require it in your application.js."); return true; } var id = "callback-details-1732771819229", callbacks = []; // Remove any callback details if any $('.callback-details[id!=' + id + ']').remove(); // Convert callbacks to javascript variable callbacks.push({ controller: 'series', action: 'landing_page', params: {"controller_path":"series","action":"landing_page"} }); // Run Callbacks $(document).ready(function(){ for (var i = 0, len = callbacks.length; i < len; i++){ var callback = callbacks[i]; Paloma.execute(callback.controller, callback.action, callback.params); } }); })(); </script> </div> </body> <script> document.querySelector('.index-hmb').onclick = function() { document.querySelector('.index-mobile-nav').classList.toggle('onactive') } document.querySelectorAll('.index-mobile-nav ul li').forEach(function(item) { item.onclick = () => { document.querySelector('.index-mobile-nav').classList.toggle('onactive') } }) let time1; time = setInterval(function() { if (document.querySelector('#submit_registration_button')) { document.querySelector('#submit_registration_button').children[0].value = 'Enviar' clearInterval(time1) } }, 100) $(document).on('click', '#submit_registration_button', function(e){ var targetElement = $('.cl-conference-reserve-new-input-in'); var targetElement_select = $('.general-registration-field-select'); if (targetElement.hasClass('errors') ) { targetElement.find('.errtext').remove(); var errorElement = $('<div class="errtext" style="padding: 0 0 0 10px">Please complete this required field.</div>'); targetElement.append(errorElement); } else if (!targetElement.hasClass('errors')) { targetElement.find('.errtext').remove(); } if (targetElement_select.hasClass('errors') ) { targetElement_select.find('.errtext').remove(); var errorElement = $('<div class="errtext" style="padding: 0 0 0 10px">Please complete this required field.</div>'); targetElement_select.append(errorElement); } else if (!targetElement_select.hasClass('errors')) { targetElement_select.find('.errtext').remove(); } }); </script> <script> let already = document.createElement('a') already.setAttribute('href', "/conferences/b2ef1c346309/conference_registrations/verify_email_registered"); already.setAttribute('data-maxwidth', '480px'); already.setAttribute('rel', 'modal:open'); already.style.position = 'absolute'; already.style.top = '35px'; already.style.right = '38px'; already.style.color = '#16140C'; already.style.fontFamily = 'Zendesk Social'; already.style.fontSize = '14px'; already.style.fontWeight = '400'; already.style.lineHeight = '21px'; already.style.textDecoration = 'underline'; already.innerHTML = 'Ya est谩s registrado'; const domObserver = new MutationObserver(() => { const aaa = document.querySelector('.conf-creation-landing-regiserbox'); const bbb = document.querySelector('#conference_registration_email') if (aaa) { console.log(1); document.querySelector('.conf-creation-landing-regiserbox').style.position = 'relative'; console.log(2); document.querySelector('.conf-creation-landing-regiserbox').appendChild(already); console.log(3); if (bbb) { console.log(4); document.querySelector('#js-new-registration-panel>a').style.display = 'none' }else { document.querySelector('#js-new-registration-panel>a').style.display = 'block' } } }); domObserver.observe(document.body, { childList: true }); document.querySelector('.bm-login-link').innerHTML = 'Ya est谩s registrado' </script> <script> document.addEventListener("DOMContentLoaded", function() { // Add the register_liquid_form parameter to the registration form to allow // custom error messages when registering an email that is already registered setInterval(function() { let registerForm = $("#register_member"); if (registerForm.length > 0 && !registerForm.data("registration-form-input-added")) { registerForm.data("registration-form-input-added", "1"); registerForm.append('<input type="hidden" name="register_liquid_form" value="true"/>'); registerForm.append('<div class="js-already-registered-message" style="color: red; font-size: 16px;"></div>'); } }, 500); }); </script> <style> body { background: #fff; overflow-x: hidden } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #a2abbb } input::-moz-placeholder, textarea::-moz-placeholder { color: #a2abbb } input::-ms-placeholder, textarea::-ms-placeholder { color: #a2abbb } input::-o-placeholder, textarea::-o-placeholder { color: #a2abbb } .booth-main { position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: auto } .booth-hader { position: relative; padding: 16px 20px; background: #000; z-index: 10; text-align: center; height: 76px; box-sizing: border-box } .booth-header-left { float: left; padding: 11px 0 0 0 } .booth-header-left a { font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: bold } .booth-header-logo { display: inline-block; height: 40px; position: absolute; left: 50%; transform: translateX(-50%) } .booth-header-logo img { width: auto; height: 100% } .booth-header-right { float: right; font-size: 0; padding: 4px 0 0 0; width: 72px; text-align: left } .booth-header-nav { display: inline-block; vertical-align: middle } .booth-header-nav-icon { display: inline-block; margin: 0 16px 0 0; vertical-align: middle } .booth-header-user { display: inline-block; vertical-align: middle; width: 32px } .booth-header-user>span { display: block; width: 32px; height: 32px; border-radius: 16px; overflow: hidden } .booth-header-user>span img { width: auto; max-width: 100%; max-height: 100%; object-fit: cover; object-position: top center } .booth-header-nav-icon { width: 20px } .booth-header-nav-icon>span { display: block; width: 20px; height: 1px; background: #fff; opacity: 0.94; margin: 0 0 7px 0 } .booth-header-nav-icon>span:nth-child(2) { margin: 0 } .booth-contents { position: absolute; top: 74px; bottom: 80px; left: 0; right: 0 } .booth-top { position: absolute; padding: 16px 24px; z-index: 10; top: 0; left: 0; right: 0 } .booth-top-left { float: left; font-size: 0 } .booth-top-right { position: relative; float: right; font-size: 0; padding: 8px 0 0 0 } .booth-top-logo { float: left; width: 56px; height: 56px; border-radius: 14px; margin: 0 16px 0 0; border: rgba(255, 255, 255, 0.53) 2px solid; padding: 2px } .booth-top-logo span { display: block; width: 48px; height: 48px; border-radius: 10px; overflow: hidden } .booth-mask { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 5; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 8%, transparent) } .booth-top-deatils-out { float: right; width: 100%; margin: 9px 0 0 -72px } .booth-top-deatils { margin: 0 0 0 72px } .booth-top-deatils-title { padding: 0 0 2px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: bold; letter-spacing: -0.2px } .booth-top-deatils-by a { font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 0; color: #fff; letter-spacing: -0.2px } .booth-top-deatils-by a>b { display: inline-block; vertical-align: middle; margin: 0 8px 0 0; font-weight: bold; font-size: 13px } .booth-top-deatils-by a span { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; font-size: 13px } .booth-top-deatils-by a span i { font-style: normal } .booth-top-deatils-by a span b { font-weight: normal; display: none } .booth-top-deatils-by a>i { display: inline-block; vertical-align: middle } .booth-top-deatils-by a>i svg { display: block; width: 6px; height: 6px; fill: #fff } .booth-top-btn-1 { position: relative; display: inline-block; margin: 0 0 0 12px; vertical-align: top } .booth-top-btn-1 a { display: inline-block; padding: 0 12px; height: 40px; line-height: 36px; background: rgba(0, 0, 0, 0.6); border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; font-weight: bold; box-sizing: border-box } .booth-top-btn-1 a i { display: inline-block; width: 16px; margin: 0 8px 0 0; vertical-align: middle; line-height: normal } .booth-top-btn-1 a i svg { display: block; width: 16px; height: 16px; fill: #fff } .booth-top-btn-1 a span { display: inline-block; vertical-align: middle; line-height: normal } .booth-top-btn-2 { position: relative; display: inline-block; margin: 0 0 0 12px; vertical-align: top } .booth-top-btn-2 a { display: inline-block; padding: 0 12px; height: 40px; line-height: 36px; background: #ee1b1b; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; font-weight: bold; box-sizing: border-box } .booth-top-btn-2 a i { display: inline-block; width: 16px; margin: 0 8px 0 0; vertical-align: middle; line-height: normal } .booth-top-btn-2 a i svg { display: block; width: 16px; height: 16px; fill: #fff } .booth-top-btn-2 a span { display: inline-block; vertical-align: middle; line-height: normal } .booth-top-btn-1 a.onactive { background: #fff; color: #151a25 } .booth-top-btn-1 a.onactive i svg { fill: #151a25 } .booth-top-btn-3 { position: relative; display: inline-block; margin: 0 0 0 12px; vertical-align: top } .booth-top-btn-3 a { display: inline-block; padding: 0 12px; height: 40px; line-height: 36px; background: rgba(255, 255, 255, 0.09); border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; font-weight: bold; border: solid 1px rgba(255, 255, 255, 0.12) } .booth-top-btn-3 a i { display: inline-block; width: 16px; margin: 0 8px 0 0; vertical-align: middle; line-height: normal } .booth-top-btn-3 a i svg { display: block; width: 16px; height: 16px; fill: #fff } .booth-top-btn-3 a span { display: inline-block; vertical-align: middle; line-height: normal } .booth-top-btn-3 a.onactive { background-image: linear-gradient(to right, #3673e4, #3067d8 98%); border: none; line-height: 38px } .booth-top-btn-4 { position: relative; display: inline-block; margin: 0 0 0 12px; vertical-align: top } .booth-top-btn-4 a { display: inline-block; padding: 0 12px; height: 40px; line-height: 38px; background: #fff; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #151a25; font-weight: bold } .booth-top-btn-4 a i { display: inline-block; width: 16px; margin: 0 8px 0 0; vertical-align: middle; line-height: normal } .booth-top-btn-4 a i svg { display: block; width: 16px; height: 16px; fill: #151a25 } .booth-top-btn-4 a span { display: inline-block; vertical-align: middle; line-height: normal } .booth-bg-box { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-position: top center; background-size: cover; background-repeat: no-repeat } .booth-bg-box img { width: 100%; height: 100%; object-fit: cover; object-position: top center } .booth-bg-box iframe { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0 } .booth-bottom-ad { position: absolute; left: 0; right: 0; bottom: 0; height: 80px } .booth-ad-img { position: absolute; left: 18px; top: 8px; width: 172px; height: 65px; z-index: 2 } .booth-ad-img img { position: relative; width: auto; max-width: 100%; max-height: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .booth-ad-contents { position: absolute; left: 213px; right: 172px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1 } .booth-ad-btn { position: absolute; right: 24px; top: 22px; z-index: 3; width: 124px } .booth-ad-btn a { display: block; height: 38px; border-radius: 2px; background: #111; text-align: center; line-height: 38px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: bold; letter-spacing: -0.2px } .booth-ad-title { padding: 0 0 8px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 18px; color: #000; font-weight: bold; letter-spacing: -0.2px } .booth-ad-text { font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #717e94; letter-spacing: -0.2px } .booth-live-box { position: fixed; left: 16px; bottom: 16px; border: rgba(131, 143, 165, 0.3) 4px solid; z-index: 25 } .booth-live-box-in { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.76), transparent) } .booth-live-header { position: absolute; z-index: 10; font-size: 0; padding: 8px } .booth-live-header-states { display: inline-block; vertical-align: middle; width: 32px; height: 16px; line-height: 16px; margin: 0 8px 0 0; background-image: linear-gradient(to right, #ff316e, #ef346e); border-radius: 4px; padding: 0 5px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 10px; color: #fff; font-weight: bold; letter-spacing: -0.2px } .booth-live-header-title { display: inline-block; vertical-align: middle; width: 162px; margin: 0 16px 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; font-weight: bold; letter-spacing: -0.2px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .booth-live-header-small { display: inline-block; vertical-align: middle; margin: 0 24px 0 0 } .booth-live-header-small a { display: block; padding: 5px 0 } .booth-live-header-small a span { display: block; width: 8px; height: 2px; background: #fff; border-radius: 1px } .booth-live-header-voice { display: inline-block; vertical-align: middle; width: 12px; height: 12px; margin: 0 14px 0 0 } .booth-live-header-voice a svg { display: block; width: 12px; height: 12px; fill: #fff } .booth-live-header-big { display: inline-block; vertical-align: middle; width: 12px; height: 12px } .booth-live-header-big a svg { display: block; width: 12px; height: 12px; fill: #fff } .booth-live-box.nanoopen { background-image: linear-gradient(95deg, #f1f4f7 11%, #eef0f4 88%); border: none; width: 230px; height: 24px; border-radius: 4px } .booth-live-box.nanoopen .booth-live-box-in { display: none } .booth-live-box.nanoopen .booth-live-header { padding: 4px } .booth-live-box.nanoopen .booth-live-header-title { margin: 0 6px 0 0; color: #263044 } .booth-live-box.nanoopen .booth-live-header-small { display: none } .booth-live-box.nanoopen .booth-live-header-voice { display: none } .booth-live-box.nanoopen .booth-live-header-big a svg { fill: #717e94 } .booth-top-deatils-show { display: none; padding: 16px 0 0 0 } .booth-top-deatils-show-title { padding: 0 0 8px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: bold; letter-spacing: -0.2px } .booth-top-deatils-text { font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #a2abbb; letter-spacing: -0.2px; line-height: 1.3em; opacity: 0.8; max-width: 640px } .booth-top-left-close { display: none; position: absolute; right: 20px; top: 20px } .booth-top-left-close a svg { display: block; width: 12px; height: 12px; fill: #c4ccd9 } .booth-top-left.onactive { position: absolute; background: rgba(0, 0, 0, 0.72); margin: 0 0 0 -12px; padding: 12px 24px 24px 12px; border-radius: 10px; width: 744px; box-sizing: border-box; z-index: 5 } .booth-top-left.onactive .booth-top-logo { border: rgba(255, 255, 255, 0.53) 2px solid } .booth-top-left.onactive .booth-top-deatils-by a span { color: #0a9af6 } .booth-top-left.onactive .booth-top-deatils-by a span b { display: inline } .booth-top-left.onactive .booth-top-deatils-by a span i { display: none } .booth-top-left.onactive .booth-top-deatils-by a i { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg) } .booth-top-left.onactive .booth-top-deatils-by a>i svg { fill: #0a9af6 } .booth-top-left.onactive .booth-top-deatils-show { display: block } .booth-top-left.onactive .booth-top-left-close { display: block } .booth-right-btn-show { position: absolute; right: 0; top: 74px; bottom: 74px; right: 132px; width: 320px; padding: 16px; border-radius: 10px; background-color: rgba(0, 0, 0, 0.72); z-index: 60; display: none } .booth-right-btn-show-in { position: absolute; top: 16px; bottom: 16px; left: 16px; right: 16px; overflow-y: auto } .booth-right-btn-show-list { display: none; padding: 0 0 12px 0 } .booth-right-btn-show-list-title { padding: 0 0 12px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #838fa5; font-weight: bold; letter-spacing: -0.2px } .booth-right-btn-show-contents-li { padding: 0 0 12px 0 } .booth-right-btn-show-contents-li-left { float: left; width: 114px } .booth-right-btn-show-contents-li-right { float: right; width: 100%; margin: 0 0 0 -130px } .booth-right-btn-show-contents-li-right-in { margin: 0 0 0 130px } .booth-right-btn-show-contents-li-title { padding: 0 0 9px 0 } .booth-right-btn-show-contents-li-title a { font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; line-height: 1.2em; letter-spacing: -0.2px; font-weight: bold } .booth-right-btn-show-contents-li-time { font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; letter-spacing: -0.2px; color: #fff } .booth-right-btn-show-contents-li-offer { background: #fff; border-radius: 8px; padding: 12px; margin-bottom: 12px } .booth-right-btn-show-contents-li-offer-left { float: left; width: 64px } .booth-right-btn-show-contents-li-offer-right { float: right; width: 100%; margin: 0 0 0 -76px } .booth-right-btn-show-contents-li-offer-right-in { margin: 0 0 0 76px } .booth-right-btn-show-contents-li-offer-title { padding: 0 0 8px 0 } .booth-right-btn-show-contents-li-offer-title a { font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #151a25; line-height: 1.2em; letter-spacing: -0.2px; font-weight: bold } .booth-right-btn-show-contents-li-offer-link a { font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #0a9af6; letter-spacing: -0.2px; font-weight: bold } .booth-mask { position: fixed; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); background-color: rgba(21, 26, 37, 0.82); left: 0; right: 0; top: 0; bottom: 0; z-index: 50; overflow: auto } .booth-modal { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .booth-modal-box { position: relative; max-width: 736px; margin: 0 auto; border-radius: 8px; overflow: hidden } .booth-modal-box-left { position: absolute; width: 50%; left: 0; top: 0; bottom: 0 } .booth-modal-box-right { position: relative; float: right; width: 50%; background: #fafbfd; min-height: 460px } .booth-modal-box-left img { width: 100%; height: 100%; object-fit: cover; object-position: left top } .booth-modal-box-right-in { padding: 20px 24px; top: 0; bottom: 0; right: 0; left: 0 } .booth-modal-box-close { position: absolute; right: 16px; top: 16px } .booth-modal-box-close a svg { display: block; width: 12px; height: 12px; fill: #a2abbb } .booth-modal-box-title { font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 20px; color: #151a25; letter-spacing: -0.2px; font-weight: bold; line-height: 1.3em; padding: 0 0 12px 0 } .booth-modal-box-text { font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 24px 0 } .booth-modal-box-list { padding: 0 0 20px 0 } .booth-modal-box-list-title { padding: 0 0 12px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #838fa5; letter-spacing: -0.2px; font-weight: bold } .booth-modal-box-list-input input { display: block; width: 100%; box-sizing: border-box; padding: 0 12px; height: 44px; border-radius: 3px; border: #dfe1e4 1px solid; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 15px; color: #151a25; letter-spacing: -0.2px } .booth-modal-box-list-left { float: left; width: 48% } .booth-modal-box-list-right { float: right; width: 48% } .booth-modal-box-btn a { display: inline-block; padding: 0 24px; height: 44px; border-radius: 3px; background: #ee1b1b; line-height: 44px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; letter-spacing: -0.2px; font-weight: bold } .booth-modal-box-tips { padding: 30px 0 0 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 13px; color: #717e94; letter-spacing: -0.2px; line-height: 1.38em } .booth-contents.view-3d { bottom: 0 } .booth-3d-view-nav { position: absolute; bottom: 2px; right: 12px; z-index: 50; font-size: 0 } .booth-3d-view-nav span { display: inline-block; vertical-align: top; width: 40px; height: 40px; margin: 0 12px 0 0; border-radius: 20px; overflow: hidden } .booth-top-btn-tips { position: absolute; padding: 12px; background: #fff; border-radius: 2px; box-shadow: 0 6px 12px 0 rgba(21, 26, 37, 0.16); top: 50px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 14px; color: #151a25; letter-spacing: -0.2px; text-align: center } .booth-top-btn-tips span { display: block; position: absolute; width: 12px; height: 12px; top: -11px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .booth-top-btn-tips span svg { display: block; width: 12px; height: 12px; fill: #fff } .booth-top-btn-3:hover .booth-top-btn-tips { display: block } .booth-modal-box-success { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .booth-modal-box-success-icon { width: 36px; margin: 0 auto 20px } .booth-modal-box-success-title { text-align: center; max-width: 260px; margin: 0 auto 14px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 20px; color: #151a25; letter-spacing: -0.2px; font-weight: bold; line-height: 1.2em } .booth-modal-box-success-text { padding: 0 0 24px 0; text-align: center; max-width: 256px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; letter-spacing: -0.2px; margin: 0 auto } .booth-modal-box-success-btn { text-align: center } .booth-modal-box-success-btn a { display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; background: #ee1b1b; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: bold; letter-spacing: -0.2px } .booth-right-btn-show-list.onactive { display: block } .booth-right-btn-show.onactive { display: block } .booth-mask-2 { position: fixed; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); left: 0; right: 0; top: 0; bottom: 0; overflow: auto } .booth-mask-2.onactive { display: block } .booth-3d { display: none } .booth-background.onactive { display: none } .booth-3d.onactive { display: inline-block } .booth-modal-box-btn input { display: inline-block; padding: 0 24px; height: 44px; border-radius: 3px; background: #ee1b1b; line-height: 44px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; letter-spacing: -0.2px; font-weight: bold } .booth-play-btn { position: absolute; width: 80px; height: 80px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 40px; overflow: hidden } .booth-play-btn a { display: block; width: 80px; height: 80px; border-radius: 40px } .booth-play-btn a svg { display: block; width: 36px; height: 36px; fill: #fff; margin: 22px 0 0 25px } .booth-play-btn.onactive { display: none } .js-video-booth { position: absolute; left: 0; right: 0; bottom: 0; top: 0 } .js-video-booth .fsv-bg { position: absolute; z-index: 0 } .js-video-booth .fsv-contents { padding: 0; position: static } .js-video-booth .bm-video-body-box { position: absolute; left: 0; top: 0; bottom: 0; right: 0 } .booth-checkout-mask { position: fixed; background: #000; left: 0; right: 0; top: 0; bottom: 0; z-index: 90; overflow: auto; padding: 0 0 120px 0 } .booth-checkout-mask-logo { height: 40px; margin: 32px 0 42px 32px } .booth-checkout-mask-logo img { width: auto; max-width: 100%; max-height: 100% } .booth-checkout-mask-close { position: absolute; right: 24px; top: 24px } .booth-checkout-mask-close a svg { display: block; width: 36px; height: 36px; fill: #fff; opacity: 0.6 } .booth-checkout-mask-footer { position: absolute; left: 0; bottom: 0; right: 0; height: 92px; box-sizing: border-box; padding: 24px 0; background: #fff } .booth-checkout-mask-footer-btn { float: right } .booth-checkout-mask-footer-btn a { display: inline-block; height: 44px; line-height: 44px; padding: 0 24px; background: #406ef5; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: bold; letter-spacing: -0.2px } .booth-splash-box { position: relative; max-width: 720px; margin: 0 auto; border-radius: 8px; overflow: hidden; background: #ebeef1 } .booth-splash-box-title { max-width: 354px; margin: 0 auto; padding: 0 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 24px; color: #000; font-weight: 500; letter-spacing: -0.2px; line-height: 1.2em; text-align: left } .booth-splash-box-price { text-align: left; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; letter-spacing: -0.2px; padding: 0 0 24px 0 } .booth-splash-box-right-in { padding: 44px 40px 64px 40px } .booth-splash-box-access-title { padding: 24px 0 16px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #717e94; font-weight: 500; letter-spacing: -0.36px } .booth-splash-box-access-list { display: block; list-style: none; padding: 0 0 48px 0 } .booth-splash-box-access-list li { display: block; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 16px; color: #181616; letter-spacing: -0.2px; line-height: 1.25em; padding: 0 0 8px 0 } .booth-splash-box-btn { padding-top: 24px; text-align: center } .booth-splash-box-btn a { display: inline-block; padding: 0 24px; height: 48px; line-height: 48px; background: #406ef5; border-radius: 3px; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 18px; color: #fff; letter-spacing: -0.2px } .booth-mask-close { position: absolute; top: 24px; right: 24px; width: 34px } .booth-mask-close a svg { display: block; width: 34px; height: 34px; fill: #fff; opacity: 0.6 } .booth-live-box.full-booth { position: fixed; left: 0; right: 0; top: 0; bottom: 0 } .booth-live-box-in.full-booth { width: auto; height: auto } .booth-splash-box-left-text { position: absolute; top: 40%; left: 0; right: 0; -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); text-align: center; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-size: 27px; color: #717e94; letter-spacing: -0.2px } .booth-splash-box-left-text span { display: block; width: 400px; margin: 0 auto; padding: 0 0 24px 0; font-family: 'ModernSans', Arial, Helvetica, sans-serif; color: #ffffff } @media screen and (max-width: 1023px) { .booth-modal { -webkit-transform: translateY(-46%); -ms-transform: translateY(-46%); transform: translateY(-46%) } .booth-splash-box { max-width: 440px; width: 94% } .booth-modal-box-left { display: none } .booth-modal-box-right { float: none; width: auto; max-width: 440px } .booth-splash-box-right-in { padding: 44px 32px 40px 32px } } @media screen and (max-width: 768px) { .booth-top-left { float: none } .booth-top-right { float: none; padding: 24px 0 0 0 } .booth-top-left.onactive { position: relative } } @media screen and (max-width: 767px) { .booth-top { padding: 16px } .booth-top-left-close { top: 8px; right: 8px } .booth-top-left.onactive { width: auto } .booth-top-btn-1, .booth-top-btn-2, .booth-top-btn-3, .booth-top-btn-4 { margin-bottom: 12px } .booth-header-logo { left: auto; right: 20px; transform: translateX(0) } .booth-top-right { height: 40px; box-sizing: content-box; overflow: hidden } .booth-top-right:hover { height: auto } .booth-top-deatils-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .booth-top-deatils-by a>b { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .booth-top-left.onactive .booth-top-deatils-title { white-space: normal; overflow: visible } .booth-top-left.onactive .booth-top-deatils-by a>b { white-space: normal; overflow: visible } .booth-right-btn-show { top: 150px; right: 0; background-color: rgba(0, 0, 0, 0.9) } } @media screen and (max-width: 700px) { .booth-ad-contents { display: none } } </style> </html> <script type="text/javascript"> $(function () { }) </script> <script> window.addEventListener("DOMContentLoaded", function() { let pollInterval = 300000; let minimumPollInterval = 15000; for (let block of document.getElementsByClassName("bm-dynamic-content")) { let interval = parseInt(block.dataset.interval); // Poll interval is the minimum interval of all dynamic blocks if (interval >= minimumPollInterval) pollInterval = Math.min(interval, pollInterval); } window.pollDynamicContentUpdates = function() { let blockParams = {}; for (let block of document.getElementsByClassName("bm-dynamic-content")) { blockParams[block.dataset.blockId] = { hash: block.dataset.dynamicContentHash }; } if (Object.keys(blockParams).length == 0) return; let xhr = new XMLHttpRequest(); let dynamicContentHost = ""; let url = dynamicContentHost + "/landing_page_templates/48507/dynamic_content"; xhr.open("POST", url); xhr.onload = function() { let updates = JSON.parse(xhr.responseText); for (let blockId in updates.blocks) { let update = updates.blocks[blockId]; let blocks = document.querySelectorAll( ".bm-dynamic-content[data-block-id='" + blockId + "']"); for (let block of blocks) { block.innerHTML = update.content; block.dataset.dynamicContentHash = update.hash; } } }; xhr.onerror = function() { console.error("Error polling dynamic content"); // If an error occurs when polling dynamic content, stop trying to poll to reduce server pressure clearInterval(window.dynamicContentInterval); }; // Send params as Base64-encoded form data instead of JSON to avoid // triggering CORS preflight requests xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8"); let data = { conference_id: "b2ef1c346309", draft: "", lang: "", blocks_encoded: (window.bmCommon || window).btoa(JSON.stringify(blockParams)), }; let params = []; for (let key in data) params.push(key + "=" + encodeURIComponent(data[key])); xhr.send(params.join("&")); } // Periodically poll for dynamic content updates, and add a random offset to evenly distribute requests setTimeout(function() { window.dynamicContentInterval = setInterval(function() { window.pollDynamicContentUpdates(); }, pollInterval); window.pollDynamicContentUpdates(); }, Math.random() * pollInterval); }); </script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta http-equiv="content-language" content="en"> <title>Zendesk CX Trends</title> <meta name="robots" content="noindex"> <meta name="keywords" content="CX trends, Zendesk, AI"> <meta name="description" content=""> <meta name="msvalidate.01" content="7FB67E680F127E1BBF8AF2977231BE73" /> <meta property="og:title" content="Zendesk CX Trends"/> <meta property="og:description" content=""/> <meta property="og:url" content="https://virtualevents.zendesk.com/series/cx-trends-latam-es-24/landing_page"/> <meta property="og:image" content="https://d5ln38p3754yc.cloudfront.net/conference_icons/9226438/large/1704378143-2b7a0b2395eee0d4.png?1704378143"/> <meta property="og:image:width" content="300" /> <meta property="og:image:height" content="300" /> <meta property="og:type" content="website"/> <meta property="og:site_name" content="virtualevents.zendesk.com"/> <meta name="google-site-verification" content="tagUoe1eXVgaWSbu03Mr51nqbLmGHpHeqHRGT4DSdP4" /> <meta name="google-site-verification" content="f7cpqTo30-NwefIhO4kdI4MRpRa9q5Ur488QTe99ElY" /> <meta name="google-site-verification" content="pKN6n-q6g6MF5Rx_HdB4m7KyAXXprCtimASccNUj5n8" /> <link rel="canonical" href="https://virtualevents.zendesk.com/series/cx-trends-latam-es-24/landing_page"> <meta content="authenticity_token" name="csrf-param" /> <meta content="g2G49xv90qKHagmi/0N4a8v3rcDgMzrr+EuPAxyYvOM=" name="csrf-token" /> <noscript> <style> .js-disable-section{ top: 0px; left: 5%; position: fixed; width: 90%; height: auto; margin: 0px; padding: 0px; z-index: 9999999; } .js-bme-box{ box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px; background-color: rgb(255, 0, 0); border-color: darkred; color: rgb(255, 255, 255); background-image: linear-gradient(to right, rgb(255, 49, 110), rgb(245, 53, 113)); border-radius: 0px 0px 5px 5px; text-align: center; } .js-bme-box span{ font-size: 18px; text-align: center; padding: 13px 10px; position: relative; font-family: 'ModernSans', Arial, Helvetica, sans-serif; font-weight: normal; line-height: 50px; } #register_with_pre_response, #register_with_pre_response_template, #submit_registration_button{ pointer-events:none !important; opacity: 0.5 !important; } </style> <div class="js-disable-section"> <div class="js-bme-box"> <span>Javascript is required to complete registration. Please enable Javascript in your browser, or contact support for instruction on how to do so.</span> </div> </div> </noscript> <input class="js-hidden-field-holder" data_question_id="8ede01b81508" id="bm_hidden_field_8ede01b81508" name="bm_hidden_field_8ede01b81508" type="hidden" /> <input class="js-hidden-field-holder" data_question_id="03f16ba99f2b" id="bm_hidden_field_03f16ba99f2b" name="bm_hidden_field_03f16ba99f2b" type="hidden" /> <input class="js-hidden-field-holder" data_question_id="f5ab983ff11a" id="bm_hidden_field_f5ab983ff11a" name="bm_hidden_field_f5ab983ff11a" type="hidden" /> <input class="js-hidden-field-holder" data_question_id="1da8536e5e39" id="bm_hidden_field_1da8536e5e39" name="bm_hidden_field_1da8536e5e39" type="hidden" /> <input class="js-hidden-field-holder" data_question_id="894e6cdc7380" id="bm_hidden_field_894e6cdc7380" name="bm_hidden_field_894e6cdc7380" type="hidden" /> <script> var api_name_field_id_lookup = {}; api_name_field_id_lookup['partner_account'] = '8ede01b81508'; api_name_field_id_lookup['partner_contact'] = '03f16ba99f2b'; api_name_field_id_lookup['utm_content'] = 'f5ab983ff11a'; api_name_field_id_lookup['utm_term'] = '1da8536e5e39'; api_name_field_id_lookup['utm_campaign'] = '894e6cdc7380'; function setBigMarkerHiddenFieldValue(field_id, value) { if (!field_id.startsWith('bm_hidden_field_')){ field_id = 'bm_hidden_field_'+api_name_field_id_lookup[field_id] } var question_id = $('#' + field_id).attr('data_question_id'); $('#' + field_id).val(value); $('.' + question_id + '-question').find('[id$=_response]').val(value); } </script> <script src="https://series-notification.bigmarker.com/socket.io/socket.io.js"></script> <script src="https://d5spd9ylw8dyc.cloudfront.net/assets/series_notification-fbf2af9554f5b0a5d12f4b135c4a3084.js" type="text/javascript"></script> <link href="https://d5spd9ylw8dyc.cloudfront.net/assets/fonts-m-7ca8c0aa70a3f8aaf95b9d8f86bef7e8.css" media="all" rel="stylesheet" type="text/css" /> <link href="https://d5spd9ylw8dyc.cloudfront.net/assets/event-notification-d43fd4614dfdba75cd9c35eb4a375704.css" media="all" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $(function(){ var bn_37064 = new BigmarkerNotification({ server: "https://series-notification.bigmarker.com", room_id: "ed8fe1b9dfaa", user_id: "Guest-Member" }); bn_37064.start(); $(document).on('click','.js-notification-close',function(e){ $(this).parents('.ead-message-notifications-box-fixed').removeClass('onactive'); }); }); </script> <div class="ead-message-notifications-box-fixed" id="js-series-notification" series_id="ed8fe1b9dfaa"> <div class="ead-message-notifications-box message-notifications-box"> <div class="ead-message-notifications-icon"> <img alt="Ead-messages-offsite-icon-1" src="https://d5spd9ylw8dyc.cloudfront.net/assets/series/ead-messages-offsite-icon-1-994e52aaf9510fcbb101295c69af92cb.png" /> </div> <div class="ead-message-notifications-close"> <a href="#" class="js-notification-close"> <svg version="1.1" width="8" height="8" viewBox="0 0 1024 1024"> <path d="M696.022 512.051l312.741 312.741c20.316 20.316 20.316 53.303 0 73.619l-110.352 110.352c-20.316 20.316-53.252 20.316-73.619 0l-312.792-312.741-312.792 312.741c-20.316 20.316-53.252 20.316-73.568 0l-110.403-110.352c-20.316-20.316-20.316-53.252 0-73.619l312.792-312.741-312.792-312.792c-20.316-20.316-20.316-53.303 0-73.619l110.454-110.352c20.316-20.316 53.252-20.316 73.568 0l312.741 312.792 312.792-312.792c20.316-20.316 53.252-20.316 73.619 0l110.352 110.403c20.316 20.316 20.316 53.252 0 73.619l-312.741 312.741z"/> </svg> </a> </div> <div class="ead-message-notifications-subtitle"> </div> <div class="ead-message-notifications-title"> </div> <div class="ead-message-notifications-link"> <a href="#" target="_blank"> </a> </div> </div> </div> <script type='text/javascript'> var data = { 'token': '662b7e0af2e41209e8dbcd1300abb30a0db0ee9a', 'series_id': '37064', 'conference_id': '', 'referer': document.referrer, 'domain': document.domain, 'url': document.URL, 'user_agent': navigator.userAgent, 'requested_uri': '/series/cx-trends-latam-es-24/landing_page?utm_bmcr_source=campaignlp', 'action_url': document.location.pathname, 'ip_address': '8.222.208.146', 'member_id': '', 'session_id': '5afca687c8edb448dcbf5ab6b04e808515f4937ea61d6a25d86cb6bd83438e73a21e8ee78d5cabd46a5172cba87dca7c' } data = window.btoa(unescape(encodeURIComponent(JSON.stringify(data)))); $.ajax({ url: 'https://logger-load-balancer-2.bigmarker.com/event_tracker/create', type: 'post', data: {data: data} }) </script>