Promova a interação da audiência com enquete ao vivo, sessão de perguntas e respostas, e muito mais

<!DOCTYPE HTML> <html lang="pt"> <head> <title>Promova a interação da audiência com enquete ao vivo, sessão de perguntas e respostas, e muito mais | Webex</title> <meta name="title" content="Promova a interação da audiência com enquete ao vivo, sessão de perguntas e respostas, e muito mais | Webex"/> <meta charset="UTF-8"> <meta name="keywords" content="Audience interaction, audience interaction platform, video conference, video conferencing, video conference app, collaboration, online events, online webinar, online polling tool, polling tool, online polls"> <meta name="author" content="Webex"> <meta name="publisher" content="Cisco"> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.webex.com/audience-engagement.html" /> <meta property="og:title" content="Drive Audience Interaction With Live Polling, Q&A, And More | Webex" /> <meta property="og:description" content="Make your video conferences and online events instantly interactive with live polling, Q&A, and more. Webex’s robust audience interaction features energize everyone to join the conversation, offering unique ways for each person to express themselves." /> <meta property="og:image" content="https://www.webex.com/content/dam/wbx/us/images/rebrand/slido-hero.jpg"> <meta property="og:site_name" content="Webex" /> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:url" content="https://www.webex.com/audience-engagement.html"> <meta name="twitter:title" content="Drive Audience Interaction With Live Polling, Q&A, And More | Webex"> <meta name="twitter:description" content="Make your video conferences and online events instantly interactive with live polling, Q&A, and more. Webex’s robust audience interaction features energize everyone to join the conversation, offering unique ways for each person to express themselves."> <meta name="twitter:image" content="https://www.webex.com/content/dam/wbx/us/images/rebrand/slido-hero.jpg"> <script defer="defer" type="text/javascript" src="/.rum/@adobe/helix-rum-js@%5E2/dist/rum-standalone.js"></script> <link rel="canonical" href="https://www.webex.com/audience-engagement.html"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta name="description" content="Torne suas videoconferências e eventos on-line interativos instantaneamente com enquetes ao vivo, sessões de perguntas e respostas, e muito mais. Os recursos robustos de interação de audiência do Webex motivam todos a entrar na conversa e oferecem maneiras exclusivas para cada um se expressar."/> <meta name="format-detection" content="telephone=no"/> <meta name="X-UA-Compatible" content="IE=edge,chrome=1"/> <meta name="language" content="pt"/> <meta name="country"/> <meta name="date" content="Thu Feb 09 08:30:03 UTC 2023"/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <script type="application/ld+json"> { "@context" : "https://schema.org", "@id": "https://www.webex.com/#website", "@type" : "WebSite", "name" : "Webex", "alternateName" : "Webex by Cisco", "url" : "https://www.webex.com" } </script> <script type="application/ld+json"> { "@context" : "https://schema.org", "@type" : "Organization", "name" : "Webex", "legalName" : "Webex by Cisco", "url" : "https://www.webex.com", "logo": "https://www.webex.com/content/dam/wbx/global/images/webex-favicon.png" } </script> <script type="text/javascript" src="https://www.cisco.com/c/dam/cdc/t/ctm-core.js"></script>  <script src="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/global/jquery.lc-88e9d121fa7daf363a97e5e290682415-lc.min.js"></script> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/global/main.lc-c7d8d078a6273d61840f97fee17a58ea-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/global/header.lc-8922d6e56f68b2ec71696c30e07e13b7-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/header.lc-bbeb05188b90bc82da98d22ce9d903c5-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/footer.lc-c690dd957929acec252b2620629ce646-lc.min.css" type="text/css"> <script src="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/search-bar.lc-553e92d6a8133e97cf3264bdf01d28a7-lc.min.js"></script>    <link rel="icon" type="image/png" href="/content/dam/wbx/global/images/webex-favicon.png"/> <link rel="shortcut icon" type="image/png" href="/content/dam/wbx/global/images/webex-favicon.png"/></head> <body data-spy="scroll" data-target=".ver-nav" data-offset="115" class="classic-" style="position: relative"> <div class="main-no-header"> <div class="body parsys"> <div class="open-html-component"> <div class="wbx-header"> <div class="open-html-component"> <style type="text/css"> /* product.css start by xintuan 2018/03/27*/ html, body { font-size: 16px } html, body, div, form, fieldset, label, table, tbody, tfoot, thead, tr, th, td, h1, h2, h3, h4, h5, h6, p, a, img, ul, ol { font-family: CiscoSansTT; font-style: normal; font-stretch: normal; color: #222; text-align: left; letter-spacing: normal } #wbx-devices .wbx-product-hero { position: relative; margin-top: 0 } #wbx-devices .wbx-product-hero .container-fluid { position: absolute; top: 0; left: 0; right: 0 } #wbx-devices .wbx-product-hero .wbx-product-hero-bg { text-align: center } #wbx-devices .wbx-product-hero .wbx-product-hero-bg img { -o-object-fit: cover; object-fit: cover; height: 100%; max-width: 100%; font-family: 'object-fit: cover; ' } #wbx-devices .wbx-product-hero .container .wbx-product-hero-header { font-size: 4.5rem; line-height: 4.75rem; font-weight: 600; letter-spacing: -3px; color: #000 } @media screen and (max-width: 767px) { #wbx-devices .wbx-product-hero .container .wbx-product-hero-header { font-size: 3.5rem; line-height: 3.9375rem } } @media screen and (min-width: 768px) { #wbx-devices .wbx-product-hero .container .wbx-product-hero-header { margin-bottom: 50px } } @media screen and (max-width: 767px) { #wbx-devices .wbx-product-hero .container .wbx-product-hero-header { margin-bottom: 0px } } #wbx-devices .wbx-product-hero .container .wbx-product-hero-header-eyebrow { font-size: 1.125rem; font-weight: 500; line-height: 2.1875rem; color: #000 } @media screen and (max-width: 767px) { #wbx-devices .wbx-product-hero .container .wbx-product-hero-header-eyebrow { font-size: 1rem; line-height: 1.75rem } } #wbx-devices .wbx-product-hero .container .wbx-product-hero-header-eyebrow img { width: 30px; margin-right: 5px } #wbx-devices .wbx-product-hero .container .wbx-product-hero-copy { font-size: 1rem; font-weight: 300; line-height: 1.75rem; margin-bottom: 50px } #wbx-devices .wbx-product-hero .container .wbx-product-hero-pill .wbx-product-hero-pill-cta { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; display: inline-block; background: #01BCEB; color: #fff; height: 40px; padding: 10px 20px; -webkit-border-radius: 20px; border-radius: 20px; line-height: 20px } #wbx-devices .wbx-product-hero .container .wbx-product-hero-pill .wbx-product-hero-pill-cta:hover { opacity: 0.8 } #wbx-devices .wbx-product-hero .container .wbx-product-hero-tech-specs { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; position: relative; padding-right: 35px; height: 40px } #wbx-devices .wbx-product-hero .container .wbx-product-hero-tech-specs:after { content: ''; display: block; position: absolute; top: 50%; right: 0px; width: 20px; height: 12px; background: url("/etc/designs/wbx/eopi/images/link-arrow.png"); background-position-x: 100%; background-repeat: no-repeat; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) } #wbx-devices .wbx-product-hero .container .wbx-product-hero-tech-specs:hover:after { width: 30px; -webkit-transform: translate3d(10px, -50%, 0); transform: translate3d(10px, -50%, 0) } #wbx-devices .wbx-product-hero .container .wbx-product-hero-tech-specs .wbx-product-hero-tech-specs-cta { line-height: 40px } @media screen and (min-width: 992px) { #wbx-devices .wbx-product-hero .container-fluid { bottom: 0 } #wbx-devices .wbx-product-hero .container { padding: 140px 0 120px 0 } #wbx-devices .wbx-product-hero .container .wbx-product-hero-copy { width: 70% } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-devices .wbx-product-hero .container-fluid { bottom: 0 } #wbx-devices .wbx-product-hero .wbx-product-hero-bg img { -o-object-position: 100%; object-position: 100% } #wbx-devices .wbx-product-hero .container { padding: 80px 0 200px 0 } #wbx-devices .wbx-product-hero .container .wbx-product-hero-header-eyebrow, #wbx-devices .wbx-product-hero .container .wbx-product-hero-header, #wbx-devices .wbx-product-hero .container .wbx-product-hero-copy { text-align: center } #wbx-devices .wbx-product-hero .container .wbx-product-hero-pill { text-align: center; margin-bottom: 28px } #wbx-devices .wbx-product-hero .container .wbx-product-hero-tech-specs .wbx-product-hero-tech-specs-cta { text-align: center } #wbx-devices .wbx-product-hero .container .wbx-product-hero-tech-specs::after { left: 61% } } @media screen and (max-width: 767px) { #wbx-devices .wbx-product-hero .wbx-product-hero-bg { height: 600px } #wbx-devices .wbx-product-hero .wbx-product-hero-bg img { -o-object-position: 100%; object-position: 100% } #wbx-devices .wbx-product-hero .container { padding: 30px 0 50px 0 } #wbx-devices .wbx-product-hero .container .wbx-product-hero-header-eyebrow, #wbx-devices .wbx-product-hero .container .wbx-product-hero-header, #wbx-devices .wbx-product-hero .container .wbx-product-hero-copy { text-align: center } #wbx-devices .wbx-product-hero .container .wbx-product-hero-header { height: 600px } #wbx-devices .wbx-product-hero .container .wbx-product-hero-copy { text-align: center; margin: 0 50px 30px } #wbx-devices .wbx-product-hero .container .wbx-product-hero-pill { text-align: center; margin-bottom: 28px } #wbx-devices .wbx-product-hero .container .wbx-product-hero-tech-specs .wbx-product-hero-tech-specs-cta { text-align: center } #wbx-devices .wbx-product-hero .container .wbx-product-hero-tech-specs::after { left: 73% } } #wbx-devices .wbx-category .container .wbx-category-grid .wbx-category-title { font-size: 2.625rem; font-weight: 600; line-height: 3.5rem; color: #000; margin-bottom: 25px; padding: 0 20px; text-align: center } @media screen and (max-width: 767px) { #wbx-devices .wbx-category .container .wbx-category-grid .wbx-category-title { font-size: 2.1875rem; line-height: 2.625rem } } #wbx-devices .wbx-category .container .wbx-category-grid .wbx-category-body { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; text-align: center; margin-bottom: 110px } #wbx-devices .wbx-category .container .wbx-category-grid .wbx-category-items-list .row .wbx-category-item .wbx-category-item-icon { height: 84px; margin-bottom: 25px } #wbx-devices .wbx-category .container .wbx-category-grid .wbx-category-items-list .row .wbx-category-item .wbx-category-item-icon img { max-height: 84px; max-width: 114px; position: absolute; bottom: 0 } #wbx-devices .wbx-category .container .wbx-category-grid .wbx-category-items-list .row .wbx-category-item .wbx-category-item-title { font-size: 1.25rem; font-weight: 500; line-height: 2.1875rem; color: #000 } #wbx-devices .wbx-category .container .wbx-category-grid .wbx-category-items-list .row .wbx-category-item .wbx-category-item-copy { font-size: 1rem; font-weight: 300; line-height: 1.75rem; margin-bottom: 15px } #wbx-devices .wbx-category .container .wbx-category-grid .wbx-category-items-list .row .wbx-category-item .wbx-category-item-link-cta { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; position: relative; padding-right: 35px } #wbx-devices .wbx-category .container .wbx-category-grid .wbx-category-items-list .row .wbx-category-item .wbx-category-item-link-cta:after { content: ''; display: block; position: absolute; top: 50%; right: 0px; width: 20px; height: 12px; background: url("/etc/designs/wbx/eopi/images/link-arrow.png"); background-position-x: 100%; background-repeat: no-repeat; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) } #wbx-devices .wbx-category .container .wbx-category-grid .wbx-category-items-list .row .wbx-category-item .wbx-category-item-link-cta:hover:after { width: 30px; -webkit-transform: translate3d(10px, -50%, 0); transform: translate3d(10px, -50%, 0) } #wbx-devices .wbx-category .container .wbx-category-grid .wbx-category-items-list .row .wbx-category-item .wbx-category-item-link-cta .wbx-category-item-link { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000 } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-devices .wbx-category .container .wbx-category-grid .wbx-category-items-list .row .wbx-category-item .wbx-category-item-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end } #wbx-devices .wbx-category .container .wbx-category-grid .wbx-category-items-list .row .wbx-category-item .wbx-category-item-icon img { position: relative } #wbx-devices .wbx-category .container .wbx-category-grid .wbx-category-items-list .row .wbx-category-item .wbx-category-item-title { text-align: center } #wbx-devices .wbx-category .container .wbx-category-grid .wbx-category-items-list .row .wbx-category-item .wbx-category-item-copy { text-align: center } #wbx-devices .wbx-category .container .wbx-category-grid .wbx-category-items-list .row .wbx-category-item .wbx-category-item-link-cta .wbx-category-item-link { text-align: center } #wbx-devices .wbx-category .container .wbx-category-grid .wbx-category-items-list .row .wbx-category-item .wbx-category-item-link-cta::after { right: 25% } } @media screen and (max-width: 767px) { #wbx-devices .wbx-category .container .wbx-category-grid .wbx-category-items-list .row .wbx-category-item { margin-bottom: 50px } #wbx-devices .wbx-category .container .wbx-category-grid .wbx-category-items-list .row .wbx-category-item .wbx-category-item-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } #wbx-devices .wbx-category .container .wbx-category-grid .wbx-category-items-list .row .wbx-category-item .wbx-category-item-title { text-align: center } #wbx-devices .wbx-category .container .wbx-category-grid .wbx-category-items-list .row .wbx-category-item .wbx-category-item-copy { text-align: center } #wbx-devices .wbx-category .container .wbx-category-grid .wbx-category-items-list .row .wbx-category-item .wbx-category-item-link-cta .wbx-category-item-link { text-align: center } #wbx-devices .wbx-category .container .wbx-category-grid .wbx-category-items-list .row .wbx-category-item .wbx-category-item-link-cta::after { right: 35% } } #wbx-devices .wbx-image-left-text-right .row, #wbx-devices .wbx-image-right-text-left .row { position: relative } #wbx-devices .wbx-text-block { margin-bottom: 36px } #wbx-devices .wbx-text-block .wbx-text-block-header { margin-bottom: 40px; font-size: 3.5rem; font-weight: 600; line-height: 4.25rem; letter-spacing: -3px; color: #000 } @media screen and (max-width: 767px) { #wbx-devices .wbx-text-block .wbx-text-block-header { font-size: 3rem; line-height: 3.4375rem } } @media screen and (min-width: 992px) { #wbx-devices .wbx-text-block .wbx-text-block-header { line-height: 1.10; letter-spacing: -1.4px } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-devices .wbx-text-block .wbx-text-block-header { line-height: 1.13; letter-spacing: -1.1px; text-align: center } } @media screen and (max-width: 767px) { #wbx-devices .wbx-text-block .wbx-text-block-header { line-height: 1.21; letter-spacing: -0.9px; text-align: center } } #wbx-devices .wbx-text-block .wbx-text-block-body { font-size: 1rem; font-weight: 300; line-height: 1.75rem; opacity: 0.8 } @media screen and (min-width: 992px) { #wbx-devices .wbx-text-block .wbx-text-block-body { line-height: 1.75 } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-devices .wbx-text-block .wbx-text-block-body { text-align: center } } @media screen and (max-width: 767px) { #wbx-devices .wbx-text-block .wbx-text-block-body { text-align: center } } #wbx-devices .wbx-image-block { text-align: center } #wbx-devices .wbx-image-block img { max-width: 100% } #wbx-devices .wbx-how-it-works-cta { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; position: relative; margin-left: 55px; margin-left: 84px } #wbx-devices .wbx-how-it-works-cta:before { content: ''; display: block; position: absolute; top: 50%; left: -55px; width: 45px; height: 45px; background: url("/etc/designs/wbx/eopi/images/link-circle.png"); background-position-x: 100%; background-repeat: no-repeat; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) } #wbx-devices .wbx-how-it-works-cta:hover:before { -webkit-transform: translate3d(0, -50%, 0) rotate(90deg); transform: translate3d(0, -50%, 0) rotate(90deg) } #wbx-devices .wbx-how-it-works-content { width: 100vw; height: 100vh; overflow-y: auto; overflow-x: hidden; position: fixed; top: 0; left: 0; z-index: 999 } #wbx-devices .wbx-how-it-works-content .flex-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } #wbx-devices .wbx-how-it-works-content .flex-support { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 } #wbx-devices .wbx-how-it-works-content .container { position: relative; margin: 20px auto } #wbx-devices .wbx-how-it-works-content .wbx-how-it-works-heading { font-size: 3.5rem; font-weight: 600; line-height: 3.9375rem; color: #000; margin-bottom: 60px; padding-left: 15px } @media screen and (max-width: 767px) { #wbx-devices .wbx-how-it-works-content .wbx-how-it-works-heading { font-size: 2.1875rem; line-height: 2.625rem } } #wbx-devices .wbx-how-it-works-content .wbx-how-it-works-image img { max-width: 100% } #wbx-devices .wbx-how-it-works-content .wbx-how-it-works-features-container { margin-top: 40px } #wbx-devices .wbx-how-it-works-content .wbx-how-it-works-features-container .wbx-how-it-works-feature-title { font-size: 1.125rem; font-weight: 600; line-height: 2.1875rem; color: #000 } @media screen and (max-width: 767px) { #wbx-devices .wbx-how-it-works-content .wbx-how-it-works-features-container .wbx-how-it-works-feature-title { font-size: 1rem; line-height: 1.75rem } } #wbx-devices .wbx-how-it-works-content .wbx-how-it-works-features-container .wbx-how-it-works-feature-description { font-size: 1rem; font-weight: 300; line-height: 1.75rem } #wbx-devices .wbx-how-it-works-content .wbx-how-it-works-close-btn { background: url(/etc/designs/wbx/eopi/images/overlay-close-btn.png); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; width: 60px; height: 60px; position: absolute; top: 0 } @media screen and (min-width: 992px) { #wbx-devices .wbx-text-block .wbx-text-block-header { width: 85% } #wbx-devices .wbx-text-block .wbx-text-block-body { width: 80%; margin-left: 10% } #wbx-devices .wbx-image-left-text-right .row .col-md-6:last-child, #wbx-devices .wbx-image-left-text-right .row .col-sm-12:last-child { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 50% } #wbx-devices .wbx-image-right-text-left .row .col-md-6:first-child, #wbx-devices .wbx-image-right-text-left .row .col-sm-12:first-child { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } #wbx-devices .wbx-image-right-text-left .row .col-md-6:last-child, #wbx-devices .wbx-image-right-text-left .row .col-sm-12:last-child { float: right } #wbx-devices .wbx-how-it-works-content .wbx-how-it-works-close-btn { right: 30px } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-devices .container-fluid .container { width: 100% } #wbx-devices .wbx-image-block { margin-bottom: 50px } #wbx-devices .wbx-image-right-text-left .wbx-image-block { margin-top: 150px; margin-bottom: 0 } #wbx-devices .wbx-how-it-works-content .container { padding-top: 15px } #wbx-devices .wbx-how-it-works-content .wbx-how-it-works-heading { font-size: 2.625rem; font-weight: 600; line-height: 3.5rem; color: #000; margin: 60px auto; padding: 0px 15px; text-align: center } } @media screen and (min-width: 768px) and (max-width: 991px) and (max-width: 767px) { #wbx-devices .wbx-how-it-works-content .wbx-how-it-works-heading { font-size: 2.1875rem; line-height: 2.625rem } } @media screen and (max-width: 767px) { #wbx-devices .wbx-image-block { margin-bottom: 50px } #wbx-devices .wbx-image-right-text-left .wbx-image-block { margin-bottom: 0 } } @media screen and (max-width: 991px) { #wbx-devices .wbx-how-it-works-cta { width: 0; margin: 0 auto; right: -23px } #wbx-devices .wbx-how-it-works-cta .wbx-how-it-works-cta-text { display: none } #wbx-devices .wbx-how-it-works-content .container .wbx-how-it-works-heading { text-align: center } #wbx-devices .wbx-how-it-works-content .container .wbx-how-it-works-features-container { margin-top: 20px } #wbx-devices .wbx-how-it-works-content .container .wbx-how-it-works-features-container .wbx-how-it-works-feature { margin-bottom: 10px } #wbx-devices .wbx-how-it-works-content .container .wbx-how-it-works-features-container .wbx-how-it-works-feature .wbx-how-it-works-feature-title { text-align: center } #wbx-devices .wbx-how-it-works-content .container .wbx-how-it-works-features-container .wbx-how-it-works-feature .wbx-how-it-works-feature-description { text-align: center } #wbx-devices .wbx-how-it-works-content .container .wbx-how-it-works-close-btn { width: 40px; height: 40px; right: 30px } #wbx-devices .wbx-image-right-text-left .row { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } #wbx-devices .wbx-image-right-text-left .row .col-md-6, #wbx-devices .wbx-image-right-text-left .row .col-sm-12 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } } #wbx-devices .wbx-product-links .container-fluid .row .wbx-product { margin-bottom: 40px } #wbx-devices .wbx-product-links .container-fluid .row .wbx-product .wbx-product-image { position: absolute; left: -30px; top: 10px } #wbx-devices .wbx-product-links .container-fluid .row .wbx-product .wbx-product-image img { width: 30px } #wbx-devices .wbx-product-links .container-fluid .row .wbx-product .wbx-product-title .wbx-product-cta-link { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; position: relative; padding-right: 35px; font-size: 2.625rem; font-weight: 600; line-height: 3.5rem; color: #000 } #wbx-devices .wbx-product-links .container-fluid .row .wbx-product .wbx-product-title .wbx-product-cta-link:after { content: ''; display: block; position: absolute; top: 50%; right: 0px; width: 20px; height: 12px; background: url("/etc/designs/wbx/eopi/images/link-arrow.png"); background-position-x: 100%; background-repeat: no-repeat; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) } #wbx-devices .wbx-product-links .container-fluid .row .wbx-product .wbx-product-title .wbx-product-cta-link:hover:after { width: 30px; -webkit-transform: translate3d(10px, -50%, 0); transform: translate3d(10px, -50%, 0) } @media screen and (max-width: 767px) { #wbx-devices .wbx-product-links .container-fluid .row .wbx-product .wbx-product-title .wbx-product-cta-link { font-size: 2.1875rem; line-height: 2.625rem } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-devices .wbx-product-links .container-fluid .container .wbx-product { margin-bottom: 60px } } @media screen and (max-width: 767px) { #wbx-devices .wbx-product-links .container-fluid .container .wbx-product { margin-bottom: 100px; margin-left: 20px } } #wbx-devices .wbx-cta-single { position: relative } #wbx-devices .wbx-cta-single .container-fluid .wbx-cta-single-header { font-size: 4.5rem; line-height: 4.75rem; font-weight: 600; letter-spacing: -3px; color: #000; text-align: center; margin-bottom: 57px } @media screen and (max-width: 767px) { #wbx-devices .wbx-cta-single .container-fluid .wbx-cta-single-header { font-size: 3.5rem; line-height: 3.9375rem } } #wbx-devices .wbx-cta-single .container-fluid .wbx-cta-single-body .wbx-cta-single-cta { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; display: inline-block; background: #01BCEB; color: #fff; height: 40px; padding: 10px 20px; -webkit-border-radius: 20px; border-radius: 20px; line-height: 20px; color: #000; background: none; border: 2px solid #000; width: 140px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto } #wbx-devices .wbx-cta-single .container-fluid .wbx-cta-single-body .wbx-cta-single-cta:hover { opacity: 0.8 } #wbx-devices .wbx-cta-single .container-fluid .wbx-cta-single-body .wbx-cta-single-cta .wbx-cta-single-copy { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000 } @media screen and (max-width: 767px) { #wbx-devices .wbx-cta-single .container-fluid .wbx-cta-single-header { font-size: 39px; margin-bottom: 35px } } #wbx-devices .wbx-devices-grid .container-fluid .container .wbx-devices-grid-header { font-size: 2.625rem; font-weight: 600; line-height: 3.5rem; color: #000 } @media screen and (max-width: 767px) { #wbx-devices .wbx-devices-grid .container-fluid .container .wbx-devices-grid-header { font-size: 2.1875rem; line-height: 2.625rem } } #wbx-devices .wbx-devices-grid .container-fluid .container .row .wbx-devices-grid-item { margin-bottom: 24px } #wbx-devices .wbx-devices-grid .container-fluid .container .row .wbx-devices-grid-item .wbx-devices-grid-item-bg { background-color: #fff; width: 100%; height: 100% } #wbx-devices .wbx-devices-grid .container-fluid .container .row .wbx-devices-grid-item .wbx-devices-grid-item-bg .wbx-devices-grid-item-image { padding: 0; background-color: #fff } #wbx-devices .wbx-devices-grid .container-fluid .container .row .wbx-devices-grid-item .wbx-devices-grid-item-bg .wbx-devices-grid-item-image img { width: inherit } #wbx-devices .wbx-devices-grid .container-fluid .container .row .wbx-devices-grid-item .wbx-devices-grid-item-bg .wbx-devices-grid-item-title { font-size: 1.25rem; font-weight: 500; line-height: 2.1875rem; color: #000; background-color: #fff } #wbx-devices .wbx-devices-grid .container-fluid .container .row .wbx-devices-grid-item .wbx-devices-grid-item-bg .wbx-devices-grid-item-price { font-size: .875rem; font-weight: 300; line-height: 1.75rem; background-color: #fff; color: #737373 } #wbx-devices .wbx-devices-grid .container-fluid .container .wbx-devices-grid-item.col-md-8 { width: 655px; height: 516px } #wbx-devices .wbx-devices-grid .container-fluid .container .wbx-devices-grid-item.col-md-4 { width: 328px; height: 246px } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-devices .wbx-devices-grid .container-fluid .container .wbx-devices-grid-header { font-size: 2.625rem; font-weight: 600; line-height: 3.5rem; color: #000 } } @media screen and (min-width: 768px) and (max-width: 991px) and (max-width: 767px) { #wbx-devices .wbx-devices-grid .container-fluid .container .wbx-devices-grid-header { font-size: 2.1875rem; line-height: 2.625rem } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-devices .wbx-devices-grid .container-fluid .container .row .wbx-devices-grid-item.col-sm-12, #wbx-devices .wbx-devices-grid .container-fluid .container .row .wbx-devices-grid-item.col-md-8 { width: 100%; height: 100% } #wbx-devices .wbx-devices-grid .container-fluid .container .row .wbx-devices-grid-item.col-sm-6, #wbx-devices .wbx-devices-grid .container-fluid .container .row .wbx-devices-grid-item.col-md-6 { width: 50%; height: 100% } #wbx-devices .wbx-devices-grid .container-fluid .container .row .wbx-devices-grid-item .wbx-devices-grid-item-bg .wbx-devices-grid-item-image { padding: 0 } #wbx-devices .wbx-devices-grid .container-fluid .container .row .wbx-devices-grid-item .wbx-devices-grid-item-bg .wbx-devices-grid-item-image img { width: inherit } } @media screen and (max-width: 767px) { #wbx-devices .wbx-devices-grid .container-fluid .container .wbx-devices-grid-header { font-size: 2.625rem; font-weight: 600; line-height: 3.5rem; color: #000 } } @media screen and (max-width: 767px) and (max-width: 767px) { #wbx-devices .wbx-devices-grid .container-fluid .container .wbx-devices-grid-header { font-size: 2.1875rem; line-height: 2.625rem } } @media screen and (max-width: 767px) { #wbx-devices .wbx-devices-grid .container-fluid .container .row { padding: 0 20px } #wbx-devices .wbx-devices-grid .container-fluid .container .row .wbx-devices-grid-item { width: 100%; height: 100% } #wbx-devices .wbx-devices-grid .container-fluid .container .row .wbx-devices-grid-item .wbx-devices-grid-item-bg .wbx-devices-grid-item-image { padding: 0 } #wbx-devices .wbx-devices-grid .container-fluid .container .row .wbx-devices-grid-item .wbx-devices-grid-item-bg .wbx-devices-grid-item-image img { width: inherit } } #wbx-devices .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-img { text-align: center } #wbx-devices .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-img img { max-height: 484px } #wbx-devices .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy { position: relative } #wbx-devices .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-header { font-size: 2.625rem; font-weight: 600; line-height: 3.5rem; color: #000; letter-spacing: -0.8px; padding-top: 80px; margin-bottom: 40px } @media screen and (max-width: 767px) { #wbx-devices .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-header { font-size: 2.1875rem; line-height: 2.625rem } } #wbx-devices .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-body { margin-bottom: 31px; font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000 } #wbx-devices .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-cta { text-decoration: underline } #wbx-devices .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-cta .wbx-customer-story-cta-link { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000 } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-devices .wbx-customer-story .container-fluid .container .wbx-customer-story-template { overflow-x: hidden } #wbx-devices .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-img { height: 502px } #wbx-devices .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-header, #wbx-devices .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-body { text-align: center } #wbx-devices .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-cta { width: 67%; margin: 0 auto } #wbx-devices .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-cta .wbx-customer-story-cta-link { text-align: right } } @media screen and (max-width: 767px) { #wbx-devices .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-img img { width: 100% } #wbx-devices .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-header, #wbx-devices .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-body { text-align: center } #wbx-devices .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-cta { width: 270px; margin: 0 auto } #wbx-devices .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-cta .wbx-customer-story-cta-link { text-align: right } } #wbx-devices .container-fluid .container { padding: 50px 0 } #wbx-home .wbx-hero-w-pill { position: relative; margin-top: 0 } #wbx-home .wbx-hero-w-pill .container-fluid { position: absolute; top: 0; left: 0; right: 0; padding: 0 } #wbx-home .wbx-hero-w-pill .wbx-hero-w-pill-bg img { -o-object-fit: cover; object-fit: cover; -o-object-position: 100% 100%; object-position: 100% 100%; height: 100%; font-family: 'object-fit: cover; object-position: 100% 100%; ' } #wbx-home .wbx-hero-w-pill .container .wbx-hero-w-pill-header { font-size: 4.5rem; line-height: 4.75rem; font-weight: 600; letter-spacing: -3px; color: #000 } @media screen and (max-width: 767px) { #wbx-home .wbx-hero-w-pill .container .wbx-hero-w-pill-header { font-size: 3.5rem; line-height: 3.9375rem } } @media screen and (min-width: 992px) { #wbx-home .wbx-hero-w-pill .container .wbx-hero-w-pill-header { margin-bottom: 20px } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-home .wbx-hero-w-pill .container .wbx-hero-w-pill-header { margin-bottom: 25px } } @media screen and (max-width: 767px) { #wbx-home .wbx-hero-w-pill .container .wbx-hero-w-pill-header { height: 600px } } #wbx-home .wbx-hero-w-pill .container .wbx-hero-w-pill-copy { font-size: 1rem; font-weight: 300; line-height: 1.75rem } @media screen and (min-width: 992px) { #wbx-home .wbx-hero-w-pill .container .wbx-hero-w-pill-copy { margin-bottom: 25px; width: 70% } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-home .wbx-hero-w-pill .container .wbx-hero-w-pill-copy { margin-bottom: 25px; width: 70% } } @media screen and (max-width: 767px) { #wbx-home .wbx-hero-w-pill .container .wbx-hero-w-pill-copy { margin: 60px 0px 30px } } #wbx-home .wbx-hero-w-pill .container .wbx-hero-w-pill-cta { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; display: inline-block; background: #01BCEB; color: #fff; height: 40px; padding: 10px 20px; -webkit-border-radius: 20px; border-radius: 20px; line-height: 20px } #wbx-home .wbx-hero-w-pill .container .wbx-hero-w-pill-cta:hover { opacity: 0.8 } @media screen and (min-width: 992px) { #wbx-home .wbx-hero-w-pill .container .wbx-hero-w-pill-cta { margin-bottom: 60px } } @media screen and (max-width: 767px) { #wbx-home .wbx-hero-w-pill .container .wbx-hero-w-pill-cta { margin-left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-bottom: 60px } } @media screen and (min-width: 992px) { #wbx-home .wbx-hero-w-pill .container-fluid { bottom: 0; overflow: hidden } #wbx-home .wbx-hero-w-pill .container-fluid img { height: 764px; width: 1440px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-left: 50% } #wbx-home .wbx-hero-w-pill .container { padding: 120px 0 120px 0 } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-home .wbx-hero-w-pill .container-fluid { bottom: 0 } #wbx-home .wbx-hero-w-pill .wbx-hero-w-pill-bg img { max-width: 100% } #wbx-home .wbx-hero-w-pill .container { padding: 100px 0 520px 0 } } @media screen and (max-width: 767px) { #wbx-home .wbx-hero-w-pill .container-fluid { height: 700px } #wbx-home .wbx-hero-w-pill .wbx-hero-w-pill-bg img { max-width: 100% } #wbx-home .wbx-hero-w-pill .container { padding: 80px 30px 0 } } #wbx-home .wbx-suite { position: relative; margin-top: -140px } #wbx-home .wbx-suite ul { list-style: none; padding: 0px } #wbx-home .wbx-suite ul li a { display: block; -webkit-border-radius: 10px; border-radius: 10px; background: #fff; min-height: 233px; padding: 30px 0px 10px 0px } #wbx-home .wbx-suite ul li a:hover .wbx-suite-name { color: #01BCEB } #wbx-home .wbx-suite ul li .wbx-suite-graphic { margin-bottom: 30px } #wbx-home .wbx-suite ul li .wbx-suite-graphic img { width: 100%; max-width: 200px } #wbx-home .wbx-suite ul li .wbx-suite-name { font-size: 1.8rem; line-height: 1; font-weight: 300; padding-left: 28px; padding-right: 28px; padding-bottom: 10px; -webkit-transition: color 125ms ease-in-out; -o-transition: color 125ms ease-in-out; transition: color 125ms ease-in-out } #wbx-home .wbx-suite ul li .wbx-suite-description { font-size: .875rem; font-weight: 300; line-height: 1.75rem; color: #737373; line-height: 1.5; padding-left: 28px; padding-right: 28px; line-height: 1.5 } @media screen and (min-width: 992px) { #wbx-home .wbx-suite ul li { padding-right: 0 } #wbx-home .wbx-suite ul li:first-child { padding-left: 0 } } @media screen and (max-width: 991px) { #wbx-home .wbx-suite ul li { margin-bottom: 20px } #wbx-home .wbx-suite ul li a { min-height: 190px } } @media screen and (max-width: 767px) { #wbx-home .wbx-suite { margin-top: 0 } } #wbx-home .wbx-reasons .container .wbx-reasons-header .wbx-reasons-header-copy { margin-bottom: 40px; font-size: 3.5rem; font-weight: 600; line-height: 4.25rem; letter-spacing: -3px; color: #000 } @media screen and (max-width: 767px) { #wbx-home .wbx-reasons .container .wbx-reasons-header .wbx-reasons-header-copy { font-size: 3rem; line-height: 3.4375rem } } @media screen and (min-width: 992px) { #wbx-home .wbx-reasons .container .wbx-reasons-header .wbx-reasons-header-copy { line-height: 1.10; letter-spacing: -1.4px } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-home .wbx-reasons .container .wbx-reasons-header .wbx-reasons-header-copy { line-height: 1.13; letter-spacing: -1.1px; text-align: center } } @media screen and (max-width: 767px) { #wbx-home .wbx-reasons .container .wbx-reasons-header .wbx-reasons-header-copy { line-height: 1.21; letter-spacing: -0.9px; text-align: center } } #wbx-home .wbx-reasons .container .wbx-reasons-copy { font-size: 1rem; font-weight: 300; line-height: 1.75rem; font-weight: 400 } #wbx-home .wbx-reasons .container .wbx-reasons-cta .wbx-reasons-link { margin: 0px; text-decoration: underline } #wbx-home .wbx-reasons .container .wbx-reasons-partners .wbx-reasons-small-spacer { display: none } #wbx-home .wbx-reasons .container .wbx-reasons-partners .wbx-reasons-partners-icon .wbx-reasons-partners-icon-image { height: 60px; width: 100%; text-align: center } @media screen and (min-width: 992px) { #wbx-home .wbx-reasons .container .wbx-reasons-header { margin-top: 57px } #wbx-home .wbx-reasons .container .wbx-reasons-header .wbx-reasons-header-copy { width: 700px; margin-bottom: 59px } #wbx-home .wbx-reasons .container .wbx-reasons-copy { padding: 0 120px; margin: 0 0 37px 0 } #wbx-home .wbx-reasons .container .wbx-reasons-cta { margin: 0px 0 80px 0px; padding-left: 120px } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-home .wbx-reasons .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } #wbx-home .wbx-reasons .container .wbx-reasons-header { margin-top: 81px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; text-align: center } #wbx-home .wbx-reasons .container .wbx-reasons-header .wbx-reasons-header-copy { display: inline-block; width: 550px; text-align: center; margin-bottom: 0px } #wbx-home .wbx-reasons .container .wbx-reasons-copy { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 100%; margin: 50px 0 63px 0; padding: 0 140px; text-align: center } #wbx-home .wbx-reasons .container .wbx-reasons-cta { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; margin: 0px 0px 30px 0px; text-align: center } #wbx-home .wbx-reasons .container .wbx-reasons-partners { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } #wbx-home .wbx-reasons .container .wbx-reasons-partners .wbx-reasons-partners-icon { margin: 10px auto } } @media screen and (max-width: 767px) { #wbx-home .wbx-reasons .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } #wbx-home .wbx-reasons .container .wbx-reasons-header { margin-top: 50px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; text-align: center } #wbx-home .wbx-reasons .container .wbx-reasons-header .wbx-reasons-header-copy { display: inline-block; text-align: center; margin-bottom: 0px } #wbx-home .wbx-reasons .container .wbx-reasons-copy { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 100%; margin: 50px 0; padding: 0 50px; text-align: center } #wbx-home .wbx-reasons .container .wbx-reasons-cta { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; margin: 0px 0px 30px 0px; text-align: center } #wbx-home .wbx-reasons .container .wbx-reasons-partners { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } #wbx-home .wbx-reasons .container .wbx-reasons-partners .wbx-reasons-spacer { display: none } #wbx-home .wbx-reasons .container .wbx-reasons-partners .wbx-reasons-small-spacer { display: block } #wbx-home .wbx-reasons .container .wbx-reasons-partners .wbx-reasons-partners-icon { margin: 10px auto } } #wbx-home .wbx-trial .container { padding-top: 100px; border-top: 1px solid #ebebeb } #wbx-home .wbx-trial .container .wbx-trial-spacer { display: block } #wbx-home .wbx-trial .container .wbx-trial-header .wbx-trial-header-copy { display: inline-block; font-size: 3.5rem; font-weight: 600; line-height: 4.25rem; letter-spacing: -3px; color: #000 } @media screen and (max-width: 767px) { #wbx-home .wbx-trial .container .wbx-trial-header .wbx-trial-header-copy { font-size: 3rem; line-height: 3.4375rem } } #wbx-home .wbx-trial .container .wbx-trial-cta { text-align: center } #wbx-home .wbx-trial .container .wbx-trial-cta .wbx-trial-pill { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; display: inline-block; background: #01BCEB; color: #fff; height: 40px; padding: 10px 20px; -webkit-border-radius: 20px; border-radius: 20px; line-height: 20px } #wbx-home .wbx-trial .container .wbx-trial-cta .wbx-trial-pill:hover { opacity: 0.8 } #wbx-home .wbx-trial .container .wbx-trial-plans .wbx-trial-plans-link { text-decoration: underline } @media screen and (min-width: 992px) { #wbx-home .wbx-trial { margin: 100px 0 } #wbx-home .wbx-trial .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 100px; border-top: 1px solid #ebebeb } #wbx-home .wbx-trial .container .wbx-trial-spacer { display: block } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-home .wbx-trial .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 100px; border-top: 1px solid #ebebeb } #wbx-home .wbx-trial .container .wbx-trial-header { text-align: center } #wbx-home .wbx-trial .container .wbx-trial-cta { text-align: center; margin: 15px 0 } #wbx-home .wbx-trial .container .wbx-trial-plans { text-align: center; margin: 15px 0 0 0 } } @media screen and (max-width: 767px) { #wbx-home .wbx-trial .container { padding-top: 100px; border-top: 1px solid #ebebeb } #wbx-home .wbx-trial .container .wbx-trial-header { text-align: center } #wbx-home .wbx-trial .container .wbx-trial-header .wbx-trial-header-copy { text-align: center; width: 250px } #wbx-home .wbx-trial .container .wbx-trial-cta { text-align: center; margin: 15px 0 } #wbx-home .wbx-trial .container .wbx-trial-plans { text-align: center; margin: 15px 0 } } #wbx-meetings .wbx-product-hero { position: relative; margin-top: 0 } #wbx-meetings .wbx-product-hero .container-fluid { position: absolute; top: 0; left: 0; right: 0 } #wbx-meetings .wbx-product-hero .wbx-product-hero-bg { text-align: center } #wbx-meetings .wbx-product-hero .wbx-product-hero-bg img { -o-object-fit: cover; object-fit: cover; height: 100%; max-width: 100%; font-family: 'object-fit: cover; ' } #wbx-meetings .wbx-product-hero .container .wbx-product-hero-header { font-size: 4.5rem; line-height: 4.75rem; font-weight: 600; letter-spacing: -3px; color: #000 } @media screen and (max-width: 767px) { #wbx-meetings .wbx-product-hero .container .wbx-product-hero-header { font-size: 3.5rem; line-height: 3.9375rem } } @media screen and (min-width: 768px) { #wbx-meetings .wbx-product-hero .container .wbx-product-hero-header { margin-bottom: 50px } } @media screen and (max-width: 767px) { #wbx-meetings .wbx-product-hero .container .wbx-product-hero-header { margin-bottom: 0px } } #wbx-meetings .wbx-product-hero .container .wbx-product-hero-header-eyebrow { font-size: 1.125rem; font-weight: 500; line-height: 2.1875rem; color: #000 } @media screen and (max-width: 767px) { #wbx-meetings .wbx-product-hero .container .wbx-product-hero-header-eyebrow { font-size: 1rem; line-height: 1.75rem } } #wbx-meetings .wbx-product-hero .container .wbx-product-hero-header-eyebrow img { width: 30px; margin-right: 5px } #wbx-meetings .wbx-product-hero .container .wbx-product-hero-copy { font-size: 1rem; font-weight: 300; line-height: 1.75rem; margin-bottom: 50px } #wbx-meetings .wbx-product-hero .container .wbx-product-hero-pill .wbx-product-hero-pill-cta { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; display: inline-block; background: #01BCEB; color: #fff; height: 40px; padding: 10px 20px; -webkit-border-radius: 20px; border-radius: 20px; line-height: 20px } #wbx-meetings .wbx-product-hero .container .wbx-product-hero-pill .wbx-product-hero-pill-cta:hover { opacity: 0.8 } #wbx-meetings .wbx-product-hero .container .wbx-product-hero-tech-specs { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; position: relative; padding-right: 35px; height: 40px } #wbx-meetings .wbx-product-hero .container .wbx-product-hero-tech-specs:after { content: ''; display: block; position: absolute; top: 50%; right: 0px; width: 20px; height: 12px; background: url("/etc/designs/wbx/eopi/images/link-arrow.png"); background-position-x: 100%; background-repeat: no-repeat; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) } #wbx-meetings .wbx-product-hero .container .wbx-product-hero-tech-specs:hover:after { width: 30px; -webkit-transform: translate3d(10px, -50%, 0); transform: translate3d(10px, -50%, 0) } #wbx-meetings .wbx-product-hero .container .wbx-product-hero-tech-specs .wbx-product-hero-tech-specs-cta { line-height: 40px } @media screen and (min-width: 992px) { #wbx-meetings .wbx-product-hero .container-fluid { bottom: 0 } #wbx-meetings .wbx-product-hero .container { padding: 140px 0 120px 0 } #wbx-meetings .wbx-product-hero .container .wbx-product-hero-copy { width: 70% } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-meetings .wbx-product-hero .container-fluid { bottom: 0 } #wbx-meetings .wbx-product-hero .wbx-product-hero-bg img { -o-object-position: 100%; object-position: 100% } #wbx-meetings .wbx-product-hero .container { padding: 80px 0 200px 0 } #wbx-meetings .wbx-product-hero .container .wbx-product-hero-header-eyebrow, #wbx-meetings .wbx-product-hero .container .wbx-product-hero-header, #wbx-meetings .wbx-product-hero .container .wbx-product-hero-copy { text-align: center } #wbx-meetings .wbx-product-hero .container .wbx-product-hero-pill { text-align: center; margin-bottom: 28px } #wbx-meetings .wbx-product-hero .container .wbx-product-hero-tech-specs .wbx-product-hero-tech-specs-cta { text-align: center } #wbx-meetings .wbx-product-hero .container .wbx-product-hero-tech-specs::after { left: 61% } } @media screen and (max-width: 767px) { #wbx-meetings .wbx-product-hero .wbx-product-hero-bg { height: 600px } #wbx-meetings .wbx-product-hero .wbx-product-hero-bg img { -o-object-position: 100%; object-position: 100% } #wbx-meetings .wbx-product-hero .container { padding: 30px 0 50px 0 } #wbx-meetings .wbx-product-hero .container .wbx-product-hero-header-eyebrow, #wbx-meetings .wbx-product-hero .container .wbx-product-hero-header, #wbx-meetings .wbx-product-hero .container .wbx-product-hero-copy { text-align: center } #wbx-meetings .wbx-product-hero .container .wbx-product-hero-header { height: 600px } #wbx-meetings .wbx-product-hero .container .wbx-product-hero-copy { text-align: center; margin: 0 50px 30px } #wbx-meetings .wbx-product-hero .container .wbx-product-hero-pill { text-align: center; margin-bottom: 28px } #wbx-meetings .wbx-product-hero .container .wbx-product-hero-tech-specs .wbx-product-hero-tech-specs-cta { text-align: center } #wbx-meetings .wbx-product-hero .container .wbx-product-hero-tech-specs::after { left: 73% } } #wbx-meetings .wbx-image-left-text-right .row, #wbx-meetings .wbx-image-right-text-left .row { position: relative } #wbx-meetings .wbx-text-block { margin-bottom: 36px } #wbx-meetings .wbx-text-block .wbx-text-block-header { margin-bottom: 40px; font-size: 3.5rem; font-weight: 600; line-height: 4.25rem; letter-spacing: -3px; color: #000 } @media screen and (max-width: 767px) { #wbx-meetings .wbx-text-block .wbx-text-block-header { font-size: 3rem; line-height: 3.4375rem } } @media screen and (min-width: 992px) { #wbx-meetings .wbx-text-block .wbx-text-block-header { line-height: 1.10; letter-spacing: -1.4px } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-meetings .wbx-text-block .wbx-text-block-header { line-height: 1.13; letter-spacing: -1.1px; text-align: center } } @media screen and (max-width: 767px) { #wbx-meetings .wbx-text-block .wbx-text-block-header { line-height: 1.21; letter-spacing: -0.9px; text-align: center } } #wbx-meetings .wbx-text-block .wbx-text-block-body { font-size: 1rem; font-weight: 300; line-height: 1.75rem; opacity: 0.8 } @media screen and (min-width: 992px) { #wbx-meetings .wbx-text-block .wbx-text-block-body { line-height: 1.75 } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-meetings .wbx-text-block .wbx-text-block-body { text-align: center } } @media screen and (max-width: 767px) { #wbx-meetings .wbx-text-block .wbx-text-block-body { text-align: center } } #wbx-meetings .wbx-image-block { text-align: center } #wbx-meetings .wbx-image-block img { max-width: 100% } #wbx-meetings .wbx-how-it-works-cta { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; position: relative; margin-left: 55px; margin-left: 84px } #wbx-meetings .wbx-how-it-works-cta:before { content: ''; display: block; position: absolute; top: 50%; left: -55px; width: 45px; height: 45px; background: url("/etc/designs/wbx/eopi/images/link-circle.png"); background-position-x: 100%; background-repeat: no-repeat; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) } #wbx-meetings .wbx-how-it-works-cta:hover:before { -webkit-transform: translate3d(0, -50%, 0) rotate(90deg); transform: translate3d(0, -50%, 0) rotate(90deg) } #wbx-meetings .wbx-how-it-works-content { width: 100vw; height: 100vh; overflow-y: auto; overflow-x: hidden; position: fixed; top: 0; left: 0; z-index: 999 } #wbx-meetings .wbx-how-it-works-content .flex-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } #wbx-meetings .wbx-how-it-works-content .flex-support { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 } #wbx-meetings .wbx-how-it-works-content .container { position: relative; margin: 20px auto } #wbx-meetings .wbx-how-it-works-content .wbx-how-it-works-heading { font-size: 3.5rem; font-weight: 600; line-height: 3.9375rem; color: #000; margin-bottom: 60px; padding-left: 15px } @media screen and (max-width: 767px) { #wbx-meetings .wbx-how-it-works-content .wbx-how-it-works-heading { font-size: 2.1875rem; line-height: 2.625rem } } #wbx-meetings .wbx-how-it-works-content .wbx-how-it-works-image img { max-width: 100% } #wbx-meetings .wbx-how-it-works-content .wbx-how-it-works-features-container { margin-top: 40px } #wbx-meetings .wbx-how-it-works-content .wbx-how-it-works-features-container .wbx-how-it-works-feature-title { font-size: 1.125rem; font-weight: 600; line-height: 2.1875rem; color: #000 } @media screen and (max-width: 767px) { #wbx-meetings .wbx-how-it-works-content .wbx-how-it-works-features-container .wbx-how-it-works-feature-title { font-size: 1rem; line-height: 1.75rem } } #wbx-meetings .wbx-how-it-works-content .wbx-how-it-works-features-container .wbx-how-it-works-feature-description { font-size: 1rem; font-weight: 300; line-height: 1.75rem } #wbx-meetings .wbx-how-it-works-content .wbx-how-it-works-close-btn { background: url(/etc/designs/wbx/eopi/images/overlay-close-btn.png); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; width: 60px; height: 60px; position: absolute; top: 0 } @media screen and (min-width: 992px) { #wbx-meetings .wbx-text-block .wbx-text-block-header { width: 85% } #wbx-meetings .wbx-text-block .wbx-text-block-body { width: 80%; margin-left: 10% } #wbx-meetings .wbx-image-left-text-right .row .col-md-6:last-child, #wbx-meetings .wbx-image-left-text-right .row .col-sm-12:last-child { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 50% } #wbx-meetings .wbx-image-right-text-left .row .col-md-6:first-child, #wbx-meetings .wbx-image-right-text-left .row .col-sm-12:first-child { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } #wbx-meetings .wbx-image-right-text-left .row .col-md-6:last-child, #wbx-meetings .wbx-image-right-text-left .row .col-sm-12:last-child { float: right } #wbx-meetings .wbx-how-it-works-content .wbx-how-it-works-close-btn { right: 30px } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-meetings .container-fluid .container { width: 100% } #wbx-meetings .wbx-image-block { margin-bottom: 50px } #wbx-meetings .wbx-image-right-text-left .wbx-image-block { margin-top: 150px; margin-bottom: 0 } #wbx-meetings .wbx-how-it-works-content .container { padding-top: 15px } #wbx-meetings .wbx-how-it-works-content .wbx-how-it-works-heading { font-size: 2.625rem; font-weight: 600; line-height: 3.5rem; color: #000; margin: 60px auto; padding: 0px 15px; text-align: center } } @media screen and (min-width: 768px) and (max-width: 991px) and (max-width: 767px) { #wbx-meetings .wbx-how-it-works-content .wbx-how-it-works-heading { font-size: 2.1875rem; line-height: 2.625rem } } @media screen and (max-width: 767px) { #wbx-meetings .wbx-image-block { margin-bottom: 50px } #wbx-meetings .wbx-image-right-text-left .wbx-image-block { margin-bottom: 0 } } @media screen and (max-width: 991px) { #wbx-meetings .wbx-how-it-works-cta { width: 0; margin: 0 auto; right: -23px } #wbx-meetings .wbx-how-it-works-cta .wbx-how-it-works-cta-text { display: none } #wbx-meetings .wbx-how-it-works-content .container .wbx-how-it-works-heading { text-align: center } #wbx-meetings .wbx-how-it-works-content .container .wbx-how-it-works-features-container { margin-top: 20px } #wbx-meetings .wbx-how-it-works-content .container .wbx-how-it-works-features-container .wbx-how-it-works-feature { margin-bottom: 10px } #wbx-meetings .wbx-how-it-works-content .container .wbx-how-it-works-features-container .wbx-how-it-works-feature .wbx-how-it-works-feature-title { text-align: center } #wbx-meetings .wbx-how-it-works-content .container .wbx-how-it-works-features-container .wbx-how-it-works-feature .wbx-how-it-works-feature-description { text-align: center } #wbx-meetings .wbx-how-it-works-content .container .wbx-how-it-works-close-btn { width: 40px; height: 40px; right: 30px } #wbx-meetings .wbx-image-right-text-left .row { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } #wbx-meetings .wbx-image-right-text-left .row .col-md-6, #wbx-meetings .wbx-image-right-text-left .row .col-sm-12 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } } #wbx-meetings .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-img { text-align: center } #wbx-meetings .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-img img { max-height: 484px } #wbx-meetings .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy { position: relative } #wbx-meetings .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-header { font-size: 2.625rem; font-weight: 600; line-height: 3.5rem; color: #000; letter-spacing: -0.8px; padding-top: 80px; margin-bottom: 40px } @media screen and (max-width: 767px) { #wbx-meetings .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-header { font-size: 2.1875rem; line-height: 2.625rem } } #wbx-meetings .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-body { margin-bottom: 31px; font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000 } #wbx-meetings .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-cta { text-decoration: underline } #wbx-meetings .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-cta .wbx-customer-story-cta-link { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000 } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-meetings .wbx-customer-story .container-fluid .container .wbx-customer-story-template { overflow-x: hidden } #wbx-meetings .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-img { height: 502px } #wbx-meetings .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-header, #wbx-meetings .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-body { text-align: center } #wbx-meetings .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-cta { width: 67%; margin: 0 auto } #wbx-meetings .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-cta .wbx-customer-story-cta-link { text-align: right } } @media screen and (max-width: 767px) { #wbx-meetings .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-img img { width: 100% } #wbx-meetings .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-header, #wbx-meetings .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-body { text-align: center } #wbx-meetings .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-cta { width: 270px; margin: 0 auto } #wbx-meetings .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-cta .wbx-customer-story-cta-link { text-align: right } } #wbx-meetings .wbx-product-links .container-fluid .row .wbx-product { margin-bottom: 40px } #wbx-meetings .wbx-product-links .container-fluid .row .wbx-product .wbx-product-image { position: absolute; left: -30px; top: 10px } #wbx-meetings .wbx-product-links .container-fluid .row .wbx-product .wbx-product-image img { width: 30px } #wbx-meetings .wbx-product-links .container-fluid .row .wbx-product .wbx-product-title .wbx-product-cta-link { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; position: relative; padding-right: 35px; font-size: 2.625rem; font-weight: 600; line-height: 3.5rem; color: #000 } #wbx-meetings .wbx-product-links .container-fluid .row .wbx-product .wbx-product-title .wbx-product-cta-link:after { content: ''; display: block; position: absolute; top: 50%; right: 0px; width: 20px; height: 12px; background: url("/etc/designs/wbx/eopi/images/link-arrow.png"); background-position-x: 100%; background-repeat: no-repeat; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) } #wbx-meetings .wbx-product-links .container-fluid .row .wbx-product .wbx-product-title .wbx-product-cta-link:hover:after { width: 30px; -webkit-transform: translate3d(10px, -50%, 0); transform: translate3d(10px, -50%, 0) } @media screen and (max-width: 767px) { #wbx-meetings .wbx-product-links .container-fluid .row .wbx-product .wbx-product-title .wbx-product-cta-link { font-size: 2.1875rem; line-height: 2.625rem } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-meetings .wbx-product-links .container-fluid .container .wbx-product { margin-bottom: 60px } } @media screen and (max-width: 767px) { #wbx-meetings .wbx-product-links .container-fluid .container .wbx-product { margin-bottom: 100px; margin-left: 20px } } #wbx-meetings .wbx-offerings .container .wbx-offerings-grid .wbx-offerings-title { font-size: 2.625rem; font-weight: 600; line-height: 3.5rem; color: #000; margin-bottom: 103px; padding: 0 20px; text-align: center } @media screen and (max-width: 767px) { #wbx-meetings .wbx-offerings .container .wbx-offerings-grid .wbx-offerings-title { font-size: 2.1875rem; line-height: 2.625rem } } #wbx-meetings .wbx-offerings .container .wbx-offerings-grid .wbx-offerings-body .row .wbx-offerings-item { margin-bottom: 90px } #wbx-meetings .wbx-offerings .container .wbx-offerings-grid .wbx-offerings-body .row .wbx-offerings-item .wbx-offerings-item-icon img { width: 30px } #wbx-meetings .wbx-offerings .container .wbx-offerings-grid .wbx-offerings-body .row .wbx-offerings-item .wbx-offerings-item-title { font-size: 1.25rem; font-weight: 500; line-height: 2.1875rem; color: #000 } #wbx-meetings .wbx-offerings .container .wbx-offerings-grid .wbx-offerings-body .row .wbx-offerings-item .wbx-offerings-item-copy { font-size: 1rem; font-weight: 300; line-height: 1.75rem } #wbx-meetings .wbx-offerings .container .wbx-offerings-grid .wbx-offerings-body .row .wbx-offerings-item .wbx-offerings-item-link-cta { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; position: relative; padding-right: 35px } #wbx-meetings .wbx-offerings .container .wbx-offerings-grid .wbx-offerings-body .row .wbx-offerings-item .wbx-offerings-item-link-cta:after { content: ''; display: block; position: absolute; top: 50%; right: 0px; width: 20px; height: 12px; background: url("/etc/designs/wbx/eopi/images/link-arrow.png"); background-position-x: 100%; background-repeat: no-repeat; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) } #wbx-meetings .wbx-offerings .container .wbx-offerings-grid .wbx-offerings-body .row .wbx-offerings-item .wbx-offerings-item-link-cta:hover:after { width: 30px; -webkit-transform: translate3d(10px, -50%, 0); transform: translate3d(10px, -50%, 0) } #wbx-meetings .wbx-offerings .container .wbx-offerings-grid .wbx-offerings-body .row .wbx-offerings-item .wbx-offerings-item-link-cta .wbx-offerings-item-link { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000 } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-meetings .wbx-offerings .container .wbx-offerings-grid .wbx-offerings-body .row .wbx-offerings-item .wbx-offerings-item-link-cta::after { right: 66% } } @media screen and (max-width: 767px) { #wbx-meetings .wbx-offerings .container-fluid .container .wbx-offerings-grid .wbx-offerings-body .row .wbx-offerings-item .wbx-offerings-item-icon { text-align: center } #wbx-meetings .wbx-offerings .container-fluid .container .wbx-offerings-grid .wbx-offerings-body .row .wbx-offerings-item .wbx-offerings-item-icon img { width: 28px; height: 29px } #wbx-meetings .wbx-offerings .container-fluid .container .wbx-offerings-grid .wbx-offerings-body .row .wbx-offerings-item .wbx-offerings-item-title { text-align: center } #wbx-meetings .wbx-offerings .container-fluid .container .wbx-offerings-grid .wbx-offerings-body .row .wbx-offerings-item .wbx-offerings-item-copy { text-align: center } #wbx-meetings .wbx-offerings .container-fluid .container .wbx-offerings-grid .wbx-offerings-body .row .wbx-offerings-item .wbx-offerings-item-link-cta .wbx-offerings-item-link { text-align: center } #wbx-meetings .wbx-offerings .container-fluid .container .wbx-offerings-grid .wbx-offerings-body .row .wbx-offerings-item .wbx-offerings-item-link-cta::after { right: 33% } } #wbx-meetings .container-fluid .container { padding: 50px 0 } #wbx-plans .wbx-pricing { position: relative } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-product-json div { display: none } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-header { font-size: 3.5rem; font-weight: 600; line-height: 3.9375rem; color: #000; text-align: center; margin-bottom: 30px } @media screen and (max-width: 767px) { #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-header { font-size: 2.1875rem; line-height: 2.625rem } } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-copy { font-size: 1.25rem; font-weight: 300; line-height: 2.1875rem; text-align: center; margin-bottom: 41px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-selection { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; text-align: center; margin-bottom: 80px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-selection input { margin-right: 10px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-selection div:first-of-type { text-align: right } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-recommended { font-size: .875rem; font-weight: 400; line-height: 1.75rem; font-size: 12px; color: #fff; background-color: #005073; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; text-align: center } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-spacer { height: 28px; background-color: transparent } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body { background-color: #fff; padding: 38px 38px 59px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-plan-title { font-size: 1.25rem; font-weight: 500; line-height: 2.1875rem; color: #000 } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-plan-desc { font-size: .875rem; font-weight: 400; line-height: 1.75rem; opacity: 0.6 } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-per-month { font-size: 2.625rem; font-weight: 600; line-height: 3.5rem; color: #000; letter-spacing: 3px } @media screen and (max-width: 767px) { #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-per-month { font-size: 2.1875rem; line-height: 2.625rem } } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-per-month .wbx-pricing-per-month-price span:last-child { margin-top: -25px; font-weight: 900 } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-per-month .wbx-pricing-per-month-price span:first-child { font-weight: 400; font-size: 16px; vertical-align: super } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-per-month .wbx-pricing-per-month-tag { font-size: .875rem; font-weight: 400; line-height: 1.75rem; opacity: 0.6 } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-buy-btn .wbx-pricing-buy-btn-cta { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; display: inline-block; background: #01BCEB; color: #fff; height: 40px; padding: 10px 20px; -webkit-border-radius: 20px; border-radius: 20px; line-height: 20px; background: #00bbed; width: 188px; height: 40px; text-align: center; margin-top: 50px; margin-bottom: 56px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-buy-btn .wbx-pricing-buy-btn-cta:hover { opacity: 0.8 } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-features-menu .wbx-pricing-features ul { list-style-type: none } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-features-menu .wbx-pricing-features ul li { padding-bottom: 32px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-features-menu .wbx-pricing-features ul li .wbx-pricing-plan-feature-title { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; font-weight: 500 } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-features-menu .wbx-pricing-features ul li .wbx-pricing-plan-feature-copy { font-size: .875rem; font-weight: 400; line-height: 1.75rem; color: #333 } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan:first-child { margin-left: 31px; margin-right: -63px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan:first-child .wbx-pricing-plan-body { padding-bottom: 146px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan:nth-child(2) { margin-left: 33px; margin-right: 33px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan:nth-child(2) .wbx-pricing-plan-body { -webkit-box-shadow: 0 15px 53px 18px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 53px 18px rgba(0, 0, 0, 0.1) } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan:last-child { margin-left: -63px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan:last-child .wbx-pricing-plan-body { -webkit-box-shadow: inset 47px 0 53px -32px rgba(0, 0, 0, 0.1); box-shadow: inset 47px 0 53px -32px rgba(0, 0, 0, 0.1) } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-header { margin-bottom: 30px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-copy { padding: 0 135px; margin-bottom: 40px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-selection { margin-bottom: 76px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-recommended { height: 24px; line-height: 24px; margin-left: -15px; margin-right: -15px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-spacer { height: 24px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body { margin-left: -15px; margin-right: -15px; padding: 21px 20px 32px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-plan-title { margin-bottom: -8px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-per-month { margin-top: 31px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-per-month .wbx-pricing-per-month-price { margin-bottom: -10px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-buy-btn { padding-left: 0; padding-right: 0 } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-buy-btn .wbx-pricing-buy-btn-cta { width: 100%; height: 40px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan:first-child { margin-left: 0; margin-right: -32px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan:first-child .wbx-pricing-plan-body { padding-bottom: 120px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan:nth-child(2) { margin-right: 62px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan:last-child { margin-left: -63px } } @media screen and (max-width: 767px) { #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-header { padding: 0 10px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-copy { padding: 0 24px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-selection div, #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-selection div:first-of-type { text-align: center } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan { margin-bottom: 10px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-spacer { height: 0 } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body { padding-top: 35px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-per-month { margin-top: 30px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-buy-btn { padding-left: 0; padding-right: 0; z-index: 1 } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-buy-btn .wbx-pricing-buy-btn-cta { width: 100% } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-features-menu.collapsed .wbx-pricing-features-toggle::before { content: 'Show Features' } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-features-menu.collapsed .wbx-pricing-features-toggle::after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); top: 92%; right: 15px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-features-menu .wbx-pricing-features-toggle { position: relative } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-features-menu .wbx-pricing-features-toggle::after { content: ''; display: inline-block; width: 0.46rem; height: 0.46rem; border-top: 0.093rem solid #000; border-right: 0.093rem solid #000; position: absolute; top: 40%; right: -15px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 100ms ease-in-out, margin 100ms ease-in-out; -o-transition: all 100ms ease-in-out, margin 100ms ease-in-out; transition: all 100ms ease-in-out, margin 100ms ease-in-out } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-features-menu .wbx-pricing-features-toggle::before { content: 'Hide Features' } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-features-menu .wbx-pricing-features-toggle::after { top: 92%; right: 15px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan .wbx-pricing-plan-body .wbx-pricing-features-menu .wbx-pricing-features { margin-top: 30px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan:first-child { margin-left: 0; margin-right: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan:first-child .wbx-pricing-plan-body { padding-bottom: 38px } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan:nth-child(2) { margin-left: 0; margin-right: 0 } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan:nth-child(2) .wbx-pricing-plan-body { -webkit-box-shadow: none; box-shadow: none } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan:last-child { margin-left: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } #wbx-plans .wbx-pricing .container-fluid .container .wbx-pricing-body .row .wbx-pricing-plan:last-child .wbx-pricing-plan-body { -webkit-box-shadow: none; box-shadow: none } } #wbx-plans .container-fluid .container { padding: 50px 0 } #wbx-support .wbx-support-hero { position: relative; margin-top: 0 } #wbx-support .wbx-support-hero .container-fluid { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } #wbx-support .wbx-support-hero .wbx-support-hero-bg { text-align: center } #wbx-support .wbx-support-hero .wbx-support-hero-bg img { -o-object-fit: cover; object-fit: cover; height: 100%; max-width: 100%; font-family: 'object-fit: cover; ' } #wbx-support .wbx-support-hero .wbx-support-hero-content { padding: 80px 0 290px 0 } #wbx-support .wbx-support-hero .wbx-support-hero-content h1 { text-align: center; font-size: 2.625rem; font-weight: 600; line-height: 3.5rem; color: #000 } @media screen and (max-width: 767px) { #wbx-support .wbx-support-hero .wbx-support-hero-content h1 { font-size: 2.1875rem; line-height: 2.625rem } } #wbx-support .wbx-support-hero .wbx-support-hero-content form { width: 100%; margin-top: 45px } #wbx-support .wbx-support-hero .wbx-support-hero-content form input { width: 100%; height: 60px; background: #fff; -webkit-border-radius: 20px; border-radius: 20px; border: none; outline: none; padding-left: 30px; font-size: 1.25rem; font-weight: 400; line-height: 2.1875rem } #wbx-support .wbx-support-hero .wbx-support-modules { position: relative; top: 110px } #wbx-support .wbx-support-hero .wbx-support-modules ul { list-style: none; padding: 0px } #wbx-support .wbx-support-hero .wbx-support-modules ul li a { display: block; -webkit-border-radius: 10px; border-radius: 10px; background: #fff; min-height: 185px; padding: 30px 15px 15px 15px } #wbx-support .wbx-support-hero .wbx-support-modules ul li .wbx-module-graphic { margin-bottom: 30px } #wbx-support .wbx-support-hero .wbx-support-modules ul li .wbx-module-name { font-size: 1.8rem; line-height: 1; font-weight: 300 } #wbx-support .wbx-support-hero .wbx-support-modules ul li .wbx-module-description { font-size: .875rem; font-weight: 300; line-height: 1.75rem; color: #737373; line-height: 1.5 } #wbx-support .wbx-suite { position: relative; margin-top: -140px } #wbx-support .wbx-suite ul { list-style: none; padding: 0px } #wbx-support .wbx-suite ul li a { display: block; -webkit-border-radius: 10px; border-radius: 10px; background: #fff; min-height: 233px; padding: 30px 0px 10px 0px } #wbx-support .wbx-suite ul li a:hover .wbx-suite-name { color: #01BCEB } #wbx-support .wbx-suite ul li .wbx-suite-graphic { margin-bottom: 30px } #wbx-support .wbx-suite ul li .wbx-suite-graphic img { width: 100%; max-width: 200px } #wbx-support .wbx-suite ul li .wbx-suite-name { font-size: 1.8rem; line-height: 1; font-weight: 300; padding-left: 28px; padding-right: 28px; padding-bottom: 10px; -webkit-transition: color 125ms ease-in-out; -o-transition: color 125ms ease-in-out; transition: color 125ms ease-in-out } #wbx-support .wbx-suite ul li .wbx-suite-description { font-size: .875rem; font-weight: 300; line-height: 1.75rem; color: #737373; line-height: 1.5; padding-left: 28px; padding-right: 28px; line-height: 1.5 } @media screen and (min-width: 992px) { #wbx-support .wbx-suite ul li { padding-right: 0 } #wbx-support .wbx-suite ul li:first-child { padding-left: 0 } } @media screen and (max-width: 991px) { #wbx-support .wbx-suite ul li { margin-bottom: 20px } #wbx-support .wbx-suite ul li a { min-height: 190px } } #wbx-support .wbx-support-faq .wbx-support-faq-wrapper h1 { text-align: left; font-size: 2.625rem; font-weight: 900; line-height: 1.33; letter-spacing: normal; color: #222; margin-bottom: 50px } @media screen and (max-width: 767px) { #wbx-support .wbx-support-faq .wbx-support-faq-wrapper h1 { font-size: 3.5rem; line-height: 3.9375rem } } #wbx-support .wbx-support-faq .wbx-support-faq-wrapper dl { border-bottom: 1px solid #ebebeb; position: relative; padding-bottom: 20px } #wbx-support .wbx-support-faq .wbx-support-faq-wrapper dl .question { font-size: 1.25rem; font-weight: 400; line-height: 2.1875rem; font-weight: 300; line-height: 1.75; color: #000; position: relative } #wbx-support .wbx-support-faq .wbx-support-faq-wrapper dl .question::after { content: ''; display: inline-block; width: 0.46rem; height: 0.46rem; border-top: 0.093rem solid #000; border-right: 0.093rem solid #000; position: absolute; top: 40%; right: -15px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 100ms ease-in-out, margin 100ms ease-in-out; -o-transition: all 100ms ease-in-out, margin 100ms ease-in-out; transition: all 100ms ease-in-out, margin 100ms ease-in-out } #wbx-support .wbx-support-faq .wbx-support-faq-wrapper dl .question::after { top: 50%; -webkit-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%) } #wbx-support .wbx-support-faq .wbx-support-faq-wrapper dl .answer { padding-top: 28px; font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; font-weight: 300; color: #626262; max-width: 697px } #wbx-support .wbx-support-faq .wbx-support-faq-wrapper dl.collapsed .question::after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg) } #wbx-support .wbx-support-faq .wbx-support-faq-more { text-align: center } #wbx-support .wbx-support-faq .wbx-support-faq-more a { font-size: .875rem; font-weight: 500; line-height: 1.75rem; color: #000; font-size: 1rem } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-support .wbx-support-faq .wbx-support-faq-wrapper dl .answer { max-width: 569px } } @media screen and (max-width: 767px) { #wbx-support .wbx-support-faq .wbx-support-faq-wrapper h1 { text-align: center } } #wbx-support .wbx-support-tips .wbx-support-tips-heading-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 60px } #wbx-support .wbx-support-tips .wbx-support-tips-heading-wrapper h1 { font-size: 2.625rem; font-weight: 900; line-height: 1.33; letter-spacing: normal; color: #222 } @media screen and (max-width: 767px) { #wbx-support .wbx-support-tips .wbx-support-tips-heading-wrapper h1 { font-size: 3.5rem; line-height: 3.9375rem } } #wbx-support .wbx-support-tips .wbx-support-tips-heading-wrapper .wbx-support-tips-more { text-align: right } #wbx-support .wbx-support-tips .wbx-support-tips-heading-wrapper .wbx-support-tips-more a { text-decoration: underline; position: relative } #wbx-support .wbx-support-tips .wbx-support-tips-item { padding-right: 0px } #wbx-support .wbx-support-tips .wbx-support-tips-item a { display: block } #wbx-support .wbx-support-tips .wbx-support-tips-item .wbx-support-tip-image { position: relative } #wbx-support .wbx-support-tips .wbx-support-tips-item .wbx-support-tip-image img { width: 100%; max-width: 100%; display: block } #wbx-support .wbx-support-tips .wbx-support-tips-item .wbx-support-tip-image .play-btn { max-width: 36px; width: 36px; height: 36px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%) } #wbx-support .wbx-support-tips .wbx-support-tips-item .wbx-support-tip-bottom { background: #fff; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; padding: 40px 15px 30px 15px; min-height: 160px } #wbx-support .wbx-support-tips .wbx-support-tips-item .wbx-support-tip-bottom h3 { font-size: 1.25rem; font-weight: 500; line-height: 2.1875rem; color: #000; line-height: 1.5rem } #wbx-support .wbx-support-tips .wbx-support-tips-item .wbx-support-tip-bottom .wbx-support-tip-description { font-size: .875rem; font-weight: 400; line-height: 1.75rem; color: #737373 } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-support .wbx-support-tips .wbx-support-tips-item:last-child { display: none } } @media screen and (max-width: 767px) { #wbx-support .wbx-support-tips .wbx-support-tips-heading-wrapper { display: block; margin-bottom: 30px } #wbx-support .wbx-support-tips .wbx-support-tips-heading-wrapper h1 { text-align: center } #wbx-support .wbx-support-tips .wbx-support-tips-heading-wrapper .wbx-support-tips-more { text-align: center } #wbx-support .wbx-support-tips .wbx-support-tips-item .wbx-support-tip-bottom { margin-bottom: 20px; padding-bottom: 0px } } #wbx-support .wbx-more-help .container .wbx-more-help-header-container .wbx-more-help-header { font-size: 3.5rem; font-weight: 600; line-height: 4.25rem; letter-spacing: -3px; color: #000 } @media screen and (max-width: 767px) { #wbx-support .wbx-more-help .container .wbx-more-help-header-container .wbx-more-help-header { font-size: 3rem; line-height: 3.4375rem } } #wbx-support .wbx-more-help .container .wbx-more-help-options .wbx-more-help-options-link { font-size: .875rem; font-weight: 400; line-height: 1.75rem; text-align: center; display: block; text-decoration: underline } @media screen and (min-width: 992px) { #wbx-support .wbx-more-help .container .wbx-more-help-header-container { text-align: center } #wbx-support .wbx-more-help .container .wbx-more-help-header-container .wbx-more-help-header { display: inline-block; text-align: center; width: 700px; margin: 60px 0 } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-support .wbx-more-help .container .wbx-more-help-header-container { text-align: center } #wbx-support .wbx-more-help .container .wbx-more-help-header-container .wbx-more-help-header { display: inline-block; text-align: center; width: 700px; margin: 60px 0 } #wbx-support .wbx-more-help .container .wbx-more-help-options { padding: 0 } } @media screen and (max-width: 767px) { #wbx-support .wbx-more-help .container .wbx-more-help-header-container { text-align: center; margin: 0 0 20px 0 } #wbx-support .wbx-more-help .container .wbx-more-help-header-container .wbx-more-help-header { display: inline-block; text-align: center; max-width: 400px } #wbx-support .wbx-more-help .container .wbx-more-help-options { margin: 30px 0 } } #wbx-teams .wbx-team-grid .wbx-team-grid-head div { text-align: center } #wbx-teams .wbx-team-grid .wbx-team-grid-head .wbx-team-grid-header { font-size: 2.625rem; font-weight: 600; line-height: 3.5rem; color: #000 } @media screen and (max-width: 767px) { #wbx-teams .wbx-team-grid .wbx-team-grid-head .wbx-team-grid-header { font-size: 2.1875rem; line-height: 2.625rem } } #wbx-teams .wbx-team-grid .wbx-team-grid-head .wbx-team-grid-divider .wbx-team-grid-divider-line { margin: 15px auto; display: block; background-color: #aaa; height: 1px; width: 50px } #wbx-teams .wbx-team-grid .wbx-team-grid-head .wbx-team-grid-copy { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000 } #wbx-teams .wbx-team-grid .wbx-team-grid-body .wbx-team-grid-item { margin-bottom: 20px } #wbx-teams .wbx-team-grid .wbx-team-grid-body .wbx-team-grid-item .wbx-team-grid-item-body { padding-left: 26px } #wbx-teams .wbx-team-grid .wbx-team-grid-body .wbx-team-grid-item .wbx-team-grid-item-body .wbx-team-grid-item-header { font-size: 1.25rem; font-weight: 500; line-height: 2.1875rem; color: #000 } #wbx-teams .wbx-team-grid .wbx-team-grid-body .wbx-team-grid-item .wbx-team-grid-item-body .wbx-team-grid-item-copy { font-size: 1rem; font-weight: 300; line-height: 1.75rem } #wbx-teams .wbx-team-grid .wbx-team-grid-link { text-align: center } #wbx-teams .wbx-team-grid .wbx-team-grid-link .wbx-team-grid-link-cta { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; display: inline-block; background: #01BCEB; color: #fff; height: 40px; padding: 10px 20px; -webkit-border-radius: 20px; border-radius: 20px; line-height: 20px; color: #000; background: none; border: 2px solid #000; width: 143px } #wbx-teams .wbx-team-grid .wbx-team-grid-link .wbx-team-grid-link-cta:hover { opacity: 0.8 } @media screen and (min-width: 992px) { #wbx-teams .wbx-team-grid .wbx-team-grid-head .wbx-team-grid-copy { padding: 0 220px } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-teams .wbx-team-grid .wbx-team-grid-head .wbx-team-grid-copy { padding: 0 110px } #wbx-teams .wbx-team-grid .wbx-team-grid-head .wbx-team-grid-item-body { padding-left: 0 } #wbx-teams .wbx-team-grid .wbx-team-grid-head .wbx-team-grid-item-body .wbx-team-grid-item-header { text-align: center } #wbx-teams .wbx-team-grid .wbx-team-grid-head .wbx-team-grid-item-body .wbx-team-grid-item-copy { text-align: center } } @media screen and (max-width: 767px) { #wbx-teams .wbx-team-grid .wbx-grid-center { width: 275px; margin: 0 auto } #wbx-teams .wbx-team-grid .wbx-grid-center .wbx-team-grid-item-body { width: 210px; margin-left: 10px } } #wbx-teams .wbx-image-left-text-right .row, #wbx-teams .wbx-image-right-text-left .row { position: relative } #wbx-teams .wbx-text-block { margin-bottom: 36px } #wbx-teams .wbx-text-block .wbx-text-block-header { margin-bottom: 40px; font-size: 3.5rem; font-weight: 600; line-height: 4.25rem; letter-spacing: -3px; color: #000 } @media screen and (max-width: 767px) { #wbx-teams .wbx-text-block .wbx-text-block-header { font-size: 3rem; line-height: 3.4375rem } } @media screen and (min-width: 992px) { #wbx-teams .wbx-text-block .wbx-text-block-header { line-height: 1.10; letter-spacing: -1.4px } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-teams .wbx-text-block .wbx-text-block-header { line-height: 1.13; letter-spacing: -1.1px; text-align: center } } @media screen and (max-width: 767px) { #wbx-teams .wbx-text-block .wbx-text-block-header { line-height: 1.21; letter-spacing: -0.9px; text-align: center } } #wbx-teams .wbx-text-block .wbx-text-block-body { font-size: 1rem; font-weight: 300; line-height: 1.75rem; opacity: 0.8 } @media screen and (min-width: 992px) { #wbx-teams .wbx-text-block .wbx-text-block-body { line-height: 1.75 } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-teams .wbx-text-block .wbx-text-block-body { text-align: center } } @media screen and (max-width: 767px) { #wbx-teams .wbx-text-block .wbx-text-block-body { text-align: center } } #wbx-teams .wbx-image-block { text-align: center } #wbx-teams .wbx-image-block img { max-width: 100% } #wbx-teams .wbx-how-it-works-cta { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; position: relative; margin-left: 55px; margin-left: 84px } #wbx-teams .wbx-how-it-works-cta:before { content: ''; display: block; position: absolute; top: 50%; left: -55px; width: 45px; height: 45px; background: url("/etc/designs/wbx/eopi/images/link-circle.png"); background-position-x: 100%; background-repeat: no-repeat; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) } #wbx-teams .wbx-how-it-works-cta:hover:before { -webkit-transform: translate3d(0, -50%, 0) rotate(90deg); transform: translate3d(0, -50%, 0) rotate(90deg) } #wbx-teams .wbx-how-it-works-content { width: 100vw; height: 100vh; overflow-y: auto; overflow-x: hidden; position: fixed; top: 0; left: 0; z-index: 999 } #wbx-teams .wbx-how-it-works-content .flex-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } #wbx-teams .wbx-how-it-works-content .flex-support { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 } #wbx-teams .wbx-how-it-works-content .container { position: relative; margin: 20px auto } #wbx-teams .wbx-how-it-works-content .wbx-how-it-works-heading { font-size: 3.5rem; font-weight: 600; line-height: 3.9375rem; color: #000; margin-bottom: 60px; padding-left: 15px } @media screen and (max-width: 767px) { #wbx-teams .wbx-how-it-works-content .wbx-how-it-works-heading { font-size: 2.1875rem; line-height: 2.625rem } } #wbx-teams .wbx-how-it-works-content .wbx-how-it-works-image img { max-width: 100% } #wbx-teams .wbx-how-it-works-content .wbx-how-it-works-features-container { margin-top: 40px } #wbx-teams .wbx-how-it-works-content .wbx-how-it-works-features-container .wbx-how-it-works-feature-title { font-size: 1.125rem; font-weight: 600; line-height: 2.1875rem; color: #000 } @media screen and (max-width: 767px) { #wbx-teams .wbx-how-it-works-content .wbx-how-it-works-features-container .wbx-how-it-works-feature-title { font-size: 1rem; line-height: 1.75rem } } #wbx-teams .wbx-how-it-works-content .wbx-how-it-works-features-container .wbx-how-it-works-feature-description { font-size: 1rem; font-weight: 300; line-height: 1.75rem } #wbx-teams .wbx-how-it-works-content .wbx-how-it-works-close-btn { background: url(/etc/designs/wbx/eopi/images/overlay-close-btn.png); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; width: 60px; height: 60px; position: absolute; top: 0 } @media screen and (min-width: 992px) { #wbx-teams .wbx-text-block .wbx-text-block-header { width: 85% } #wbx-teams .wbx-text-block .wbx-text-block-body { width: 80%; margin-left: 10% } #wbx-teams .wbx-image-left-text-right .row .col-md-6:last-child, #wbx-teams .wbx-image-left-text-right .row .col-sm-12:last-child { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 50% } #wbx-teams .wbx-image-right-text-left .row .col-md-6:first-child, #wbx-teams .wbx-image-right-text-left .row .col-sm-12:first-child { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } #wbx-teams .wbx-image-right-text-left .row .col-md-6:last-child, #wbx-teams .wbx-image-right-text-left .row .col-sm-12:last-child { float: right } #wbx-teams .wbx-how-it-works-content .wbx-how-it-works-close-btn { right: 30px } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-teams .container-fluid .container { width: 100% } #wbx-teams .wbx-image-block { margin-bottom: 50px } #wbx-teams .wbx-image-right-text-left .wbx-image-block { margin-top: 150px; margin-bottom: 0 } #wbx-teams .wbx-how-it-works-content .container { padding-top: 15px } #wbx-teams .wbx-how-it-works-content .wbx-how-it-works-heading { font-size: 2.625rem; font-weight: 600; line-height: 3.5rem; color: #000; margin: 60px auto; padding: 0px 15px; text-align: center } } @media screen and (min-width: 768px) and (max-width: 991px) and (max-width: 767px) { #wbx-teams .wbx-how-it-works-content .wbx-how-it-works-heading { font-size: 2.1875rem; line-height: 2.625rem } } @media screen and (max-width: 767px) { #wbx-teams .wbx-image-block { margin-bottom: 50px } #wbx-teams .wbx-image-right-text-left .wbx-image-block { margin-bottom: 0 } } @media screen and (max-width: 991px) { #wbx-teams .wbx-how-it-works-cta { width: 0; margin: 0 auto; right: -23px } #wbx-teams .wbx-how-it-works-cta .wbx-how-it-works-cta-text { display: none } #wbx-teams .wbx-how-it-works-content .container .wbx-how-it-works-heading { text-align: center } #wbx-teams .wbx-how-it-works-content .container .wbx-how-it-works-features-container { margin-top: 20px } #wbx-teams .wbx-how-it-works-content .container .wbx-how-it-works-features-container .wbx-how-it-works-feature { margin-bottom: 10px } #wbx-teams .wbx-how-it-works-content .container .wbx-how-it-works-features-container .wbx-how-it-works-feature .wbx-how-it-works-feature-title { text-align: center } #wbx-teams .wbx-how-it-works-content .container .wbx-how-it-works-features-container .wbx-how-it-works-feature .wbx-how-it-works-feature-description { text-align: center } #wbx-teams .wbx-how-it-works-content .container .wbx-how-it-works-close-btn { width: 40px; height: 40px; right: 30px } #wbx-teams .wbx-image-right-text-left .row { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } #wbx-teams .wbx-image-right-text-left .row .col-md-6, #wbx-teams .wbx-image-right-text-left .row .col-sm-12 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } } #wbx-teams .wbx-product-links .container-fluid .row .wbx-product { margin-bottom: 40px } #wbx-teams .wbx-product-links .container-fluid .row .wbx-product .wbx-product-image { position: absolute; left: -30px; top: 10px } #wbx-teams .wbx-product-links .container-fluid .row .wbx-product .wbx-product-image img { width: 30px } #wbx-teams .wbx-product-links .container-fluid .row .wbx-product .wbx-product-title .wbx-product-cta-link { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; position: relative; padding-right: 35px; font-size: 2.625rem; font-weight: 600; line-height: 3.5rem; color: #000 } #wbx-teams .wbx-product-links .container-fluid .row .wbx-product .wbx-product-title .wbx-product-cta-link:after { content: ''; display: block; position: absolute; top: 50%; right: 0px; width: 20px; height: 12px; background: url("/etc/designs/wbx/eopi/images/link-arrow.png"); background-position-x: 100%; background-repeat: no-repeat; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) } #wbx-teams .wbx-product-links .container-fluid .row .wbx-product .wbx-product-title .wbx-product-cta-link:hover:after { width: 30px; -webkit-transform: translate3d(10px, -50%, 0); transform: translate3d(10px, -50%, 0) } @media screen and (max-width: 767px) { #wbx-teams .wbx-product-links .container-fluid .row .wbx-product .wbx-product-title .wbx-product-cta-link { font-size: 2.1875rem; line-height: 2.625rem } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-teams .wbx-product-links .container-fluid .container .wbx-product { margin-bottom: 60px } } @media screen and (max-width: 767px) { #wbx-teams .wbx-product-links .container-fluid .container .wbx-product { margin-bottom: 100px; margin-left: 20px } } #wbx-teams .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-img { text-align: center } #wbx-teams .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-img img { max-height: 484px } #wbx-teams .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy { position: relative } #wbx-teams .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-header { font-size: 2.625rem; font-weight: 600; line-height: 3.5rem; color: #000; letter-spacing: -0.8px; padding-top: 80px; margin-bottom: 40px } @media screen and (max-width: 767px) { #wbx-teams .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-header { font-size: 2.1875rem; line-height: 2.625rem } } #wbx-teams .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-body { margin-bottom: 31px; font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000 } #wbx-teams .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-cta { text-decoration: underline } #wbx-teams .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-cta .wbx-customer-story-cta-link { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000 } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-teams .wbx-customer-story .container-fluid .container .wbx-customer-story-template { overflow-x: hidden } #wbx-teams .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-img { height: 502px } #wbx-teams .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-header, #wbx-teams .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-body { text-align: center } #wbx-teams .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-cta { width: 67%; margin: 0 auto } #wbx-teams .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-cta .wbx-customer-story-cta-link { text-align: right } } @media screen and (max-width: 767px) { #wbx-teams .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-img img { width: 100% } #wbx-teams .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-header, #wbx-teams .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-body { text-align: center } #wbx-teams .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-cta { width: 270px; margin: 0 auto } #wbx-teams .wbx-customer-story .container-fluid .container .wbx-customer-story-template .row .wbx-customer-story-copy .wbx-customer-story-cta .wbx-customer-story-cta-link { text-align: right } } #wbx-teams .wbx-product-hero { position: relative; margin-top: 0 } #wbx-teams .wbx-product-hero .container-fluid { position: absolute; top: 0; left: 0; right: 0 } #wbx-teams .wbx-product-hero .wbx-product-hero-bg { text-align: center } #wbx-teams .wbx-product-hero .wbx-product-hero-bg img { -o-object-fit: cover; object-fit: cover; height: 100%; max-width: 100%; font-family: 'object-fit: cover; ' } #wbx-teams .wbx-product-hero .container .wbx-product-hero-header { font-size: 4.5rem; line-height: 4.75rem; font-weight: 600; letter-spacing: -3px; color: #000 } @media screen and (max-width: 767px) { #wbx-teams .wbx-product-hero .container .wbx-product-hero-header { font-size: 3.5rem; line-height: 3.9375rem } } @media screen and (min-width: 768px) { #wbx-teams .wbx-product-hero .container .wbx-product-hero-header { margin-bottom: 50px } } @media screen and (max-width: 767px) { #wbx-teams .wbx-product-hero .container .wbx-product-hero-header { margin-bottom: 0px } } #wbx-teams .wbx-product-hero .container .wbx-product-hero-header-eyebrow { font-size: 1.125rem; font-weight: 500; line-height: 2.1875rem; color: #000 } @media screen and (max-width: 767px) { #wbx-teams .wbx-product-hero .container .wbx-product-hero-header-eyebrow { font-size: 1rem; line-height: 1.75rem } } #wbx-teams .wbx-product-hero .container .wbx-product-hero-header-eyebrow img { width: 30px; margin-right: 5px } #wbx-teams .wbx-product-hero .container .wbx-product-hero-copy { font-size: 1rem; font-weight: 300; line-height: 1.75rem; margin-bottom: 50px } #wbx-teams .wbx-product-hero .container .wbx-product-hero-pill .wbx-product-hero-pill-cta { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; display: inline-block; background: #01BCEB; color: #fff; height: 40px; padding: 10px 20px; -webkit-border-radius: 20px; border-radius: 20px; line-height: 20px } #wbx-teams .wbx-product-hero .container .wbx-product-hero-pill .wbx-product-hero-pill-cta:hover { opacity: 0.8 } #wbx-teams .wbx-product-hero .container .wbx-product-hero-tech-specs { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; position: relative; padding-right: 35px; height: 40px } #wbx-teams .wbx-product-hero .container .wbx-product-hero-tech-specs:after { content: ''; display: block; position: absolute; top: 50%; right: 0px; width: 20px; height: 12px; background: url("/etc/designs/wbx/eopi/images/link-arrow.png"); background-position-x: 100%; background-repeat: no-repeat; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) } #wbx-teams .wbx-product-hero .container .wbx-product-hero-tech-specs:hover:after { width: 30px; -webkit-transform: translate3d(10px, -50%, 0); transform: translate3d(10px, -50%, 0) } #wbx-teams .wbx-product-hero .container .wbx-product-hero-tech-specs .wbx-product-hero-tech-specs-cta { line-height: 40px } @media screen and (min-width: 992px) { #wbx-teams .wbx-product-hero .container-fluid { bottom: 0 } #wbx-teams .wbx-product-hero .container { padding: 140px 0 120px 0 } #wbx-teams .wbx-product-hero .container .wbx-product-hero-copy { width: 70% } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-teams .wbx-product-hero .container-fluid { bottom: 0 } #wbx-teams .wbx-product-hero .wbx-product-hero-bg img { -o-object-position: 100%; object-position: 100% } #wbx-teams .wbx-product-hero .container { padding: 80px 0 200px 0 } #wbx-teams .wbx-product-hero .container .wbx-product-hero-header-eyebrow, #wbx-teams .wbx-product-hero .container .wbx-product-hero-header, #wbx-teams .wbx-product-hero .container .wbx-product-hero-copy { text-align: center } #wbx-teams .wbx-product-hero .container .wbx-product-hero-pill { text-align: center; margin-bottom: 28px } #wbx-teams .wbx-product-hero .container .wbx-product-hero-tech-specs .wbx-product-hero-tech-specs-cta { text-align: center } #wbx-teams .wbx-product-hero .container .wbx-product-hero-tech-specs::after { left: 61% } } @media screen and (max-width: 767px) { #wbx-teams .wbx-product-hero .wbx-product-hero-bg { height: 600px } #wbx-teams .wbx-product-hero .wbx-product-hero-bg img { -o-object-position: 100%; object-position: 100% } #wbx-teams .wbx-product-hero .container { padding: 30px 0 50px 0 } #wbx-teams .wbx-product-hero .container .wbx-product-hero-header-eyebrow, #wbx-teams .wbx-product-hero .container .wbx-product-hero-header, #wbx-teams .wbx-product-hero .container .wbx-product-hero-copy { text-align: center } #wbx-teams .wbx-product-hero .container .wbx-product-hero-header { height: 600px } #wbx-teams .wbx-product-hero .container .wbx-product-hero-copy { text-align: center; margin: 0 50px 30px } #wbx-teams .wbx-product-hero .container .wbx-product-hero-pill { text-align: center; margin-bottom: 28px } #wbx-teams .wbx-product-hero .container .wbx-product-hero-tech-specs .wbx-product-hero-tech-specs-cta { text-align: center } #wbx-teams .wbx-product-hero .container .wbx-product-hero-tech-specs::after { left: 73% } } #wbx-teams .container-fluid .container { padding: 50px 0 } #wbx-why .wbx-hero-no-cta { position: relative; margin-top: 120px } #wbx-why .wbx-hero-no-cta .container-fluid { padding: 0 } #wbx-why .wbx-hero-no-cta .container-fluid.wbx-hero-no-cta-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center } #wbx-why .wbx-hero-no-cta .container-fluid.wbx-hero-no-cta-bg img { -o-object-fit: cover; object-fit: cover; height: 100%; max-width: 100%; font-family: 'object-fit: cover; ' } #wbx-why .wbx-hero-no-cta .container .wbx-hero-no-cta-header { font-size: 4.5rem; line-height: 4.75rem; font-weight: 600; letter-spacing: -3px; color: #000; text-align: center } @media screen and (max-width: 767px) { #wbx-why .wbx-hero-no-cta .container .wbx-hero-no-cta-header { font-size: 3.5rem; line-height: 3.9375rem } } @media screen and (min-width: 992px) { #wbx-why .wbx-hero-no-cta .container .wbx-hero-no-cta-header { margin-bottom: 20px } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-why .wbx-hero-no-cta .container .wbx-hero-no-cta-header { margin-bottom: 25px } } @media screen and (max-width: 767px) { #wbx-why .wbx-hero-no-cta .container .wbx-hero-no-cta-header { height: 600px } } #wbx-why .wbx-hero-no-cta .container .wbx-hero-no-cta-copy { font-size: 1rem; font-weight: 300; line-height: 1.75rem; text-align: center } @media screen and (min-width: 992px) { #wbx-why .wbx-hero-no-cta .container .wbx-hero-no-cta-copy { margin-bottom: 25px; width: 70% } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-why .wbx-hero-no-cta .container .wbx-hero-no-cta-copy { margin-bottom: 25px; width: 70% } } @media screen and (max-width: 767px) { #wbx-why .wbx-hero-no-cta .container .wbx-hero-no-cta-copy { margin: 60px 0px 30px } } @media screen and (min-width: 992px) { #wbx-why .wbx-hero-no-cta { height: 800px } #wbx-why .wbx-hero-no-cta .container { height: 800px } #wbx-why .wbx-hero-no-cta .container .wbx-hero-no-cta-text { position: relative; height: 800px } #wbx-why .wbx-hero-no-cta .container .wbx-hero-no-cta-text .wbx-hero-no-cta-header { padding: 30px 0 0 0 } #wbx-why .wbx-hero-no-cta .container .wbx-hero-no-cta-text .wbx-hero-no-cta-copy { position: absolute; bottom: 0; padding: 0 190px } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-why .wbx-hero-no-cta { height: 600px } #wbx-why .wbx-hero-no-cta .container { height: 600px } #wbx-why .wbx-hero-no-cta .container .wbx-hero-no-cta-text { position: relative; height: 600px } #wbx-why .wbx-hero-no-cta .container .wbx-hero-no-cta-text .wbx-hero-no-cta-header { padding: 20px 0 0 0 } #wbx-why .wbx-hero-no-cta .container .wbx-hero-no-cta-text .wbx-hero-no-cta-copy { position: absolute; bottom: 20px; padding: 0 50px; margin: 0 } } @media screen and (max-width: 767px) { #wbx-why .wbx-hero-no-cta .container-fluid { height: 600px } #wbx-why .wbx-hero-no-cta .wbx-hero-no-cta-bg img { -o-object-position: 50%; object-position: 50% } #wbx-why .wbx-hero-no-cta .container { padding: 30px 0 50px 0 } #wbx-why .wbx-hero-no-cta .container .wbx-hero-no-cta-header { height: 600px; text-align: left; margin: 0 50px } #wbx-why .wbx-hero-no-cta .container .wbx-hero-no-cta-copy { text-align: left; margin: 30px 50px 0 50px } } #wbx-why .wbx-image-left-text-right .row, #wbx-why .wbx-image-right-text-left .row { position: relative } #wbx-why .wbx-text-block { margin-bottom: 36px } #wbx-why .wbx-text-block .wbx-text-block-header { margin-bottom: 40px; font-size: 3.5rem; font-weight: 600; line-height: 4.25rem; letter-spacing: -3px; color: #000 } @media screen and (max-width: 767px) { #wbx-why .wbx-text-block .wbx-text-block-header { font-size: 3rem; line-height: 3.4375rem } } @media screen and (min-width: 992px) { #wbx-why .wbx-text-block .wbx-text-block-header { line-height: 1.10; letter-spacing: -1.4px } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-why .wbx-text-block .wbx-text-block-header { line-height: 1.13; letter-spacing: -1.1px; text-align: center } } @media screen and (max-width: 767px) { #wbx-why .wbx-text-block .wbx-text-block-header { line-height: 1.21; letter-spacing: -0.9px; text-align: center } } #wbx-why .wbx-text-block .wbx-text-block-body { font-size: 1rem; font-weight: 300; line-height: 1.75rem; opacity: 0.8 } @media screen and (min-width: 992px) { #wbx-why .wbx-text-block .wbx-text-block-body { line-height: 1.75 } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-why .wbx-text-block .wbx-text-block-body { text-align: center } } @media screen and (max-width: 767px) { #wbx-why .wbx-text-block .wbx-text-block-body { text-align: center } } #wbx-why .wbx-image-block { text-align: center } #wbx-why .wbx-image-block img { max-width: 100% } #wbx-why .wbx-how-it-works-cta { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; position: relative; margin-left: 55px; margin-left: 84px } #wbx-why .wbx-how-it-works-cta:before { content: ''; display: block; position: absolute; top: 50%; left: -55px; width: 45px; height: 45px; background: url("/etc/designs/wbx/eopi/images/link-circle.png"); background-position-x: 100%; background-repeat: no-repeat; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) } #wbx-why .wbx-how-it-works-cta:hover:before { -webkit-transform: translate3d(0, -50%, 0) rotate(90deg); transform: translate3d(0, -50%, 0) rotate(90deg) } #wbx-why .wbx-how-it-works-content { width: 100vw; height: 100vh; overflow-y: auto; overflow-x: hidden; position: fixed; top: 0; left: 0; z-index: 999 } #wbx-why .wbx-how-it-works-content .flex-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } #wbx-why .wbx-how-it-works-content .flex-support { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 } #wbx-why .wbx-how-it-works-content .container { position: relative; margin: 20px auto } #wbx-why .wbx-how-it-works-content .wbx-how-it-works-heading { font-size: 3.5rem; font-weight: 600; line-height: 3.9375rem; color: #000; margin-bottom: 60px; padding-left: 15px } @media screen and (max-width: 767px) { #wbx-why .wbx-how-it-works-content .wbx-how-it-works-heading { font-size: 2.1875rem; line-height: 2.625rem } } #wbx-why .wbx-how-it-works-content .wbx-how-it-works-image img { max-width: 100% } #wbx-why .wbx-how-it-works-content .wbx-how-it-works-features-container { margin-top: 40px } #wbx-why .wbx-how-it-works-content .wbx-how-it-works-features-container .wbx-how-it-works-feature-title { font-size: 1.125rem; font-weight: 600; line-height: 2.1875rem; color: #000 } @media screen and (max-width: 767px) { #wbx-why .wbx-how-it-works-content .wbx-how-it-works-features-container .wbx-how-it-works-feature-title { font-size: 1rem; line-height: 1.75rem } } #wbx-why .wbx-how-it-works-content .wbx-how-it-works-features-container .wbx-how-it-works-feature-description { font-size: 1rem; font-weight: 300; line-height: 1.75rem } #wbx-why .wbx-how-it-works-content .wbx-how-it-works-close-btn { background: url(/etc/designs/wbx/eopi/images/overlay-close-btn.png); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; width: 60px; height: 60px; position: absolute; top: 0 } @media screen and (min-width: 992px) { #wbx-why .wbx-text-block .wbx-text-block-header { width: 85% } #wbx-why .wbx-text-block .wbx-text-block-body { width: 80%; margin-left: 10% } #wbx-why .wbx-image-left-text-right .row .col-md-6:last-child, #wbx-why .wbx-image-left-text-right .row .col-sm-12:last-child { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 50% } #wbx-why .wbx-image-right-text-left .row .col-md-6:first-child, #wbx-why .wbx-image-right-text-left .row .col-sm-12:first-child { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } #wbx-why .wbx-image-right-text-left .row .col-md-6:last-child, #wbx-why .wbx-image-right-text-left .row .col-sm-12:last-child { float: right } #wbx-why .wbx-how-it-works-content .wbx-how-it-works-close-btn { right: 30px } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-why .container-fluid .container { width: 100% } #wbx-why .wbx-image-block { margin-bottom: 50px } #wbx-why .wbx-image-right-text-left .wbx-image-block { margin-top: 150px; margin-bottom: 0 } #wbx-why .wbx-how-it-works-content .container { padding-top: 15px } #wbx-why .wbx-how-it-works-content .wbx-how-it-works-heading { font-size: 2.625rem; font-weight: 600; line-height: 3.5rem; color: #000; margin: 60px auto; padding: 0px 15px; text-align: center } } @media screen and (min-width: 768px) and (max-width: 991px) and (max-width: 767px) { #wbx-why .wbx-how-it-works-content .wbx-how-it-works-heading { font-size: 2.1875rem; line-height: 2.625rem } } @media screen and (max-width: 767px) { #wbx-why .wbx-image-block { margin-bottom: 50px } #wbx-why .wbx-image-right-text-left .wbx-image-block { margin-bottom: 0 } } @media screen and (max-width: 991px) { #wbx-why .wbx-how-it-works-cta { width: 0; margin: 0 auto; right: -23px } #wbx-why .wbx-how-it-works-cta .wbx-how-it-works-cta-text { display: none } #wbx-why .wbx-how-it-works-content .container .wbx-how-it-works-heading { text-align: center } #wbx-why .wbx-how-it-works-content .container .wbx-how-it-works-features-container { margin-top: 20px } #wbx-why .wbx-how-it-works-content .container .wbx-how-it-works-features-container .wbx-how-it-works-feature { margin-bottom: 10px } #wbx-why .wbx-how-it-works-content .container .wbx-how-it-works-features-container .wbx-how-it-works-feature .wbx-how-it-works-feature-title { text-align: center } #wbx-why .wbx-how-it-works-content .container .wbx-how-it-works-features-container .wbx-how-it-works-feature .wbx-how-it-works-feature-description { text-align: center } #wbx-why .wbx-how-it-works-content .container .wbx-how-it-works-close-btn { width: 40px; height: 40px; right: 30px } #wbx-why .wbx-image-right-text-left .row { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } #wbx-why .wbx-image-right-text-left .row .col-md-6, #wbx-why .wbx-image-right-text-left .row .col-sm-12 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } } #wbx-why .wbx-why-products { margin-top: 150px } #wbx-why .wbx-why-products .wbx-why-products-copy { margin-bottom: 40px } #wbx-why .wbx-why-products .wbx-why-products-copy .wbx-why-products-copy-header { margin-bottom: 40px; font-size: 3.5rem; font-weight: 600; line-height: 4.25rem; letter-spacing: -3px; color: #000; text-align: center; padding: 0 150px } @media screen and (max-width: 767px) { #wbx-why .wbx-why-products .wbx-why-products-copy .wbx-why-products-copy-header { font-size: 3rem; line-height: 3.4375rem } } @media screen and (min-width: 992px) { #wbx-why .wbx-why-products .wbx-why-products-copy .wbx-why-products-copy-header { line-height: 1.10; letter-spacing: -1.4px } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-why .wbx-why-products .wbx-why-products-copy .wbx-why-products-copy-header { line-height: 1.13; letter-spacing: -1.1px; text-align: center } } @media screen and (max-width: 767px) { #wbx-why .wbx-why-products .wbx-why-products-copy .wbx-why-products-copy-header { line-height: 1.21; letter-spacing: -0.9px; text-align: center } } #wbx-why .wbx-why-products .wbx-why-products-copy .wbx-why-products-copy-caption { font-size: 1rem; font-weight: 300; line-height: 1.75rem; text-align: center; padding: 30px 150px 0 150px } #wbx-why .wbx-why-products .wbx-why-products-links .wbx-why-products-product { padding: 0 8px } #wbx-why .wbx-why-products .wbx-why-products-links .wbx-why-products-product a { display: block; -webkit-border-radius: 10px; border-radius: 10px; background-color: #f8f8f8; padding: 30px 0 0 0; border: 1px solid #e4e4e4; -webkit-transition: background-color 400ms ease-in-out; -o-transition: background-color 400ms ease-in-out; transition: background-color 400ms ease-in-out; min-height: 240px } #wbx-why .wbx-why-products .wbx-why-products-links .wbx-why-products-product a:hover { background-color: #fff } #wbx-why .wbx-why-products .wbx-why-products-links .wbx-why-products-product a .wbx-why-products-product-icon { height: 80px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } #wbx-why .wbx-why-products .wbx-why-products-links .wbx-why-products-product a .wbx-why-products-product-icon .wbx-why-products-product-icon-image img { max-height: 66px } #wbx-why .wbx-why-products .wbx-why-products-links .wbx-why-products-product a .wbx-why-products-product-info .wbx-why-products-product-name { font-size: 1.7rem; font-weight: 300; line-height: 2.1875rem; color: #000; margin: 15px 0px } @media screen and (max-width: 991px) { #wbx-why .wbx-why-products .wbx-why-products-links .wbx-why-products-product a .wbx-why-products-product-info .wbx-why-products-product-name { margin: 0 } } #wbx-why .wbx-why-products .wbx-why-products-links .wbx-why-products-product a .wbx-why-products-product-info .wbx-why-products-product-description { font-size: 0.84rem; line-height: 1rem; font-weight: 300; color: #737373 } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-why .wbx-why-products { margin-top: 180px } #wbx-why .wbx-why-products .wbx-why-products-links .wbx-why-products-product { padding: 8px } #wbx-why .wbx-why-products .wbx-why-products-links .wbx-why-products-product a { min-height: 220px } #wbx-why .wbx-why-products .wbx-why-products-links .wbx-why-products-product a .wbx-why-products-product-icon { margin-bottom: 20px } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-why .wbx-why-products { margin-top: 100px } #wbx-why .wbx-why-products .wbx-why-products-copy .wbx-why-products-copy-header { padding: 0 30px } #wbx-why .wbx-why-products .wbx-why-products-copy .wbx-why-products-copy-caption { padding: 30px 30px 0 30px } #wbx-why .wbx-why-products .wbx-why-products-links .wbx-why-products-product { padding: 8px } #wbx-why .wbx-why-products .wbx-why-products-links .wbx-why-products-product a { min-height: 220px; width: 250px; margin: 0 auto } } @media screen and (max-width: 767px) { #wbx-why .wbx-why-products { margin-top: 100px } #wbx-why .wbx-why-products .wbx-why-products-copy .wbx-why-products-copy-header { padding: 0 10px } #wbx-why .wbx-why-products .wbx-why-products-copy .wbx-why-products-copy-caption { padding: 30px 10px 0 10px } #wbx-why .wbx-why-products .wbx-why-products-links .wbx-why-products-product { padding: 8px } #wbx-why .wbx-why-products .wbx-why-products-links .wbx-why-products-product a { min-height: 210px; width: 250px; margin: 0 auto } } #wbx-why .wbx-why-security { margin-top: 160px } #wbx-why .wbx-why-security .row .wbx-text-block .wbx-text-block-body .wbx-why-security-item .wbx-why-security-item-header { font-size: 1.125rem; font-weight: 500; line-height: 2.1875rem; color: #000 } @media screen and (max-width: 767px) { #wbx-why .wbx-why-security .row .wbx-text-block .wbx-text-block-body .wbx-why-security-item .wbx-why-security-item-header { font-size: 1rem; line-height: 1.75rem } } #wbx-why .wbx-why-security .row .wbx-text-block .wbx-text-block-body .wbx-why-security-item .wbx-why-security-item-caption { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; margin-bottom: 20px } @media screen and (min-width: 992px) { #wbx-why .wbx-why-security .row .wbx-image-block { text-align: right } #wbx-why .wbx-why-security .row .wbx-text-block .wbx-text-block-header { width: 450px } #wbx-why .wbx-why-security .row .wbx-text-block .wbx-text-block-body { width: 400px; margin-left: 60px } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-why .wbx-why-security .row .wbx-text-block .wbx-text-block-header { padding: 0 150px } #wbx-why .wbx-why-security .row .wbx-text-block .wbx-text-block-body .wbx-why-security-item .wbx-why-security-item-header { text-align: center; padding: 0 50px } #wbx-why .wbx-why-security .row .wbx-text-block .wbx-text-block-body .wbx-why-security-item .wbx-why-security-item-caption { text-align: center; padding: 0 50px; margin-bottom: 30px } } @media screen and (max-width: 767px) { #wbx-why .wbx-why-security .row .wbx-text-block .wbx-text-block-header { padding: 0 30px } #wbx-why .wbx-why-security .row .wbx-text-block .wbx-text-block-body .wbx-why-security-item .wbx-why-security-item-header { text-align: center; padding: 0 30px } #wbx-why .wbx-why-security .row .wbx-text-block .wbx-text-block-body .wbx-why-security-item .wbx-why-security-item-caption { text-align: center; padding: 0 30px; margin-bottom: 30px } } #wbx-why .wbx-why-scale { margin-top: 140px } #wbx-why .wbx-why-scale .wbx-why-scale-copy { margin-bottom: 50px } #wbx-why .wbx-why-scale .wbx-why-scale-copy .wbx-why-scale-copy-header { margin-bottom: 40px; font-size: 3.5rem; font-weight: 600; line-height: 4.25rem; letter-spacing: -3px; color: #000; text-align: center } @media screen and (max-width: 767px) { #wbx-why .wbx-why-scale .wbx-why-scale-copy .wbx-why-scale-copy-header { font-size: 3rem; line-height: 3.4375rem } } @media screen and (min-width: 992px) { #wbx-why .wbx-why-scale .wbx-why-scale-copy .wbx-why-scale-copy-header { line-height: 1.10; letter-spacing: -1.4px } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-why .wbx-why-scale .wbx-why-scale-copy .wbx-why-scale-copy-header { line-height: 1.13; letter-spacing: -1.1px; text-align: center } } @media screen and (max-width: 767px) { #wbx-why .wbx-why-scale .wbx-why-scale-copy .wbx-why-scale-copy-header { line-height: 1.21; letter-spacing: -0.9px; text-align: center } } #wbx-why .wbx-why-scale .wbx-why-scale-copy .wbx-why-scale-copy-caption { font-size: 1rem; font-weight: 300; line-height: 1.75rem; text-align: center; padding: 30px 0 0 0 } #wbx-why .wbx-why-scale .wbx-why-scale-cards .wbx-why-scale-card .wbx-why-scale-card-info .wbx-why-scale-card-name { font-size: 1.125rem; font-weight: 500; line-height: 2.1875rem; color: #000 } @media screen and (max-width: 767px) { #wbx-why .wbx-why-scale .wbx-why-scale-cards .wbx-why-scale-card .wbx-why-scale-card-info .wbx-why-scale-card-name { font-size: 1rem; line-height: 1.75rem } } #wbx-why .wbx-why-scale .wbx-why-scale-cards .wbx-why-scale-card .wbx-why-scale-card-info .wbx-why-scale-card-description { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; margin-bottom: 20px } @media screen and (min-width: 992px) { #wbx-why .wbx-why-scale .wbx-why-scale-copy .wbx-why-scale-copy-caption { padding: 30px 150px 0 150px } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-why .wbx-why-scale .wbx-why-scale-copy .wbx-why-scale-copy-header { padding: 0 150px } #wbx-why .wbx-why-scale .wbx-why-scale-copy .wbx-why-scale-copy-caption { padding: 30px 150px 0 150px } #wbx-why .wbx-why-scale .wbx-why-scale-cards .wbx-why-scale-card { margin-bottom: 15px } #wbx-why .wbx-why-scale .wbx-why-scale-cards .wbx-why-scale-card .wbx-why-scale-card-info .wbx-why-scale-card-name { text-align: center; padding: 0 80px } #wbx-why .wbx-why-scale .wbx-why-scale-cards .wbx-why-scale-card .wbx-why-scale-card-info .wbx-why-scale-card-description { text-align: center; padding: 0 80px } } @media screen and (max-width: 767px) { #wbx-why .wbx-why-scale .wbx-why-scale-copy .wbx-why-scale-copy-header { margin-bottom: 30px } #wbx-why .wbx-why-scale .wbx-why-scale-copy .wbx-why-scale-copy-caption { padding: 0 50px } #wbx-why .wbx-why-scale .wbx-why-scale-cards .wbx-why-scale-card { margin-bottom: 15px } #wbx-why .wbx-why-scale .wbx-why-scale-cards .wbx-why-scale-card .wbx-why-scale-card-info .wbx-why-scale-card-name { text-align: center; padding: 0 60px } #wbx-why .wbx-why-scale .wbx-why-scale-cards .wbx-why-scale-card .wbx-why-scale-card-info .wbx-why-scale-card-description { text-align: center; padding: 0 60px } } #wbx-why .wbx-reasons .container .wbx-reasons-header .wbx-reasons-header-copy { margin-bottom: 40px; font-size: 3.5rem; font-weight: 600; line-height: 4.25rem; letter-spacing: -3px; color: #000 } @media screen and (max-width: 767px) { #wbx-why .wbx-reasons .container .wbx-reasons-header .wbx-reasons-header-copy { font-size: 3rem; line-height: 3.4375rem } } @media screen and (min-width: 992px) { #wbx-why .wbx-reasons .container .wbx-reasons-header .wbx-reasons-header-copy { line-height: 1.10; letter-spacing: -1.4px } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-why .wbx-reasons .container .wbx-reasons-header .wbx-reasons-header-copy { line-height: 1.13; letter-spacing: -1.1px; text-align: center } } @media screen and (max-width: 767px) { #wbx-why .wbx-reasons .container .wbx-reasons-header .wbx-reasons-header-copy { line-height: 1.21; letter-spacing: -0.9px; text-align: center } } #wbx-why .wbx-reasons .container .wbx-reasons-copy { font-size: 1rem; font-weight: 300; line-height: 1.75rem; font-weight: 400 } #wbx-why .wbx-reasons .container .wbx-reasons-cta .wbx-reasons-link { margin: 0px; text-decoration: underline } #wbx-why .wbx-reasons .container .wbx-reasons-partners .wbx-reasons-small-spacer { display: none } #wbx-why .wbx-reasons .container .wbx-reasons-partners .wbx-reasons-partners-icon .wbx-reasons-partners-icon-image { height: 60px; width: 100%; text-align: center } @media screen and (min-width: 992px) { #wbx-why .wbx-reasons .container .wbx-reasons-header { margin-top: 57px } #wbx-why .wbx-reasons .container .wbx-reasons-header .wbx-reasons-header-copy { width: 700px; margin-bottom: 59px } #wbx-why .wbx-reasons .container .wbx-reasons-copy { padding: 0 120px; margin: 0 0 37px 0 } #wbx-why .wbx-reasons .container .wbx-reasons-cta { margin: 0px 0 80px 0px; padding-left: 120px } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-why .wbx-reasons .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } #wbx-why .wbx-reasons .container .wbx-reasons-header { margin-top: 81px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; text-align: center } #wbx-why .wbx-reasons .container .wbx-reasons-header .wbx-reasons-header-copy { display: inline-block; width: 550px; text-align: center; margin-bottom: 0px } #wbx-why .wbx-reasons .container .wbx-reasons-copy { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 100%; margin: 50px 0 63px 0; padding: 0 140px; text-align: center } #wbx-why .wbx-reasons .container .wbx-reasons-cta { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; margin: 0px 0px 30px 0px; text-align: center } #wbx-why .wbx-reasons .container .wbx-reasons-partners { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } #wbx-why .wbx-reasons .container .wbx-reasons-partners .wbx-reasons-partners-icon { margin: 10px auto } } @media screen and (max-width: 767px) { #wbx-why .wbx-reasons .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } #wbx-why .wbx-reasons .container .wbx-reasons-header { margin-top: 50px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; text-align: center } #wbx-why .wbx-reasons .container .wbx-reasons-header .wbx-reasons-header-copy { display: inline-block; text-align: center; margin-bottom: 0px } #wbx-why .wbx-reasons .container .wbx-reasons-copy { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 100%; margin: 50px 0; padding: 0 50px; text-align: center } #wbx-why .wbx-reasons .container .wbx-reasons-cta { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; margin: 0px 0px 30px 0px; text-align: center } #wbx-why .wbx-reasons .container .wbx-reasons-partners { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } #wbx-why .wbx-reasons .container .wbx-reasons-partners .wbx-reasons-spacer { display: none } #wbx-why .wbx-reasons .container .wbx-reasons-partners .wbx-reasons-small-spacer { display: block } #wbx-why .wbx-reasons .container .wbx-reasons-partners .wbx-reasons-partners-icon { margin: 10px auto } } #wbx-why .wbx-why-join .container { border-top: 1px solid #ebebeb } #wbx-why .wbx-why-join .container .wbx-why-join-header .wbx-why-join-header-copy { text-align: center; font-size: 3.5rem; font-weight: 600; line-height: 4.25rem; letter-spacing: -3px; color: #000 } @media screen and (max-width: 767px) { #wbx-why .wbx-why-join .container .wbx-why-join-header .wbx-why-join-header-copy { font-size: 3rem; line-height: 3.4375rem } } #wbx-why .wbx-why-join .container .wbx-why-join-cta { text-align: center } #wbx-why .wbx-why-join .container .wbx-why-join-cta .wbx-why-join-pill { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; display: inline-block; background: #01BCEB; color: #fff; height: 40px; padding: 10px 20px; -webkit-border-radius: 20px; border-radius: 20px; line-height: 20px } #wbx-why .wbx-why-join .container .wbx-why-join-cta .wbx-why-join-pill:hover { opacity: 0.8 } #wbx-why .wbx-why-join .container .wbx-why-join-plans { text-align: center } #wbx-why .wbx-why-join .container .wbx-why-join-plans .wbx-why-join-plans-link { font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #000; position: relative; padding-right: 35px } #wbx-why .wbx-why-join .container .wbx-why-join-plans .wbx-why-join-plans-link:after { content: ''; display: block; position: absolute; top: 50%; right: 0px; width: 20px; height: 12px; background: url("/etc/designs/wbx/eopi/images/link-arrow.png"); background-position-x: 100%; background-repeat: no-repeat; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) } #wbx-why .wbx-why-join .container .wbx-why-join-plans .wbx-why-join-plans-link:hover:after { width: 30px; -webkit-transform: translate3d(10px, -50%, 0); transform: translate3d(10px, -50%, 0) } @media screen and (min-width: 992px) { #wbx-why .wbx-why-join { margin: 120px 0 } #wbx-why .wbx-why-join .container { padding-top: 100px } #wbx-why .wbx-why-join .container .wbx-why-join-cta { margin: 50px 0 0 0 } #wbx-why .wbx-why-join .container .wbx-why-join-plans { margin: 50px 0 0 0 } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-why .wbx-why-join { padding: 100px 0 100px 0 } #wbx-why .wbx-why-join .container { padding: 0 } #wbx-why .wbx-why-join .container .wbx-why-join-cta { margin: 40px 0 } } @media screen and (max-width: 767px) { #wbx-why .wbx-why-join { padding: 80px 0 80px 0 } #wbx-why .wbx-why-join .container .wbx-why-join-header { text-align: center } #wbx-why .wbx-why-join .container .wbx-why-join-header .wbx-why-join-header-copy { text-align: center } #wbx-why .wbx-why-join .container .wbx-why-join-cta { margin: 50px 0 0 0 } #wbx-why .wbx-why-join .container .wbx-why-join-plans { margin: 50px 0 0 0 } } @media screen and (min-width: 992px) { #wbx-why .wbx-why-embrace { margin-top: 80px } #wbx-why .wbx-why-next { margin-top: 140px } #wbx-why .wbx-reasons { margin: 140px 0 } } @media screen and (min-width: 768px) and (max-width: 991px) { #wbx-why .wbx-why-embrace .wbx-why-embrace-row .wbx-image-right-text-left .wbx-image-block { margin-top: 80px } #wbx-why .wbx-why-embrace .wbx-why-embrace-row .wbx-image-right-text-left .wbx-text-block { margin-top: 60px } #wbx-why .wbx-why-embrace .wbx-why-embrace-row .wbx-image-right-text-left .wbx-text-block .wbx-text-block-header { padding: 0 50px } #wbx-why .wbx-why-embrace .wbx-why-embrace-row .wbx-image-right-text-left .wbx-text-block .wbx-text-block-body { padding: 0 140px } #wbx-why .wbx-why-next .wbx-why-next-row .wbx-image-right-text-left .wbx-image-block { margin-top: 80px } #wbx-why .wbx-why-next .wbx-why-next-row .wbx-image-right-text-left .wbx-text-block { margin-top: 60px } #wbx-why .wbx-why-next .wbx-why-next-row .wbx-image-right-text-left .wbx-text-block .wbx-text-block-header { padding: 0 50px } #wbx-why .wbx-why-next .wbx-why-next-row .wbx-image-right-text-left .wbx-text-block .wbx-text-block-body { padding: 0 140px } #wbx-why .wbx-reasons { margin-bottom: 100px } #wbx-why .wbx-reasons .container .wbx-reasons-copy { margin: 0 0 50px 0 } } @media screen and (max-width: 767px) { #wbx-why .wbx-why-embrace { margin-top: 100px } #wbx-why .wbx-why-embrace .wbx-why-embrace-row .wbx-image-right-text-left .wbx-image-block { margin-top: 80px } #wbx-why .wbx-why-embrace .wbx-why-embrace-row .wbx-image-right-text-left .wbx-text-block { margin-top: 60px } #wbx-why .wbx-why-next .wbx-why-next-row .wbx-image-right-text-left .wbx-image-block { margin-top: 40px } #wbx-why .wbx-why-next .wbx-why-next-row .wbx-image-right-text-left .wbx-text-block { margin-top: 60px } #wbx-why .wbx-reasons { margin-bottom: 100px } #wbx-why .wbx-reasons .container .wbx-reasons-copy { margin: 0 0 50px 0 } } html.wbx-noscroll { overflow: hidden !important; height: 100% !important; margin-top: 0 !important } html.wbx-noscroll body { overflow: hidden !important; height: 100% !important } html.wbx-noscroll-long { overflow-y: scroll !important } html body { background-color: #f8f8f8 } html .wbx { min-height: 100vh; padding-top: 0px } html .wbx .wbx-component { margin: 50px 0 } /* product.css end by xintuan 2018/03/27*/ </style> </div> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="open-html-component">  <style> .skip-link { position: fixed; top: -100px; background: #01bceb; color: #fff; text-decoration: none; display: inline-block; z-index: 999; border-radius: 24px; padding: 9px 30px; transform: translate(-50%, -50%); transition: top 0.3s; left: 50%; } .skip-link:focus { top: 100px; } </style> <a class="skip-link" href="#content">Skip to content</a>  <script> // this need add into template as base js file /*! * jQuery Cookie Plugin v1.4.1 * https://github.com/carhartl/jquery-cookie * * Copyright 2013 Klaus Hartl * Released under the MIT license */ (function (factory) { if (typeof define === "function" && define.amd) { // AMD define(["jquery"], factory); } else if (typeof exports === "object") { // CommonJS factory(require("jquery")); } else { // Browser globals factory(jQuery); } })(function ($) { var pluses = /\+/g; function encode(s) { return config.raw ? s : encodeURIComponent(s); } function decode(s) { return config.raw ? s : decodeURIComponent(s); } function stringifyCookieValue(value) { return encode(config.json ? JSON.stringify(value) : String(value)); } function parseCookieValue(s) { if (s.indexOf('"') === 0) { // This is a quoted cookie as according to RFC2068, unescape... s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, "\\"); } try { // Replace server-side written pluses with spaces. // If we can't decode the cookie, ignore it, it's unusable. // If we can't parse the cookie, ignore it, it's unusable. s = decodeURIComponent(s.replace(pluses, " ")); return config.json ? JSON.parse(s) : s; } catch (e) {} } function read(s, converter) { var value = config.raw ? s : parseCookieValue(s); return $.isFunction(converter) ? converter(value) : value; } var config = ($.cookie = function (key, value, options) { // Write if (value !== undefined && !$.isFunction(value)) { options = $.extend({}, config.defaults, options); if (typeof options.expires === "number") { var days = options.expires, t = (options.expires = new Date()); t.setTime(+t + days * 864e5); } return (document.cookie = [ encode(key), "=", stringifyCookieValue(value), options.expires ? "; expires=" + options.expires.toUTCString() : "", // use expires attribute, max-age is not supported by IE options.path ? "; path=" + options.path : "", options.domain ? "; domain=" + options.domain : "", options.secure ? "; secure" : "", ].join("")); } // Read var result = key ? undefined : {}; // To prevent the for loop in the first place assign an empty array // in case there are no cookies at all. Also prevents odd result when // calling $.cookie(). var cookies = document.cookie ? document.cookie.split("; ") : []; for (var i = 0, l = cookies.length; i < l; i++) { var parts = cookies[i].split("="); var name = decode(parts.shift()); var cookie = parts.join("="); if (key && key === name) { // If second argument (value) is a function it's a converter... result = read(cookie, value); break; } // Prevent storing a cookie that we couldn't decode. if (!key && (cookie = read(cookie)) !== undefined) { result[name] = cookie; } } return result; }); config.defaults = {}; $.removeCookie = function (key, options) { if ($.cookie(key) === undefined) { return false; } // Must not alter options, thus extending a fresh object... $.cookie(key, "", $.extend({}, options, { expires: -1 })); return !$.cookie(key); }; }); </script> <script> if (!$.cookie("origin_web")) { $.cookie("origin_web", "webex.com", { path: "/", domain: ".webex.com", expires: 30, }); } var DEF_locale = "US", DEF_lang = "en", DEF_currency = "USD"; var user_currency = DEF_currency; var locale_currency_lang = new Array(); locale_currency_lang[0] = ["US", "USD", "en", "en_US", "USA"]; locale_currency_lang[1] = ["GB", "GBP", "en", "en_US", "United Kingdom"]; locale_currency_lang[2] = ["IE", "EUR", "en", "en_US", "Ireland"]; locale_currency_lang[3] = ["NL", "EUR", "en", "en_US", "Netherlands"]; locale_currency_lang[4] = ["BE", "EUR", "en", "en_US", "Belgium"]; locale_currency_lang[5] = ["AT", "EUR", "en", "en_US", "Austria"]; locale_currency_lang[6] = ["PL", "EUR", "en", "en_US", "Poland"]; locale_currency_lang[7] = ["SE", "EUR", "en", "en_US", "Sweden"]; locale_currency_lang[8] = ["DK", "EUR", "en", "en_US", "Denmark"]; locale_currency_lang[9] = ["NO", "EUR", "en", "en_US", "Norway"]; locale_currency_lang[10] = ["CH", "EUR", "de", "de_DE", "Switzerland"]; locale_currency_lang[11] = ["DE", "EUR", "de", "de_DE", "Germany"]; locale_currency_lang[12] = ["FR", "EUR", "fr", "fr_FR", "France"]; locale_currency_lang[13] = ["ZA", "USD", "en", "en_IE", "South Africa"]; locale_currency_lang[14] = ["IL", "USD", "en", "en_IE", "Israel"]; locale_currency_lang[15] = ["RO", "EUR", "en", "en_IE", "Romania"]; locale_currency_lang[16] = ["CZ", "EUR", "en", "en_IE", "Czech Republic"]; locale_currency_lang[17] = ["FI", "EUR", "en", "en_IE", "Finland"]; locale_currency_lang[18] = ["HU", "EUR", "en", "en_IE", "Hungary"]; locale_currency_lang[19] = ["BG", "EUR", "en", "en_IE", "Bulgaria"]; locale_currency_lang[20] = ["SK", "EUR", "en", "en_IE", "Slovakia"]; locale_currency_lang[21] = ["JP", "JPY", "ja", "ja_JP", "Japan"]; locale_currency_lang[22] = ["SG", "USD", "en", "en_SG", "Singapore"]; locale_currency_lang[23] = ["NZ", "USD", "en", "en_IE", "New Zealand"]; locale_currency_lang[24] = ["VN", "USD", "en", "en_SG", "Vietnam"]; locale_currency_lang[25] = ["AE", "USD", "en", "en_SG", "UAE"]; locale_currency_lang[26] = ["MY", "USD", "en", "en_SG", "Malaysia"]; locale_currency_lang[27] = ["TH", "USD", "en", "en_SG", "Thailand"]; locale_currency_lang[28] = ["IT", "EUR", "en", "en_IE", "Italy"]; locale_currency_lang[29] = ["ES", "EUR", "es", "es_ES", "Spain"]; locale_currency_lang[30] = ["PT", "EUR", "en", "en_IE", "Portugal"]; locale_currency_lang[31] = ["LU", "EUR", "fr", "fr_FR", "Luxembourg"]; locale_currency_lang[32] = ["GR", "EUR", "en", "en_IE", "Greece"]; locale_currency_lang[33] = ["CY", "EUR", "en", "en_IE", "Cyprus"]; locale_currency_lang[34] = ["UA", "EUR", "en", "en_SG", "Ukraine"]; locale_currency_lang[35] = ["SI", "EUR", "en", "en_IE", "Slovenia"]; locale_currency_lang[36] = ["HR", "EUR", "en", "en_IE", "Croatia"]; locale_currency_lang[37] = ["GI", "GBP", "en", "en_IE", "Gibraltar"]; locale_currency_lang[38] = ["MT", "EUR", "en", "en_IE", "Malta"]; locale_currency_lang[39] = ["LV", "EUR", "en", "en_IE", "Latvia"]; locale_currency_lang[40] = ["EE", "EUR", "en", "en_IE", "Estonia"]; locale_currency_lang[41] = ["LT", "EUR", "en", "en_IE", "Lithuania"]; locale_currency_lang[42] = ["CA", "CAD", "en", "en_CA", "Canada"]; locale_currency_lang[43] = ["CAF", "CAD", "fr", "fr_CA", "Canada"]; locale_currency_lang[44] = ["AU", "AUD", "en", "en_SG", "Australia"]; locale_currency_lang[45] = ["HK", "USD", "en", "en_SG", "Hong Kong"]; locale_currency_lang[46] = ["TW", "USD", "en", "en_SG", "Taiwan"]; locale_currency_lang[47] = ["KR", "USD", "en", "en_SG", "Korea (South)"]; locale_currency_lang[48] = ["IS", "EUR", "en", "en_IE", "Iceland"]; locale_currency_lang[49] = ["CO", "USD", "es", "es_ES", "Colombia"]; locale_currency_lang[50] = ["PE", "USD", "es", "es_ES", "Peru"]; locale_currency_lang[51] = ["BR", "USD", "en", "en_IE", "Brazil"]; locale_currency_lang[52] = ["AR", "USD", "es", "es_ES", "Argentina"]; locale_currency_lang[53] = ["CL", "USD", "es", "es_ES", "Chile"]; locale_currency_lang[54] = ["EC", "USD", "es", "es_ES", "Ecuador"]; locale_currency_lang[55] = ["PR", "USD", "es", "es_ES", "Puerto Rico"]; locale_currency_lang[56] = ["CR", "USD", "es", "es_ES", "Costa Rica"]; locale_currency_lang[57] = ["DO", "USD", "es", "es_ES", "Dominican Republic"]; locale_currency_lang[58] = ["PA", "USD", "es", "es_ES", "Panama"]; locale_currency_lang[59] = ["TN", "USD", "en", "en_IE", "Tunisia"]; locale_currency_lang[60] = ["LI", "EUR", "de", "de_DE", "Liechtenstein"]; locale_currency_lang[61] = ["MC", "EUR", "fr", "fr_FR", "Monaco"]; locale_currency_lang[62] = ["MX", "USD", "es", "es_ES", "Mexico"]; var USList = ["US", "ZA", "SG", "IL", "VN", "AE", "MY", "TH", "TN"]; var UKList = [ "GB", "IE", "NL", "BE", "AT", "PL", "SE", "DK", "NO", "RO", "CZ", "FI", "HU", "BG", "SK", "PT", "GR", "CY", "UA", "SI", "HR", "GI", "MT", "LV", "EE", "LT", "IS", ]; var AUList = ["AU", "NZ"]; var allEnList = USList.concat(UKList).concat(AUList).concat(["CA", "IN"]); var FRList = ["FR", "LU", "MC"]; var DEList = ["DE", "CH", "LI"]; var ZHList = ["TW", "MO", "HK"]; var MXList = ["CO", "PE", "AR", "CL", "EC", "PR", "CR", "DO", "PA", "MX"]; function get_lang(locale) { if (locale == "JP") { return "ja"; } else if (locale == "IT") { return "it"; } else if (locale == "KR") { return "ko"; } else if (locale == "BR") { return "pt"; // } else if (locale == 'UA') { // return 'uk'; // } } else if ($.inArray(locale, DEList) != -1) { return "de"; } else if ($.inArray(locale, FRList) != -1 || locale == "CAF") { return "fr"; } else if ($.inArray(locale, MXList) != -1 || locale == "ES") { return "es"; } else if ($.inArray(locale, ZHList) != -1) { return "zh-tw"; } else if ($.inArray(locale, allEnList) != -1) { return "en"; } //get browser setting language by navigator object var browser_lang = ( navigator.language || navigator.browserLanguage ).toLowerCase(); if (browser_lang.indexOf("zh") != -1) { if (browser_lang.indexOf("-") != -1) { var param = browser_lang.split("-"); if (param[1].toLowerCase() == "cn") { return "cn"; } else { return "n-cn"; } } else { return "cn"; } } else { return browser_lang.slice(0, 2); } } function change_currency(local) { if (local == undefined) { return; } var len_locale = locale_currency_lang.length; for (var i = 0; i < len_locale; i++) { if (locale_currency_lang[i][0] == local) { user_currency = locale_currency_lang[i][1]; break; } } $.cookie("user_currency", user_currency, { path: "/", expires: 30 }); } var headerLocale = "", headerIP = ""; function init_cookie_lang_locale() { var req = new XMLHttpRequest(); req.open("HEAD", document.location, true); req.onreadystatechange = function () { headerLocale = DEF_locale; if (req.readyState == 4) { var headerInfo = req.getResponseHeader("x-wbx-about"); if (headerInfo != null && headerInfo != "") { var headerInfoSplit = headerInfo.split(","); headerLocale = headerInfoSplit[0]; headerIP = headerInfoSplit[1].trim(); } $.cookie("head_locale", headerLocale, { path: "/", expires: 30 }); if ( document.cookie.indexOf("user_locale") === -1 || $.cookie("user_locale") == "" ) { $.cookie("user_locale", headerLocale, { path: "/", expires: 30 }); var bLang = DEF_lang == "fr" ? "fr" : (navigator.language || navigator.browserLanguage) .toLowerCase() .slice(0, 2); var hLang = headerLocale == "CA" && bLang == "fr" ? "fr" : get_lang(headerLocale); $.cookie("user_lang", hLang, { path: "/", expires: 30 }); change_currency(headerLocale); } else { var u_locale = $.cookie("user_locale"); var hLang = u_locale == "CA" && $.cookie("user_lang") == "fr" ? "fr" : get_lang(u_locale); $.cookie("user_lang", hLang, { path: "/", expires: 30 }); change_currency(u_locale); } } }; req.send(null); } init_cookie_lang_locale(); </script> <script> /* All constants should be declared here */ var Webex = Webex || {}; Webex.util = Webex.util || {}; Webex.device = { mobilMedia: navigator.userAgent.match(/iPhone|iPad|iPod/i) || navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/BB/i) || navigator.userAgent.match(/Windows Phone/i), android: navigator.userAgent.match(/Android/i), ios: navigator.userAgent.match(/iPhone|iPad|iPod/i), blackBerry: navigator.userAgent.match(/BB/i), windowsPhone: navigator.userAgent.match(/Windows Phone/i), }; Webex.util.isScrollbarVisible = function () { return !Webex.device.mobilMedia && $(document).height() > $(window).height(); }; Webex.util.getWindowWidth = function () { Webex.util.windowWidth = parseInt($(window).width(), 10); if (Webex.util.isScrollbarVisible()) { Webex.util.windowWidth += 17; } return Webex.util.windowWidth; }; var isMac = /iPad|iPhone|iPod|Mac/.test(navigator.userAgent); if (isMac) { $("#wbx-header").addClass("wbx-mac"); } window.onpageshow = function (event) { var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent); var isSmall = Webex.util.getWindowWidth() < 992; var isMenuOpen = !$(".wbx-header-menu").hasClass("collapsed"); var isMac = /Mac/.test(navigator.userAgent); if (event.persisted && ((isIOS && isSmall && isMenuOpen) || isMac)) { window.location.reload(); } }; $(".SEOPreventDefault").click(function (e) { e.preventDefault(); }); // fix DE4094 ziyuan 20180425 $(function () { function isIE() { var matches; if (!!window.ActiveXObject || "ActiveXObject" in window) { matches = /(msie\s|trident.*rv:)([\w.]+)/.exec( navigator.userAgent.toLowerCase() ); return matches[2]; } else { return -1; } } if (isIE() > 0) { $( "#wbx-header .wbx-header-menu .wbx-header-menu-list .wbx-header-menu-list-item .wbx-header-popup-menu .wbx-header-popup .wbx-header-popup-arrow" ).addClass("header-list-IE"); } $( ".wbx-header-menu-list-item .wbx-header-popup-menu .wbx-header-popup-toggle" ).bind("click", function () { if ($(this).parent().hasClass("collapsed")) { $("#wbx-header").addClass("bg-white"); } else { $("#wbx-header").removeClass("bg-white"); } }); // ft link update to FT2.0 $('a[href*="pricing/free-trial.html"]:not([href*="sp=wt"])').attr({ href: "https://cart.webex.com/sign-up?locale=it_IT", }); }); </script> <script> // fix SPARK-77865 by Floyd Li $(document).ready(function () { var isMac = /iPad|iPhone|iPod/.test(navigator.userAgent); function isClickable(ele) { var flag = ele.hasClass("wbx-header-popup-toggle") || ele.hasClass("wbx-header-menu-toggle") || ele.hasClass("hamburger") || ele.hasClass("hamburger-bun") || ele.parents(".wbx-header-popup").length > 0 || (ele[0] && ele[0].href && !ele[0].hasAttribute("data-wbx-toggle-trigger")); return flag; } if (isMac) { document.addEventListener("touchend", function (e) { if (isClickable($(e.target))) { return; } else if ($(".wbx-header-popup[aria-hidden=false]").length > 0) { e.preventDefault(); var btn = $('.wbx-header-popup-toggle[aria-expanded="true"]'); btn[0] && btn[0].click(); $("#wbx-header").removeClass("bg-white"); } }); } else { document.addEventListener("click", function (e) { if (isClickable($(e.target))) { return; } else if ($(".wbx-header-popup[aria-hidden=false]").length > 0) { e.preventDefault(); $("#wbx-header").removeClass("bg-white"); } }); } }); function postToPage(originUrl, postUrl) { // var domain = 'https://signin-ha.qa.webex.com'; var domain = "https://signin.webex.com"; var lang = "en_US"; postUrl = domain + postUrl; $("a[href='" + originUrl + "']") .attr("href", "#") .removeAttr("target") .on("click", function (e) { e.preventDefault(); var html = "<form id='postToPage' method='post' action=' " + postUrl + "'>" + "<input name='language' value='" + lang + "'>" + "</form>"; $("div")[0].innerHTML += html; $("#postToPage").submit(); $("#postToPage").remove(); }); } $(document).ready(function () { postToPage( "https://www.webex.com/go/host-meeting", "/collabs/auth?service=it&from=hostmeeting&TrackID=&hbxref=&goid=host-meeting" ); postToPage( "https://www.webex.com/go/attend-meeting", "/collabs/#/meetings/joinbynumber?TrackID=&hbxref=&goid=attend-meeting" ); postToPage("https://signin.webex.com/collabs/auth", "/collabs/auth"); postToPage( "https://signin.webex.com/collabs/auth?service=it&from=myresource&backurl=https://support.webex.com/MyAccountWeb/landingpage.do", "/collabs/auth?service=it&from=myresource&backurl=https://support.webex.com/MyAccountWeb/landingpage.do" ); }); $(document).ready(function () { /* Header Scripts */ const css = { light: "header_light__2HLwE", active: "header_active__3fbTP", menuItemHasChildren: "header_menuItemHasChildren__bCODH", subMenu: "header_subMenu__WoVAg", fastClose: "header_fastClose__1Go-F", scrollUp: "header_scrollUp__3QV5h", scrollDown: "header_scrollDown__SQo3T", }; // navigation item selectors const wrapper = document.querySelector(".header_headerWrapper__30NyQ"); const header = document.querySelector(`.header_header__12jgZ`); // navigation menu selectors const openedMenu = document.querySelector(".header_openedMenu__1_VVm"); const closedMenu = document.querySelector(".header_closedMenu__LcJ3R"); const navbarMenu = document.querySelector(".header_navbar__2vIOU"); const menuOverlay = document.querySelector(".header_overlay__2h1yB"); let isLocked = false; $(".header_lastItem__2ID7v").click(function () { $("nav").animate({ scrollTop: $("#signInWbxID").offset().top }, "slow"); }); function initialStates() { document.body.style.overflow = ""; menuOverlay.classList.remove(css.active); wrapper.classList.remove(css.light); isLocked = false; } // eslint-disable-next-line no-inner-declarations function collapseSubMenu() { navbarMenu ?.querySelector(`.${css.menuItemHasChildren}.${css.active} .${css.subMenu}`) ?.removeAttribute("style"); navbarMenu .querySelector(`.${css.menuItemHasChildren}.${css.active}`) .classList.remove(css.active); initialStates(); } // eslint-disable-next-line no-inner-declarations function toggleMenu() { navbarMenu.classList.toggle(css.active); const isOpen = navbarMenu.classList.contains(css.active); if (isOpen) { document.body.style.overflow = "hidden"; } else { document.body.style.overflow = ""; initialStates(); } } openedMenu.addEventListener("click", toggleMenu); closedMenu.addEventListener("click", toggleMenu); menuOverlay.addEventListener("click", collapseSubMenu); navbarMenu.querySelectorAll("a[data-toggle]").forEach((item) => { item.addEventListener("click", (event) => { const menuItemHasChildren = event.currentTarget.parentElement; if (menuItemHasChildren.classList.contains(css.active)) { collapseSubMenu(); isLocked = false; } else { if ( navbarMenu.querySelector(`.${css.menuItemHasChildren}.${css.active}`) ) { collapseSubMenu(); } document.body.style.overflow = "hidden"; wrapper.classList.add(css.light); menuItemHasChildren.classList.add(css.active); const subMenu = menuItemHasChildren.querySelector(`.${css.subMenu}`); subMenu.style.maxHeight = `${subMenu.scrollHeight}px`; menuOverlay.classList.toggle(css.active); isLocked = true; } }); }); let lastScroll = 0; const onWindowScroll = () => { const currentScroll = window.pageYOffset; if (currentScroll < header.offsetHeight) { header.classList.add(css.fastClose); } else { header.classList.remove(css.fastClose); } if (currentScroll < header.offsetHeight) return; if (currentScroll === 0) { wrapper.classList.remove(css.scrollUp); return; } if ( currentScroll > lastScroll && !wrapper.classList.contains(css.scrollDown) && !isLocked ) { // down wrapper.classList.remove(css.scrollUp); wrapper.classList.add(css.scrollDown); } else if ( currentScroll < lastScroll && wrapper.classList.contains(css.scrollDown) ) { // up wrapper.classList.remove(css.scrollDown); wrapper.classList.add(css.scrollUp); } lastScroll = currentScroll; }; window.addEventListener("scroll", onWindowScroll); if (!!window.IntersectionObserver) { let observer = new IntersectionObserver( (entries, observer) => { entries.forEach((entry) => { if (entry.isIntersecting && !isLocked) { if (entry.target.classList.contains("bg-black")) { wrapper.classList.remove(css.light); } else { wrapper.classList.add(css.light); } } }); }, { rootMargin: "0px 0px -100% 0px", } ); document.querySelectorAll(".page-wrapper > section").forEach((module) => { observer.observe(module); }); } }); </script> <div id="content" tabindex="-1"></div> <link rel="stylesheet" type="text/css" href="/content/dam/wbx/us/images/rebrand/wx-core.css"/> <style> .wx-wrapper .container { max-width: 100%; } a.no-border, a.no-border:hover { border-bottom-color: transparent !important; } .header_navbarButton__3nH08 { background: #fff; } .signin-form input { width: 100%; } @media (min-width: 1025px) { .wx-wrapper .gradient-blurple-desktop { background-image: url(/content/dam/wbx/us/images/rebrand/nav-footer/blurple-gradient-bl.svg); } .webex-app-mobile { display: none; } .webex-suite-mobile { display: none; } .header_dropdownItemTop__3g0Q0 { min-height: 145px !important; } .header_dropdownMenu__3DtqE .header_dropdownItem__2eX_2 ul.mbody { margin-top: 1vw; } .mb-20 { margin-bottom: 20px !important; } } .header_allDeviceCard__WPtZy:hover .btn span { background-color: #078855 !important; color: #fff; } @media (max-width: 1025px) { .wx-wrapper .gradient-blurple-mobile { background-attachment: local; background-image: url(/content/dam/wbx/us/images/rebrand/nav-footer/blurple-gradient-tr.svg); background-position: 100% 0; background-repeat: no-repeat; } .header_allDeviceCard__WPtZy { background-color: black !important; } .wx-wrapper .inherit-width { width: inherit !important; } .header_allDeviceCard__WPtZy:hover .btn span { background-color: transparent !important; } .webex-app-desktop { display: none; } .webex-suite-desktop { display: none; } .solutions-grid { flex-direction: column-reverse !important; } .hybrid-work-container { padding-bottom: 5.33vw; margin-bottom: 9.5vw !important; border-bottom: 1px solid #c4c4c4; } .workspaces-mobile { border: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } } .header_deviceCard__15ArY p { min-height: 100px; } </style>  <div class="wx-wrapper navigation-wrapper"> <div class="header_headerWrapper__30NyQ header_scrollUp__3QV5h"> <div class="header_overlay__2h1yB"></div> <header class="header_header__12jgZ header_fastClose__1Go-F"> <section class="header_banner__2BrOE"> <div class="container"> <div class="grid"> <div class="col"> <ul class="header_list__1f0QB"> <li> <a href="/pt/downloads.html" tabindex="0">Download</a> </li> <li> <a href="https://help.webex.com/pt-BR/contact" target="_blank" tabindex="0" rel="noopener">Suporte</a> </li> <li> <a href="/pt/contact-sales.html" tabindex="0">Entre em contato com a equipe de vendas</a> </li> <li> <span class="xsbody header_phone__CWCpv" aria-label="8 0 0. 7 8 1. 0 5 9." ><a href="tel:800-781-059">800 781 059</a></span > </li> </ul> </div> </div> </div> </section> <section class="header_wrapper__OpVK9"> <div class="container"> <div class="header_wrapperInner__2aEot"> <a href="/pt/index.html" class="header_logo__21HnF"> <h1 class="h1 header_h1__144Es header_blackLogo__tSzjc" role="heading" aria-level="1" > <div> <img class="img100p" src="/content/dam/wbx/us/images/rebrand/nav-footer/black.png" alt="Webex"/><span>Webex</span> </div> </h1> <h1 class="h1 header_h1__144Es header_whiteLogo__3V9L4" role="heading" aria-level="1" > <div> <img class="img100p" src="/content/dam/wbx/us/images/rebrand/nav-footer/white.png" alt="Webex"/><span>Webex</span> </div> </h1> </a><button type="button" class="header_openedMenu__1_VVm" aria-label="Open menu" > <span></span><span></span> </button> <nav class="header_navbar__2vIOU gradient-blurple-mobile"> <div class="header_closeDiv__ZBNqn"> <a href="tel:800-781-059" class="xsbody" aria-label="8 0 0. 7 8 1. 0 5 9.">800 781 059 </a> <button type="button" class="header_closedMenu__LcJ3R"> <span><span class="icon-close"></span></span> </button> </div> <ul class="header_menu__TYJcK header_firstMenu__2IC4J"> <li class="header_menuItem__cnNBL header_mobileBtn__3w30I"> <button onClick="window.open('https://signup.webex.com/sign-up?locale=pt_BR')" class="btn btn-contact" > Comece grátis</button ><button onClick="window.open('/pt/contact-sales.html')" class="btn btn-secondary-dark" > Entre em contato com a equipe de vendas </button> </li> <li class=" header_menuItem__cnNBL header_menuItemHasChildren__bCODH header_mobFirst__26Ijl " > <a href="javascript:void(0);" data-toggle="sub-menu">Produtos <i class="icon-open header_expand__1bvc0"></i ></a> <ul class="header_subMenu__WoVAg bg-white gradient-blurple-desktop"> <div class="header_dropdownMenu__3DtqE"> <div class="container"> <div class="grid"> <div class="col col-3 col-sm"> <div class="header_areaTitle__uG4p3 mb-20"> <p class="sbody fw-medium">Para particulares e pequenos negócios</p> </div> <div class="header_dropdownItem__2eX_2"> <div class="header_dropdownItemTop__3g0Q0"> <div class="header_dropdownItemTitle__3SOAl"> <h6 class="webex-app-desktop"> <div> Webex App<span class="icon-open header_mobileArrow__2s7Bj" ></span> </div> </h6> <h6 class="webex-app-mobile"> <a href="/pt/all-new-webex.html">Webex App<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </h6> </div> <div class="header_dropdownItemDesc__23wtb"> <p class="sbody color-boulder"> O aplicativo multifuncional para ligar, reunir, enviar mensagens e trabalhar. </p> </div> <div class="header_ctaBox__3kCvW"> <a href="/pt/all-new-webex.html" tabindex="0" class="fw-medium color-salem">Explore o aplicativo  <span class="icon-arrow"></span> </a> </div> </div> <ul class="mbody"> <li> <a href="/pt/enterprise-cloud-calling.html" tabindex="0">Chamadas<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/pt/video-conferencing.html" tabindex="0">Reuniões<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/pt/team-collaboration.html" tabindex="0">Mensagens<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> <div class="col col-9 col-sm"> <div class="header_areaTitle__uG4p3 header_areaTitleSec__2XOJE mb-20" > <p class="sbody fw-medium">Para empresas</p> </div> <div class="grid"> <div class="col col-4 col-sm"> <div class=" header_dropdownItem__2eX_2 header_dropdownItemBorder__2BhFB " > <div class="header_dropdownItemTop__3g0Q0"> <div class="header_dropdownItemTitle__3SOAl"> <h6 class="webex-suite-desktop"> <div> Pacote Webex<span class="icon-open header_mobileArrow__2s7Bj" ></span> </div> </h6> <h6 class="webex-suite-mobile"> <a href="/pt/collaboration-suite.html">Pacote Webex<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </h6> </div> <div class="header_dropdownItemDesc__23wtb"> <p class="sbody color-boulder"> Apresentando o primeiro pacote best-of-breed para trabalho híbrido. </p> </div> <div class="header_ctaBox__3kCvW"> <a href="/pt/collaboration-suite.html" tabindex="0" class="fw-medium color-salem">Explore o pacote  <span class="icon-arrow"></span> </a> </div> </div> <ul class="mbody"> <li> <a href="/pt/enterprise-cloud-calling.html" tabindex="0">Chamadas<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/pt/meetings.html" tabindex="0">Reuniões<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/pt/team-collaboration.html" tabindex="0">Mensagens<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/pt/audience-engagement.html" tabindex="0">Slido<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/pt/webinar.html" tabindex="0">Eventos<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> <div class="col col-4 col-sm"> <div class=" header_dropdownItem__2eX_2 header_dropdownItemBorder__2BhFB " > <div class="header_dropdownItemTop__3g0Q0"> <div class="header_dropdownItemTitle__3SOAl"> <h6> <div> Experiência do cliente<span class="icon-open header_mobileArrow__2s7Bj" ></span> </div> </h6> </div> <div class="header_dropdownItemDesc__23wtb"> <p class="sbody color-boulder"> Soluções para conectar a jornada do cliente e criar o prazer do cliente. </p> </div> </div> <ul class="mbody"> <li> <a href="/pt/contact-center.html" tabindex="0">Centro de contatos<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/pt/customer-interaction-management.html" tabindex="0">imimobile<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> <div class="col col-4 col-sm"> <div class="header_dropdownItem__2eX_2"> <div class="header_dropdownItemTop__3g0Q0"> <div class="header_dropdownItemTitle__3SOAl"> <h6> <div> Gerenciamento<span class="icon-open header_mobileArrow__2s7Bj" ></span> </div> </h6> </div> <div class="header_dropdownItemDesc__23wtb"> <p class="sbody color-boulder"> Segurança, administração e gerenciamento de nível empresaria do Webex. </p> </div> </div> <ul class="mbody"> <li> <a href="/pt/control-hub.html" tabindex="0">Control Hub<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/pt/security.html" tabindex="0">Segurança<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </ul> </li> <li class="header_menuItem__cnNBL"> <a href="https://pricing.webex.com/br/pt/">Preços</a> </li> <li class="header_menuItem__cnNBL"> <a href="/pt/collaboration-devices.html">Dispositivos</a> </li> <li class="header_menuItem__cnNBL header_menuItemHasChildren__bCODH"> <a href="javascript:void(0);" data-toggle="sub-menu">Soluções <i class="icon-open header_expand__1bvc0"></i ></a> <ul class="header_subMenu__WoVAg bg-white gradient-blurple-desktop"> <div class="header_dropdownMenu__3DtqE"> <div class="container"> <div class="grid solutions-grid"> <div class="col col-6 col-sm"> <div class="grid header_solutionLeft__2XR9c"> <div class="col col-12 col-sm"> <div class="header_solutionLinkList__3Jujs"> <div class="header_solutionListTitle__2EOGR"> <h6>Indústria</h6> </div> <ul class="header_solutionList__3yIOq"> <li> <a href="/pt/industries/education.html" tabindex="0">Educação<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/pt/industries/healthcare.html" tabindex="0">Cuidados de saúde<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/pt/industries/government.html" tabindex="0">Governo<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/pt/industries/financial-services.html" tabindex="0">Departamento financeiro<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/pt/industries/sports-entertainment.html" tabindex="0">Esportes e entretenimento<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/pt/industries/start-ups.html" tabindex="0">Startups<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> </div> </div> <div class="col col-6 col-sm hybrid-work-container"> <a href="/pt/hybrid-work.html" taborder="0" class="grid header_solutionCard__XQC9y"> <div class="col col-6 col-sm header_solutionCardLeft__2Z7Pk"> <div class="header_solutionCardTitle__1G5NW"> <h6> Trabalho híbrido<span class="icon-open header_mobileArrow__2s7Bj" ></span> </h6> </div> <div class="header_solutionCardDesc__20YXZ"> <p class="sbody color-boulder"> O Webex impulsiona uma nova forma de colaboração, com foco no trabalho que você faz, e não onde você o faz. </p> </div> <div class="header_solutionCta__2JiaQ"> <span class="fw-medium color-salem" >Saiba mais<span class="icon-arrow"></span ></span> </div> </div> <div class=" col col-6 col-sm header_solutionCardRight__q1GZM inherit-width " > <div class="header_solutionCardImageBig__2P0uY"> <img src="/content/dam/wbx/us/images/rebrand/nav-footer/c92af18cf37e21677f4e2f 8.jpg" alt="imagem do dispositivo"/> </div> </div> </a> </div> </div> </div> </div> </ul> </li> <li class="header_menuItem__cnNBL header_menuItemHasChildren__bCODH"> <a href="javascript:void(0);" data-toggle="sub-menu">Recursos <i class="icon-open header_expand__1bvc0"></i ></a> <ul class="header_subMenu__WoVAg bg-white gradient-blurple-desktop"> <div class="header_dropdownMenu__3DtqE"> <div class="container"> <div class="grid"> <div class="col col-6 col-sm"> <div class="grid header_solutionLeft__2XR9c"> <div class="col col-6 col-sm"> <div class="header_solutionLinkList__3Jujs"> <div class="header_solutionListTitle__2EOGR"> <h6>Por que o Webex</h6> </div> <ul class="header_solutionList__3yIOq"> <li> <a href="/pt/inclusive-collaboration.html" tabindex="0">Inclusão<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/pt/accessibility.html" tabindex="0">Acessibilidade<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/pt/security.html" tabindex="0">Segurança<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> <div class="col col-6 col-sm"> <div class="header_solutionLinkList__3Jujs"> <div class="header_solutionListTitle__2EOGR"> <h6>Saiba</h6> </div> <ul class="header_solutionList__3yIOq"> <li> <a href="https://help.webex.com/pt-BR" target="_blank" tabindex="0" rel="noopener">Ajuda do produto<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> </div> </div> <div class="col col-6 col-sm"> <a href="/pt/products/integrations/index.html" tabindex="0" class="grid header_solutionCard__XQC9y"> <div class="col col-8 col-sm header_solutionCardLeft__2Z7Pk"> <div class="header_solutionCardTitle__1G5NW"> <h6> Integrações<span class="icon-open header_mobileArrow__2s7Bj" ></span> </h6> </div> <div class="header_solutionCardDesc__20YXZ"> <p class="sbody color-boulder"> Integre-se com os aplicativos que você adora <br /> usar todos os dias. </p> </div> <div class="header_solutionCta__2JiaQ"> <span class="fw-medium color-salem" >Saiba mais<span class="icon-arrow"></span ></span> </div> </div> <div class=" col col-4 col-sm header_solutionCardRight__q1GZM inherit-width " > <div class="header_solutionCardImageSmall__3YV7D"> <img src="/content/dam/wbx/us/images/rebrand/nav-footer/navi.jpg" alt="imagem do dispositivo"/> </div> </div> </a> <a href="https://blog.webex.com/pt-br/" rel="noopener" target="_blank" tabindex="0" class="grid header_solutionCard__XQC9y"> <div class="col col-8 col-sm header_solutionCardLeft__2Z7Pk"> <div class="header_solutionCardTitle__1G5NW"> <h6> Webex Blog<span class="icon-open header_mobileArrow__2s7Bj" ></span> </h6> </div> <div class="header_solutionCardDesc__20YXZ"> <p class="sbody color-boulder"> O que há de novo, dicas e truques e <br /> muito mais. </p> </div> <div class="header_solutionCta__2JiaQ"> <span class="fw-medium color-salem" >Saiba mais<span class="icon-arrow"></span ></span> </div> </div> <div class=" col col-4 col-sm header_solutionCardRight__q1GZM inherit-width " > <div class="header_solutionCardImageSmall__3YV7D"> <img src="/content/dam/wbx/us/images/rebrand/nav-footer/c92af18cf37e21677f4e2f 81.jpg" alt="imagem do dispositivo"/> </div> </div> </a> </div> </div> </div> </div> </ul> </li> </ul> <ul class="header_menu__TYJcK header_secondMenu__XWyEm"> <li class="header_menuItem__cnNBL header_mobileBtn__3w30I"> <a href="/pt/downloads.html">Download</a> </li> <li class="header_menuItem__cnNBL"> <a href="https://signin.webex.com/join">Entrar em uma reunião on-line</a> </li> <li class="header_menuItem__cnNBL header_mobileBtn__3w30I"> <a href="https://help.webex.com/pt-BR/contact" target="_blank" rel="noopener">Suporte</a> </li> <li class=" header_menuItem__cnNBL header_menuItemHasChildren__bCODH header_signInCta__1-t4e " > <a href="https://signin.webex.com" id="signInButton" class="header_lastItem__2ID7v">Iniciar sessão</a> <script> function checkCookie() { // If user has unified cookie, send to web unified. if ($.cookie('webex-app-preference-unified')) { return true; } return false; } function getUnifiedCookie() { return $.cookie('webex-app-preference-unified'); } if (checkCookie()) { document.getElementById('signInButton').href = 'https://web.webex.com?autosignin=' + getUnifiedCookie(); } </script> </li> <li class="header_menuItem__cnNBL header_deskBtn__RKPYF"> <a class="no-border" rel="noopener" href="https://signup.webex.com/sign-up?locale=pt_BR" target="_blank"><button class="btn header_navbarButton__3nH08"> Comece grátis </button></a> </li> </ul> </nav> </div> </div> </section> </header> </div> </div> <style> /* fix tab layout */ a.js-tab-focus { outline: #80cdf1 solid 2px !important; outline-offset: 1px !important; } /* fix images with incorrect aspect ratio */ @media (min-width: 1025px) { .header_dropdownMenu__3DtqE .header_deviceCard__15ArY img { width: auto; } } @media (max-width: 1024px) { .header_headerWrapper__30NyQ .header_header__12jgZ .header_wrapper__OpVK9 .header_wrapperInner__2aEot .header_navbar__2vIOU .header_menu__TYJcK > .header_menuItem__cnNBL > .header_subMenu__WoVAg .header_dropdownMenu__3DtqE .header_deviceCard__15ArY { height: 25.5vw; } .header_headerWrapper__30NyQ .header_header__12jgZ .header_wrapper__OpVK9 .header_wrapperInner__2aEot .header_navbar__2vIOU .header_menu__TYJcK > .header_menuItem__cnNBL > .header_subMenu__WoVAg .header_dropdownMenu__3DtqE .header_deviceCard__15ArY img { height: auto !important; } } /* fix ONL-13999 */ @media (max-width: 1024px) { .header_headerWrapper__30NyQ .header_header__12jgZ .header_wrapper__OpVK9 { position: relative; z-index: 3; } .header_headerWrapper__30NyQ .header_header__12jgZ .header_closeDiv__ZBNqn .header_closedMenu__LcJ3R .icon-close { color: #000; } } @media (max-width: 450px) { .header_headerWrapper__30NyQ .header_header__12jgZ .header_wrapper__OpVK9 .header_wrapperInner__2aEot .header_navbar__2vIOU .header_menu__TYJcK>.header_menuItem__cnNBL.header_mobileBtn__3w30I button:first-child { width: 65%; } } </style> </div> </div> </div> <div class="wbx-content"> <div class="open-html-component section"> <link rel="stylesheet" type="text/css" href="/content/dam/wbx/us/images/rebrand/wx-module-temp.css"/> <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script> <style> .font_w_400 { font-weight: 400 !important; } .wx-wrapper.page-wrapper h2 + p.lbody, .wx-wrapper.page-wrapper h3 + p.mbody, .wx-wrapper.page-wrapper p.h6 + p.sbody { margin-top: 20px; } .wx-wrapper.page-wrapper .color-white .color-gray { color: #818181; } .meeting-hero_buttonWrap__3bJpB { margin-top: 40px; } .text-grid_serviceWrapper__1-ZhJ:before { opacity: 0.4; } @media (min-width: 1025px) { .calling-hero_module__1Ykwb { padding-top: 9.0vw; padding-bottom: 13.8vw; } .calling-hero_buttonWrap__3Wufa { margin-bottom: 5.5vw; } .wx-wrapper.page-wrapper > section:not(:first-child) { padding-bottom: 13.8vw; } .wx-wrapper.page-wrapper > section.banner_module__1lMXK { padding-bottom: 5.5555555556vw; } } @media (max-width: 1024px) { .wx-wrapper.page-wrapper { padding-top: 19vw; } .wx-wrapper.page-wrapper br { display: none; } .wx-wrapper.page-wrapper .module-header p.lbody { line-height: 1.375; } .wx-wrapper.page-wrapper .module-header .flex-end { margin-top: 6vw; } .calling-hero_callingHeroWrapper__2g9sL h1.h5 { margin-bottom: 10px; } .calling-hero_buttonWrap__3Wufa { margin-bottom: 10vw; margin-top: 6vw; } .card-deck-2up--routing_module__3ta5S .card-deck-2up--routing_grid__2bIEq { margin-top: -6vw; } .card-deck-2up--routing_link__3_Q9h:last-child { margin-top: 10vw; } } </style> <section class="wx-wrapper page-wrapper"> <section class="calling-hero_callingHeroWrapper__2g9sL"> <section class="calling-hero_moduleGradient__p1l-t"></section> <section class="calling-hero_module__1Ykwb gradient-br-blue"> <div class="container undefined"> <div class="grid"> <div class="col col-3 col-sm"> <div class="grid"> <div class="col"> <h1 class="h5 fw-medium">Slido</h1> </div> </div> </div> <div class="col col-9 col-sm"> <h2 class="h2 " role="heading" aria-level="2"><span>Motive seu <br>público a entrar <br>na conversa.</span></h2> <div class="calling-hero_buttonWrap__3Wufa"><a href="https://use.webex.com/contact-sales?lang=pt" class="calling-hero_btn__3tHA8 btn btn-primary">Entre em contato conosco <span class="icon-arrow"></span></a></div> </div> <div class="col col-12 col-sm"><img src="/content/dam/wbx/us/images/rebrand/slido-hero.jpg" class="br-30 img100p calling-hero_stickyImage__1Nq0B" alt="Usuários aproveitam uma reunião Webex interativa com Slido"></div> </div> </div> </section> </section> <section class="vertical-tab_module__2c0P_" data-sticky-target="vertical-tab"> <div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2 " role="heading" aria-level="2"><span>Menos monólogo, mais interação.</span></h2> </div> </div> </div> <div class="grid grid-between"> <div class="col col-6 col-sm vertical-tab_colImage__3vvL6"> <div class="swiper-container main-swiper main-swiper1"> <div class="swiper-wrapper"> <div class="swiper-slide"><img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/slido-tab_1.jpg" alt="Usuário em uma reunião Webex interativa"></div> <div class="swiper-slide"><img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/slido-tab_2.jpg" alt="Usuário em uma reunião Webex interativa"></div> <div class="swiper-slide"><img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/slido-tab_3.jpg" alt="Usuário em uma reunião Webex interativa"></div> </div> </div> </div> <div class="col col-4 col-sm vertical-tab_colText__309uD vertical-tab_thumbSlider__1fqbr vertical-tab_thumbSlider1 col-align-bottom"> <div class="accordion"> <div class="swiper-container thumb-swiper thumb-swiper1 swiper-container-vertical swiper-container-thumbs" thumbsslider="true"> <div class="swiper-wrapper progress-start"> <div class="swiper-slide"> <li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true"><div class="thumb-image"><img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/slido-tab_1.jpg" alt="Usuário em uma reunião Webex interativa"></div> <div class="titleContainer"> <h6 class="lbody fw-regular">Crie engajamento significativo</h6> </div> <div class="description calling-accordion-body" style="height: 0px;"> <p class="color-gray fw-regular">Interaja com os participantes em escala e garanta que todos estão engajados.</p> </div><span class="progress"></span></li> </div> <div class="swiper-slide"> <li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true"><div class="thumb-image"><img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/slido-tab_2.jpg" alt="Usuário em uma reunião Webex interativa"></div> <div class="titleContainer"> <h6 class="lbody fw-regular">Promova uma cultura inclusiva</h6> </div> <div class="description calling-accordion-body"> <p class="color-gray fw-regular">Democratize discussões, fortaleça a todos e colete o feedback do seu público para melhorar a tomada de decisões.</p> </div><span class="progress"></span></li> </div> <div class="swiper-slide"> <li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true"><div class="thumb-image"><img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/slido-tab_3.jpg" alt="Usuário em uma reunião Webex interativa"></div> <div class="titleContainer"> <h6 class="lbody fw-regular">Construa conexões fortes</h6> </div> <div class="description calling-accordion-body" style="height: 0px;"> <p class="color-gray fw-regular">Facilite a criação do espírito de equipe, crie transparência e construa confiança entre líderes e funcionários.</p> </div><span class="progress"></span></li> </div> </div> </div> </div> </div> </div> </div> </section> <script> const second1 = 5; let swiperMain1; let isAutoplayDestroy1 = false; const swiperThumb1 = new Swiper(".thumb-swiper1", { slidesPerView: "auto", direction: "vertical", allowTouchMove: false, disableOnInteraction: true, waitForTransition: false, watchSlidesVisibility: false, on: { afterInit: (e) => { e.el.children[0]?.childNodes.forEach((item, index) => { item.addEventListener("mouseenter", () => { if (swiperMain1.autoplay.running && swiperMain1.realIndex) { swiperMain1.autoplay.stop(); } }); }); e.el.children[0]?.childNodes.forEach((item, index) => { item.addEventListener("mouseleave", () => { if (!isAutoplayDestroy1 && swiperMain1.realIndex) { swiperMain1.autoplay.start(); } }); }); }, click: (e) => { e.$wrapperEl[0].classList.add("progress-none"); isAutoplayDestroy1 = true; swiperMain1.autoplay.stop(); swiperMain1.autoplay.running = false; swiperMain1.update(); }, resize: (e) => { if (swiperMain1.autoplay.running && !isAutoplayDestroy1) { e.autoplay.start(); } }, }, }); swiperMain1 = new Swiper(".main-swiper1", { effect: "fade", fadeEffect: { crossFade: true }, navigation: true, waitForTransition: false, autoplay: { delay: 1000 * second1, disableOnInteraction: false, waitForTransition: false, }, thumbs: { swiper: swiperThumb1, }, allowTouchMove: false, on: { // this is backup when intersectionObser is not entry fire status. afterInit: (e) => { const el = e.thumbs.swiper.wrapperEl.children[ e.activeIndex ].querySelector(".description"); el.style.height = `${el.scrollHeight}px`; e.autoplay.stop(); e.update(); }, slideChange: (e) => { const thumbs = e.thumbs.swiper.wrapperEl; const otherCollapse = thumbs.querySelectorAll(".description"); otherCollapse.forEach((item) => (item.style.height = 0)); const collapse = thumbs.children[e.activeIndex].querySelector( ".description" ); collapse.style.height = `${collapse.scrollHeight}px`; }, }, }); if (typeof window !== "undefined") { if (!!window.IntersectionObserver) { const callback = (entries, observer) => { entries.forEach((entry) => { if (!isAutoplayDestroy1) { if (entry.isIntersecting) { swiperThumb1.$wrapperEl[0].classList.add("progress-start"); swiperMain1.autoplay.start(); swiperMain1.update(); } else { swiperMain1.autoplay.stop(); swiperMain1.update(); } } }); }; const observerint = new IntersectionObserver(callback); const target = document.querySelector(".vertical-tab_thumbSlider__1fqbr.vertical-tab_thumbSlider1"); // console.log(target); if (observerint && target) { observerint.observe(target); } } } </script> <section class="text-grid_module__3ArLH bg-black color-white" data-sticky-target="live-polling" data-module="live-polling"><a name="text-grid-anchor" class="module-sticky-target"></a><div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2 " role="heading" aria-level="2"><span>Engaje seu público com enquetes ao vivo.</span></h2> </div> </div> </div> <div class="text-grid_grid__vAiKx false"> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn hidden-sm"> <div class="text-grid_serviceWrapper__1-ZhJ "></div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn "> <div class="text-grid_serviceWrapper__1-ZhJ "> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class="text-grid_gradientImage__1fhbv icon-gradient-purple" style="-webkit-mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/options_black.svg);mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/options_black.svg)"> </div> </div><span class="h5 fw-regular text-grid_serviceName__NvaKM">Dê opções a eles</span> <span class="mbody color-gray text-grid_serviceText__17Ege">Use uma pesquisa de múltipla escolha para captar as ideias de todos rapidamente.</span></div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn "> <div class="text-grid_serviceWrapper__1-ZhJ "> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class="text-grid_gradientImage__1fhbv icon-gradient-purple" style="-webkit-mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/write_black.svg);mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/write_black.svg)"> </div> </div><span class="h5 fw-regular text-grid_serviceName__NvaKM">Ou peça que escrevam suas ideias</span> <span class="mbody color-gray text-grid_serviceText__17Ege">Digite respostas ou comentários personalizados com feedback de texto aberto.</span></div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn "> <div class="text-grid_serviceWrapper__1-ZhJ "> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class="text-grid_gradientImage__1fhbv icon-gradient-purple" style="-webkit-mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/question_black.svg);mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/question_black.svg)"> </div> </div><span class="h5 fw-regular text-grid_serviceName__NvaKM">Tente um teste surpresa</span> <span class="mbody color-gray text-grid_serviceText__17Ege">Teste os conhecimentos ao vivo com um temporizador e placar de líderes.</span></div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn "> <div class="text-grid_serviceWrapper__1-ZhJ "> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class="text-grid_gradientImage__1fhbv icon-gradient-purple" style="-webkit-mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/messaging_black.svg);mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/messaging_black.svg)"> </div> </div><span class="h5 fw-regular text-grid_serviceName__NvaKM">Obtenha feedback instantâneo</span> <span class="mbody color-gray text-grid_serviceText__17Ege">Obtenha uma noção de quanto eles gostaram da sessão e dos tópicos.</span></div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn hidden-sm"> <div class="text-grid_serviceWrapper__1-ZhJ "></div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn hidden-sm"> <div class="text-grid_serviceWrapper__1-ZhJ "></div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn "> <div class="text-grid_serviceWrapper__1-ZhJ "> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class="text-grid_gradientImage__1fhbv icon-gradient-purple" style="-webkit-mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/word-cloud_black.svg);mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/word-cloud_black.svg)"> </div> </div><span class="h5 fw-regular text-grid_serviceName__NvaKM">Visualize palavras-chave</span> <span class="mbody color-gray text-grid_serviceText__17Ege">Mostre as respostas do público em uma nuvem de palavras para ver quais são as mais populares.</span></div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn "> <div class="text-grid_serviceWrapper__1-ZhJ "> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class="text-grid_gradientImage__1fhbv icon-gradient-purple" style="-webkit-mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/intelligent-customer-experiences_black.svg);mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/intelligent-customer-experiences_black.svg)"> </div> </div><span class="h5 fw-regular text-grid_serviceName__NvaKM">Democratize a priorização</span> <span class="mbody color-gray text-grid_serviceText__17Ege">Deixe o público classificar as opções com base em suas preferências.</span></div> </div> </div> </div> </div> </section> <section class="vertical-tab_module__2c0P_ bg-black color-white" data-sticky-target="vertical-tab"> <div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2 " role="heading" aria-level="2"><span>Crie um diálogo bidirecional com perguntas e respostas ao vivo.</span></h2> </div> </div> </div> <div class="grid grid-between"> <div class="col col-4 col-sm vertical-tab_colText__309uD vertical-tab_thumbSlider__1fqbr vertical-tab_thumbSlider2 col-align-bottom"> <div class="accordion"> <div class="swiper-container thumb-swiper thumb-swiper2 swiper-container-vertical swiper-container-thumbs" thumbsslider="true"> <div class="swiper-wrapper progress-start"> <div class="swiper-slide"> <li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true"><div class="thumb-image"><img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/slido-tab2_1.jpg" alt="Exemplo de uma reunião Webex com perguntas e respostas ao vivo"></div> <div class="titleContainer"> <h6 class="lbody fw-regular">Colete perguntas ao vivo</h6> </div> <div class="description calling-accordion-body" style="height: 0px;"> <p class="color-gray fw-regular">Os participantes podem enviar perguntas diretamente durante a reunião.</p> </div><span class="progress"></span></li> </div> <div class="swiper-slide"> <li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true"><div class="thumb-image"><img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/slido-tab2_2.jpg" alt="Usuário ouve uma sessão de perguntas e respostas em uma reunião Webex"></div> <div class="titleContainer"> <h6 class="lbody fw-regular">Faça a moderação das perguntas e respostas em tempo real</h6> </div> <div class="description calling-accordion-body"> <p class="color-gray fw-regular">Avalie as perguntas recebidas e filtre para focar nos tópicos relevantes.</p> </div><span class="progress"></span></li> </div> <div class="swiper-slide"> <li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true"><div class="thumb-image"><img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/slido-tab2_3.jpg" alt="usuário organiza as perguntas com etiquetas"></div> <div class="titleContainer"> <h6 class="lbody fw-regular">Organize as perguntas com etiquetas</h6> </div> <div class="description calling-accordion-body" style="height: 0px;"> <p class="color-gray fw-regular">Classifique e aborde as perguntas por tópicos para manter as coisas eficientes.</p> </div><span class="progress"></span></li> </div> <div class="swiper-slide"> <li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true"><div class="thumb-image"><img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/slido-tab2_4.jpg" alt="Usuário faz perguntas em uma reunião Webex"></div> <div class="titleContainer"> <h6 class="lbody fw-regular">Aborde as questões mais importantes</h6> </div> <div class="description calling-accordion-body"> <p class="color-gray fw-regular">Deixe o público votar a favor das perguntas para garantir que as dúvidas mais importantes sejam abordadas primeiro.</p> </div><span class="progress"></span></li> </div> <div class="swiper-slide"> <li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true"><div class="thumb-image"><img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/slido-tab2_5.jpg" alt="Pessoa responde em uma reunião Webex interativa"></div> <div class="titleContainer"> <h6 class="lbody fw-regular">Ofereça mais formas de resposta</h6> </div> <div class="description calling-accordion-body" style="height: 0px;"> <p class="color-gray fw-regular">Responda às perguntas enviadas como organizador e deixe os participantes comentarem as perguntas uns dos outros.</p> </div><span class="progress"></span></li> </div> </div> </div> </div> </div> <div class="col col-6 col-sm vertical-tab_colImage__3vvL6"> <div class="swiper-container main-swiper main-swiper2"> <div class="swiper-wrapper"> <div class="swiper-slide"><img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/slido-tab2_1.jpg" alt="Exemplo de uma reunião Webex com perguntas e respostas ao vivo"></div> <div class="swiper-slide"><img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/slido-tab2_2.jpg" alt="Usuário ouve uma sessão de perguntas e respostas em uma reunião Webex"></div> <div class="swiper-slide"><img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/slido-tab2_3.jpg" alt="usuário organiza as perguntas com etiquetas"></div> <div class="swiper-slide"><img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/slido-tab2_4.jpg" alt="Usuário faz perguntas em uma reunião Webex"></div> <div class="swiper-slide"><img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/slido-tab2_5.jpg" alt="Pessoa responde em uma reunião Webex interativa"></div> </div> </div> </div> </div> </div> </section> <script> const second2 = 5; let swiperMain2; let isAutoplayDestroy2 = false; const swiperThumb2 = new Swiper(".thumb-swiper2", { slidesPerView: "auto", direction: "vertical", allowTouchMove: false, disableOnInteraction: true, waitForTransition: false, watchSlidesVisibility: false, on: { afterInit: (e) => { e.el.children[0]?.childNodes.forEach((item, index) => { item.addEventListener("mouseenter", () => { if (swiperMain2.autoplay.running && swiperMain2.realIndex) { swiperMain2.autoplay.stop(); } }); }); e.el.children[0]?.childNodes.forEach((item, index) => { item.addEventListener("mouseleave", () => { if (!isAutoplayDestroy2 && swiperMain2.realIndex) { swiperMain2.autoplay.start(); } }); }); }, click: (e) => { e.$wrapperEl[0].classList.add("progress-none"); isAutoplayDestroy2 = true; swiperMain2.autoplay.stop(); swiperMain2.autoplay.running = false; swiperMain2.update(); }, resize: (e) => { if (swiperMain2.autoplay.running && !isAutoplayDestroy2) { e.autoplay.start(); } }, }, }); swiperMain2 = new Swiper(".main-swiper2", { effect: "fade", fadeEffect: { crossFade: true }, navigation: true, waitForTransition: false, autoplay: { delay: 1000 * second2, disableOnInteraction: false, waitForTransition: false, }, thumbs: { swiper: swiperThumb2, }, allowTouchMove: false, on: { // this is backup when intersectionObser is not entry fire status. afterInit: (e) => { const el = e.thumbs.swiper.wrapperEl.children[ e.activeIndex ].querySelector(".description"); el.style.height = `${el.scrollHeight}px`; e.autoplay.stop(); e.update(); }, slideChange: (e) => { const thumbs = e.thumbs.swiper.wrapperEl; const otherCollapse = thumbs.querySelectorAll(".description"); otherCollapse.forEach((item) => (item.style.height = 0)); const collapse = thumbs.children[e.activeIndex].querySelector( ".description" ); collapse.style.height = `${collapse.scrollHeight}px`; }, }, }); if (typeof window !== "undefined") { if (!!window.IntersectionObserver) { const callback = (entries, observer) => { entries.forEach((entry) => { if (!isAutoplayDestroy2) { if (entry.isIntersecting) { swiperThumb2.$wrapperEl[0].classList.add("progress-start"); swiperMain2.autoplay.start(); swiperMain2.update(); } else { swiperMain2.autoplay.stop(); swiperMain2.update(); } } }); }; const observerint = new IntersectionObserver(callback); const target = document.querySelector(".vertical-tab_thumbSlider__1fqbr.vertical-tab_thumbSlider2"); // console.log(target); if (observerint && target) { observerint.observe(target); } } } </script> <section class="card-deck-2up--routing_module__3ta5S gradient-br-red" data-sticky-target="more-from-webex" data-module="card-deck-2up--routing"><a name="more-from-webex-anchor" class="module-sticky-target"></a><div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2 " role="heading" aria-level="2"><span>Experimente mais do Webex.</span></h2> <p class="lbody color-gray">Obtenha o portfólio de colaboração mais completo.</p> </div> </div> </div> <div class="grid grid-end card-deck-2up--routing_grid__2bIEq"> <div class="col col-10 col-sm"> <div class="grid"> <div class="col col-sm card-deck-2up--routing_link__3_Q9h"> <div class="card-deck-2up--routing_imageWrapper__1lhj5"><img class="br-30 img100p undefined" src="/content/dam/wbx/us/images/rebrand/more_meetings-e.jpg" alt="Pessoa usa o recurso de reconhecimento de gestos no Webex Meeting"></div> <div class="grid card-deck-2up--routing_wrapper__2gywc"> <div class="col col-grow-6 card-deck-2up--routing_textWrapper__3JIir"> <h3 class="h5 fw-regular undefined">Reuniões</h3> <p class="color-gray mbody fw-regular">Reúna-se pessoalmente com a solução de videoconferência interativa mais atraente.</p> </div> <div class="col"><a href="/pt/video-conferencing.html" aria-label="Meetings" class="btn-rounded btn-rounded-dark"> <span class="icon-arrow"></span> </a></div> </div> </div> <div class="col col-sm card-deck-2up--routing_link__3_Q9h"> <div class="card-deck-2up--routing_imageWrapper__1lhj5"><img class="br-30 img100p undefined" src="/content/dam/wbx/us/images/rebrand/more_messaging.jpg" alt="Usuário aproveita o Webex Messaging em lugar ao ar livre"></div> <div class="grid card-deck-2up--routing_wrapper__2gywc"> <div class="col col-grow-6 card-deck-2up--routing_textWrapper__3JIir"> <h3 class="h5 fw-regular undefined">Mensagens</h3> <p class="color-gray mbody fw-regular">Obtenha mensagens integradas, compartilhamento de arquivos e quadro de comunicações que mantêm o trabalho em andamento entre as reuniões.</p> </div> <div class="col"><a href="/pt/team-collaboration.html" aria-label="Messaging" class="btn-rounded btn-rounded-dark"> <span class="icon-arrow"></span> </a></div> </div> </div> </div> </div> </div> </div> </section> </section>           </div> </div> <div class="wbx-footer"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="open-html-component"> <style> footer li a { cursor: pointer; } footer .footer_languageSelect__a_We0 a, footer .footer_languageSelect__a_We0 a:hover { color: #fff !important; } .footer_countrySelector__1ZD90 .footer_language__3GeJS .footer_languageWrapper__1qiJ4:after { z-index: -3; } .footer_copyright__2fzys { color: #9e9e9e !important; } </style> <footer class="footer_module__21ya7 wx-wrapper navigation-wrapper module" data-module="footer" > <div class="bg-black color-white"> <div class="footer_prefooter__3edCk" style=" background-image: url(/content/dam/wbx/us/images/rebrand/nav-footer/footerBg.png); " > <div class="container"> <div class="grid"> <div class="col"> <a href="/" class="footer_logo__3rrSz"><img src="/content/dam/wbx/us/images/rebrand/nav-footer/webexLogo.png" alt="Logo do Webex"/></a> </div> </div> <div class="grid grid-between"> <div class="col col-7 col-sm"> <div class="h2 fw-medium">Comece gratuitamente.</div> </div> <div class="col col-4 col-align-bottom col-sm"> <div class="lbody fw-regular footer_sideText__3VaMw"> Recursos adicionais, armazenamento e suporte com preço baixo. </div> </div> <div class="col col-12 col-sm footer_buttonWrapper__28ZDj"> <a href="https://signup.webex.com/sign-up?locale=pt_BR" target="_blank" rel="noopener" class="footer_btn__eNunV btn btn-primary"> Comece gratuitamente</a> <a href="https://pricing.webex.com/br/pt/" class="btn btn-secondary-light">Consulte planos e preços</a> </div> </div> </div> </div> <div class="container"> <div class="grid footer_footerWrapper__2p9Tg"> <div class="col col-sm"> <strong class="color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6" >Pequenos negócios</strong > <ul class="sbody footer_menu__34rB4"> <li> <a href="https://pricing.webex.com/br/pt/" target="_blank" class="sbody">Preços</a> </li> <li><a href="/pt/all-new-webex.html" target="_blank">Webex App</a></li> <li><a href="/pt/video-conferencing.html">Reuniões</a></li> <li><a href="/pt/team-collaboration.html">Mensagens</a></li> </ul> </div> <div class="col col-sm"> <strong class="color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6" >Empresarial</strong > <ul class="sbody footer_menu__34rB4"> <li> <a href="/pt/collaboration-suite.html" target="_blank">Webex Suite</a> </li> <li> <a href="/pt/enterprise-cloud-calling.html" target="_blank">Chamadas</a> </li> <li><a href="/pt/meetings.html" target="_blank">Reuniões</a></li> <li> <a href="/pt/team-collaboration.html" target="_blank">Mensagens</a> </li> <li><a href="/pt/audience-engagement.html" target="_blank">Slido</a></li> <li><a href="/pt/webinar.html" target="_blank">Eventos</a></li> <li> <a href="/pt/contact-center.html" target="_blank">Centro de contatos</a> </li> <li> <a href="/pt/customer-interaction-management.html" target="_blank">imimobile</a> </li> <li><a href="/pt/security.html" target="_blank">Segurança</a></li> <li><a href="/pt/control-hub.html" target="_blank">Control Hub</a></li> </ul> </div> <div class="col col-sm"> <strong class="color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6" >Soluções específicas do setor</strong > <ul class="sbody footer_menu__34rB4"> <li> <a href="/pt/industries/education.html" target="_blank">Educação</a> </li> <li> <a href="/pt/industries/healthcare.html" target="_blank">Cuidados de saúde</a> </li> <li> <a href="/pt/industries/financial-services.html" target="_blank">Serviços financeiros</a> </li> <li> <a href="/pt/industries/government.html" target="_blank">Governo</a> </li> <li> <a href="/pt/industries/start-ups.html" target="_blank">Startups</a> </li> <li> <a href="/pt/industries/sports-entertainment.html" target="_blank">Esportes e entretenimento</a> </li> <li> <a href="/pt/hybrid-work.html" target="_blank">Trabalho híbrido</a> </li> </ul> </div> <div class="col col-sm"> <strong class="color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6" >Recursos</strong > <ul class="sbody footer_menu__34rB4"> <li><a href="/pt/downloads.html" target="_blank">Downloads</a></li> <li> <a href="https://help.webex.com/pt-br" target="_blank" rel="noopener">Central de ajuda</a> </li> <li><a href="/pt/test-meeting.html">Entre em uma reunião de teste</a></li> <li> <a href="/pt/products/integrations/index.html" target="_blank">Integrações</a> </li> <li> <a href="/pt/accessibility.html" target="_blank">Acessibilidade</a> </li> <li> <a href="/pt/inclusive-collaboration.html" target="_blank">Inclusão</a> </li> </ul> </div> <div class="col col-sm"> <strong class="color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6" >Empresa</strong > <ul class="sbody footer_menu__34rB4"> <li> <a href="https://www.cisco.com/c/en/us/solutions/collaboration/index.html#~stickynav=1" target="_blank" rel="noopener">Cisco</a> </li> <li> <a href="https://help.webex.com/pt-br/contact" target="_blank" rel="noopener">Entrar em contato com o suporte</a> </li> <li> <a href="https://use.webex.com/contact-sales?lang=pt" target="_blank">Entre em contato com a equipe de vendas</a> </li> <li> <a href="http://www.webexmerchstore.com/" target="_blank" rel="noopener">Webex Merch Store</a> </li> <li> <a href="https://blog.webex.com/pt-br" target="_blank" rel="noopener">Webex Blog</a> </li> </ul> </div> </div> <div class="grid footer_postFooter__GEZvn"> <div class="col col-4 col-sm footer_social__2mmJW"> <div class="footer_socialIconWrapper__3eyHO"> <ul> <li> <a href="https://twitter.com/webex" target="_blank" aria-label="Twitter" rel="noopener"><span class="icon-twitter"></span ></a> </li> <li> <a href="https://www.linkedin.com/company/webex" target="_blank" aria-label="Linkedin" rel="noopener"><span class="icon-linkedin"></span ></a> </li> <li> <a href="https://www.facebook.com/webex" target="_blank" aria-label="Facebook" rel="noopener"><span class="icon-facebook"></span ></a> </li> <li> <a href="https://www.youtube.com/c/webex" target="_blank" aria-label="YouTube" rel="noopener"><span class="icon-youtube"></span ></a> </li> <li> <a href="https://www.instagram.com/webex/" target="_blank" aria-label="Instagram" rel="noopener"><span class="icon-instagram"></span ></a> </li> </ul> </div> <div class="xsbody footer_copyright__2fzys"> © <span class="this_year"></span> Cisco e/ou seus afiliados. Todos os direitos reservados. </div> </div> <div class="col col-6 col-sm footer_terms__17opd"> <ul class="xsbody"> <li target="_blank"> <a href="https://www.cisco.com/c/en/us/about/legal/terms-conditions.html" rel="noopener">Termos e Condições</a> </li> <li> <a target="_blank" href="https://www.cisco.com/c/en/us/about/legal/privacy-full.html" rel="noopener">Declaração de Privacidade</a> </li> <li><a href="#privacy-manager" onclick="displayConsentManager()">Cookies</a></li> <li> <a target="_blank" href="https://www.cisco.com/web/siteassets/legal/trademark.html" rel="noopener">Marcas registradas</a> </li> </ul> </div> <div class="col col-2 col-sm footer_countrySelector__1ZD90"> <div class="footer_languageOverlay__3tTZa"></div> <div class="footer_language__3GeJS color-black"> <div class="footer_languageHeader__1iHeI"> <span class="mbody">Selecione país/região</span ><span class="close"><span class="icon-close"></span></span> </div> <div class="footer_languageWrapper__1qiJ4"> <ul class="footer_languageList__gyLHu wf-region-list region-select-list"> <li data-id="AU"> <a href="/">Austrália (English)</a> </li> <li data-id="BR"> <a href="/pt/index.html">Brasil (Português)</a> </li> <li data-id="CA"> <a href="/">Canadá (English)</a> </li> <li data-id="CAF"> <a href="/fr/index.html">Canadá (Français)</a> </li> <li data-id1="CN"> <a href="/zh-cn/index.html">China (简体字)</a> </li> <li data-id="FR"> <a href="/fr/index.html">França (Français)</a> </li> <li data-id="DE"> <a href="/de/index.html">Alemanha (Deutsch)</a> </li> <li data-id="HK"> <a href="/zh-tw/index.html">Hong Kong (繁體中文)</a> </li> <li data-id="IN"> <a href="/">Índia (English)</a> </li> <li data-id="IT"> <a href="/it/index.html">Itália (Italiano)</a> </li> <li data-id="JP"> <a href="/ja/index.html">Japão (日本語)</a> </li> <li data-id="KR"> <a href="/ko/index.html">Coreia do Sul (한국어)</a> </li> <li data-id="MX"> <a href="/es/index.html">América Latina (Español)</a> </li> <li data-id="ES"> <a href="/es/index.html">Espanha (Español)</a> </li> <li data-id="GB"> <a href="/">Reino Unido (English)</a> </li> <li data-id="US"> <a href="/">Estados Unidos (English)</a> </li> </ul> </div> </div> <div class="footer_languageSelect__a_We0"> <a href="javascript:;"><span class="icon-global"></span ><span class="footer_country__2f7Cu wbx-region-name" >Brasil  </span ><span><i class="icon-open"></i></span ></a> </div> </div> </div> </div> </div> </footer> <div id="desktop-indicator" class="desktop-indicator"></div> <div id="tablet-indicator" class="tablet-indicator"></div> <div id="mobile-indicator" class="mobile-indicator"></div>  <script> $(".region-select-list li[data-id=" + DEF_locale + "]").hide(); var footerRegionList = {}; getRegionList(); function getRegionList() { var $regionLi = $(".region-select-list li"); for (var i = 0; i < $regionLi.length; i++) { var fCountryCode = $regionLi.eq(i).attr("data-id"); if (fCountryCode) { var fCountryName = $regionLi.eq(i).find("a").text(); if (fCountryCode != "CA" && fCountryCode != "CAF") { fCountryName = fCountryName.split(" (")[0]; } footerRegionList[fCountryCode] = fCountryName; } } } function getCurrentRegion(local) { if (footerRegionList[local]) { return local; } else if ($.inArray(local, USList) != -1) { return "US"; } else if ($.inArray(local, UKList) != -1) { return "GB"; } else if ($.inArray(local, AUList) != -1) { return "AU"; } else if ($.inArray(local, FRList) != -1) { return "FR"; } else if ($.inArray(local, DEList) != -1) { return "DE"; } else if ($.inArray(local, ZHList) != -1) { return "HK"; } else if ($.inArray(local, MXList) != -1) { return "MX"; } return false; } $(document).ready(function () { $('a[href*="https://cart.webex.com/sign-up?locale=pt_BR"]').attr({ href: "https://cart.webex.com/sign-up?locale=pt_BR", }); $(".region-select-list").on("click", " li", function () { var select_locale = $(this).attr("data-id"), head_locale = $.cookie("head_locale"), compareList = []; if (select_locale) { switch (select_locale) { case "US": compareList = USList; break; case "GB": compareList = UKList; break; case "AU": compareList = AUList; break; case "FR": compareList = FRList; break; case "DE": compareList = DEList; break; case "ZH": compareList = ZHList; break; case "MX": compareList = MXList; break; } $.cookie("user_lang", get_lang(select_locale), { path: "/", expires: 30 }); if ($.inArray(head_locale, compareList) == -1) { select_locale = select_locale.substr(0, 2); $.cookie("user_locale", select_locale, { path: "/", expires: 30 }); change_currency(select_locale); } else { $.cookie("user_locale", head_locale, { path: "/", expires: 30 }); change_currency(head_locale); } } }); }); setTimeout(function () { var coLocale = $.cookie("user_locale"); var coLang = $.cookie("user_lang"); var curLocale = coLocale == "CA" && coLang == "fr" ? "CAF" : coLocale; var curRegion = getCurrentRegion(curLocale); if (curRegion && curLocale != DEF_locale) { $(".wbx-region-name").text(footerRegionList[curRegion]); $(".region-select-list li[data-id=" + curRegion + "]").hide(); $(".region-select-list li[data-id=" + DEF_locale + "]").show(); } }, 500); </script>   <script type="text/javascript"> $(document).ready(function () { if (/iPad|iPhone|iPod|Mac/.test(navigator.userAgent)) { $("#wbx-footer").addClass("wbx-mac"); } //get current year for copyright automatically $(".this_year").text(new Date().getFullYear()); if ($(".prod-nav").length > 0) { $(".prod-nav .prod-nav-link") .unbind("click") .bind("click", function () { var navId = "#" + $(this).attr("navid"); $("html,body").animate( { scrollTop: Math.ceil($(navId).offset().top) - inicontenttop + "px", }, "normal", function () {} ); }); } if ($(".prod-nav-fixed").length > 0) { $(".prod-nav-fixed .prod-nav-link") .unbind("click") .bind("click", function () { $(".prod-nav-fixed .prod-nav-link").removeClass("prod-nav-link-active"); $(".prod-nav-fixed .splitline").removeClass("splitlinelive"); var navId = "#" + $(this).attr("navid"); $("html,body").animate( { scrollTop: Math.ceil($(navId).offset().top) - inicontenttop + "px", }, "normal", function () {} ); $(this).addClass("prod-nav-link-active"); $(this).prev().addClass("splitlinelive"); $(this).next().addClass("splitlinelive"); }); } $(".wf-social > a").bind("DOMNodeInserted", function (e) { $(".wf-social > a svg").attr("focusable", "false"); }); }); /***** Tab feature --------------ziyuan----------20180327 *****/ /* $('#header .tool-drop-toggle').attr('href', 'javascript' + String.fromCharCode(58) + 'void(0);'); */ var _tab_action = false; var st_active_name = "js-tab-focus"; $(document).on("keydown", function (e) { if (Number(e.keyCode) === 9) { _tab_action = true; } }); $(document) .on("focusin", function (e) { var $target = $(e.target); if (!_tab_action) { return false; } $("." + st_active_name).removeClass(st_active_name); _tab_action = false; $target.addClass("js-tab-focus"); if ($target.parents("li.dropdown").length > 0) { var $par_li = $target.parents("li.dropdown"); var $targrt_ele = $par_li.find("ul.drop-menu-box"); if ($targrt_ele.is(":hidden")) { $("ul.webex-nav-list li").find("ul.drop-menu-box").hide(); $targrt_ele.show(); } } else { if ($("ul.webex-nav-list li").find("ul.drop-menu-box").is(":visible")) { $("ul.webex-nav-list li").find("ul.drop-menu-box").hide(); } } }) .on("focusout", function () { $("." + st_active_name).removeClass(st_active_name); }); /** Tab feature ------end--------ziyuan----------20180327 */ $(document).ready(function () { /* Footer scripts */ const listItems = document.querySelectorAll(`.footer_collapsible__3jkQc`); for (let i = 0; i < listItems.length; i++) { listItems[i].addEventListener("click", (e) => { const content = e.target.nextElementSibling; const wrapper = document.querySelector( `.footer_footerWrapper__2p9Tg .footer_collapsible__3jkQc .footer_active__tMNaz` ); if (e.target.classList.contains(`footer_active__tMNaz`)) { e.target.classList.remove(`footer_active__tMNaz`); content.style.maxHeight = ""; return; } if (wrapper) { wrapper.classList.remove(`footer_active__tMNaz`); wrapper.nextElementSibling.style.maxHeight = ""; } e.target.classList.add(`footer_active__tMNaz`); content.style.maxHeight = `${content.scrollHeight}px`; }); } const language = document.querySelector(".footer_language__3GeJS"); const languageSelect = document.querySelector( ".footer_languageSelect__a_We0" ); const languageOverlay = document.querySelector( ".footer_languageOverlay__3tTZa" ); const close = document.querySelector(".close"); close.addEventListener("click", () => { language.classList.remove("footer_open__3c5lp"); }); languageOverlay.addEventListener("click", () => { language.classList.remove("footer_open__3c5lp"); languageOverlay.classList.remove("footer_visible__1fX2u"); }); languageSelect.addEventListener("click", () => { if (language.classList.contains("footer_open__3c5lp")) { language.classList.remove(`footer_open__3c5lp`); languageOverlay.classList.remove(`footer_visible__1fX2u`); } else { language.classList.add(`footer_open__3c5lp`); languageOverlay.classList.add(`footer_visible__1fX2u`); } }); }); </script> <script> function displayConsentManager() { if (typeof Optanon !== "undefined" && typeof Optanon.ToggleInfoDisplay === "function") { Optanon.ToggleInfoDisplay(); } } </script>   <style> @media only screen and (max-width: 599px) { #onetrust-pc-sdk a { float: none; } } @media(max-width: 767px) { .ot-btn-container { margin-bottom: 20px !important; } } </style>  </div> </div> <script src="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/header.lc-955baec977991c1794d545584159dc8c-lc.min.js"></script> <script type="text/javascript" src="https://www.cisco.com/c/dam/cdc/t/ctm.js"></script>   <script type="text/javascript"> _linkedin_partner_id = "625468"; 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=625468&fmt=gif"/> </noscript>  </div> </div> </div> </div> </body> </html>

CINXE.COM

Promova a interação da audiência com enquete ao vivo, sessão de perguntas e respostas, e muito mais | Webex