Plataforma para webinars y eventos en línea

<!DOCTYPE HTML> <html lang="es"> <head> <title>Plataforma para webinars y eventos en línea | Cisco Webex</title> <meta name="title" content="Plataforma para webinars y eventos en línea | Cisco Webex"/> <meta name="author" content="Webex"> <meta name="publisher" content="Cisco"> <meta property="og:type" content="Web" /> <meta property="og:url" content="https://www.webex.com/webinar.html" /> <meta property="og:title" content="Plataforma para webinars y eventos en línea | Cisco Webex" /> <meta property="og:description" content="Cisco Webex Events garantiza webinars perfectos. Realice transmisiones para 40 000 asistentes. Grabe los webinars. Vídeo y audio de alta calidad. Organice eventos más grandes y llegue a su público como nunca lo había hecho antes." /> <meta property="og:image" content="https://www.webex.com/content/dam/wbx/global/images/branding/cisco-webex-logo291x291.png"> <meta property="og:site_name" content="WebEx" /> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:url" content="https://www.webex.com/webinar.html"> <meta name="twitter:title" content="Plataforma para webinars y eventos en línea | Cisco Webex"> <meta name="twitter:description" content="Cisco Webex Events garantiza webinars perfectos. Realice transmisiones para 40 000 asistentes. Grabe los webinars. Vídeo y audio de alta calidad. Organice eventos más grandes y llegue a su público como nunca lo había hecho antes."> <meta name="twitter:image" content="https://www.webex.com/content/dam/wbx/global/images/branding/cisco-webex-logo291x291.png"> <script defer="defer" type="text/javascript" src="/.rum/@adobe/helix-rum-js@%5E2/dist/rum-standalone.js"></script> <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/cisco-webex-scheduler/ankblejcdieljecjfagjeoelaedaoaka"/> <link rel="canonical" href="https://www.webex.com/webinar.html"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta name="description" content="Cisco Webex Events garantiza webinars perfectos. Realice transmisiones para 40 000 asistentes. Grabe los webinars. Vídeo y audio de alta calidad. Organice eventos más grandes y llegue a su público como nunca lo había hecho antes."/> <meta name="format-detection" content="telephone=no"/> <meta name="X-UA-Compatible" content="IE=edge,chrome=1"/> <meta name="language" content="es"/> <meta name="country"/> <meta name="date" content="Mon Nov 29 17:54:10 UTC 2021"/> <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=es_ES', }); }); </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="/es/downloads.html" tabindex="0">Descargar</a> </li> <li> <a href="https://help.webex.com/es-CO/contact" target="_blank" tabindex="0" rel="noopener">Soporte</a> </li> <li> <a href="/es/contact-sales.html" tabindex="0">Comuníquese con un representante de ventas</a> </li> <li> <span class="xsbody header_phone__CWCpv" aria-label="1. 8 8 8. 4 6 9. 3 2 3 9." ><a href="tel:+1-888-469-3239">+1-888-469-3239</a></span > </li> </ul> </div> </div> </div> </section> <section class="header_wrapper__OpVK9"> <div class="container"> <div class="header_wrapperInner__2aEot"> <a href="/es/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:1-888-469-3239" class="xsbody" aria-label="1. 8 8 8. 4 6 9. 3 2 3 9.">+1-888-469-3239</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=es_ES')" class="btn btn-contact" > Comenzar gratis</button ><button onClick="window.open('/es/contact-sales.html')" class="btn btn-secondary-dark" > Comuníquese con un representante de ventas </button> </li> <li class=" header_menuItem__cnNBL header_menuItemHasChildren__bCODH header_mobFirst__26Ijl " > <a href="javascript:void(0);" data-toggle="sub-menu">Productos <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 y pequeñas empresas</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="/es/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"> La aplicación todo en uno para llamar, reunirse, enviar mensajes y trabajar. </p> </div> <div class="header_ctaBox__3kCvW"> <a href="/es/all-new-webex.html" tabindex="0" class="fw-medium color-salem">Explorar la aplicación  <span class="icon-arrow"></span> </a> </div> </div> <ul class="mbody"> <li> <a href="/es/enterprise-cloud-calling.html" tabindex="0">Llamadas<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/es/video-conferencing.html" tabindex="0">Reuniones<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/es/team-collaboration.html" tabindex="0">Mensajería<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> Conjunto de aplicaciones de Webex<span class="icon-open header_mobileArrow__2s7Bj" ></span> </div> </h6> <h6 class="webex-suite-mobile"> <a href="/es/collaboration-suite.html">Conjunto de aplicaciones de Webex<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </h6> </div> <div class="header_dropdownItemDesc__23wtb"> <p class="sbody color-boulder"> Presentación del primer conjunto de aplicaciones de trabajo híbrido del mundo y el mejor. </p> </div> <div class="header_ctaBox__3kCvW"> <a href="/es/collaboration-suite.html" tabindex="0" class="fw-medium color-salem">Explorar el conjunto de aplicaciones  <span class="icon-arrow"></span> </a> </div> </div> <ul class="mbody"> <li> <a href="/es/enterprise-cloud-calling.html" tabindex="0">Llamadas<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/es/meetings.html" tabindex="0">Reuniones<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/es/team-collaboration.html" tabindex="0">Mensajería<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/es/audience-engagement.html" tabindex="0">Slido<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/es/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> Experiencia del cliente<span class="icon-open header_mobileArrow__2s7Bj" ></span> </div> </h6> </div> <div class="header_dropdownItemDesc__23wtb"> <p class="sbody color-boulder"> Soluciones para conectar el recorrido del cliente y generar su satisfacción. </p> </div> </div> <ul class="mbody"> <li> <a href="/es/contact-center.html" tabindex="0">Centro de contacto<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li>  <li> <a href="/es/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> Administración<span class="icon-open header_mobileArrow__2s7Bj" ></span> </div> </h6> </div> <div class="header_dropdownItemDesc__23wtb"> <p class="sbody color-boulder"> Seguridad, administración y gestión de nivel empresarial de Webex. </p> </div> </div> <ul class="mbody"> <li> <a href="/es/control-hub.html" tabindex="0">Control Hub<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/es/security.html" tabindex="0">Seguridad<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/es/es/">Precios</a> </li> <li class="header_menuItem__cnNBL"> <a href="/es/collaboration-devices.html">Dispositivos</a> </li> <li class="header_menuItem__cnNBL header_menuItemHasChildren__bCODH"> <a href="javascript:void(0);" data-toggle="sub-menu">Soluciones <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>Industria</h6> </div> <ul class="header_solutionList__3yIOq"> <li> <a href="/es/industries/education.html" tabindex="0">Educación<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/es/industries/healthcare.html" tabindex="0">Atención médica<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/es/industries/government.html" tabindex="0">Gobierno<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/es/industries/financial-services.html" tabindex="0">Finanzas<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/es/industries/sports-entertainment.html" tabindex="0">Deportes y entretenimiento<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/es/industries/start-ups.html" tabindex="0">Empresas emergentes<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="/es/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> Trabajo híbrido<span class="icon-open header_mobileArrow__2s7Bj" ></span> </h6> </div> <div class="header_solutionCardDesc__20YXZ"> <p class="sbody color-boulder"> Webex supone una nueva forma de colaboración centrada en el trabajo que se realiza, no en el lugar donde se lleva a cabo. </p> </div> <div class="header_solutionCta__2JiaQ"> <span class="fw-medium color-salem" >Obtenga más información<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="imagen del 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>Motivos por los cuales elegir Webex</h6> </div> <ul class="header_solutionList__3yIOq"> <li> <a href="/es/inclusive-collaboration.html" tabindex="0">Inclusión<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/es/accessibility.html" tabindex="0">Accesibilidad<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/es/security.html" tabindex="0">Seguridad<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>Aprender</h6> </div> <ul class="header_solutionList__3yIOq"> <li> <a href="https://help.webex.com/es-CO" target="_blank" tabindex="0" rel="noopener">Ayuda sobre productos<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> </div> </div> <div class="col col-6 col-sm"> <a href="/es/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> Integraciones<span class="icon-open header_mobileArrow__2s7Bj" ></span> </h6> </div> <div class="header_solutionCardDesc__20YXZ"> <p class="sbody color-boulder"> Integre con las aplicaciones que le encanta <br />usar todos los días. </p> </div> <div class="header_solutionCta__2JiaQ"> <span class="fw-medium color-salem" >Obtenga más información<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="imagen del dispositivo"/> </div> </div> </a> <a href="https://blog.webex.com/es/" 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> Blog de Webex<span class="icon-open header_mobileArrow__2s7Bj" ></span> </h6> </div> <div class="header_solutionCardDesc__20YXZ"> <p class="sbody color-boulder"> Novedades, consejos y trucos y <br /> mucho más. </p> </div> <div class="header_solutionCta__2JiaQ"> <span class="fw-medium color-salem" >Obtenga más información<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="imagen del 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="/es/downloads.html">Descargar</a> </li> <li class="header_menuItem__cnNBL"> <a href="https://signin.webex.com/join">Entrar a una reunión</a> </li> <li class="header_menuItem__cnNBL header_mobileBtn__3w30I"> <a href="https://help.webex.com/es-CO/contact" target="_blank" rel="noopener">Soporte</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 sesión</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=es_ES" target="_blank"><button class="btn header_navbarButton__3nH08"> Comenzar gratis </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; } } /*Adding the global fix for swiper scrollbars*/ .swiper-horizontal>.swiper-scrollbar { position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98% } .swiper-vertical>.swiper-scrollbar { position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98% } /* 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> .wx-wrapper .icon-gradient-orange2 { background:-webkit-gradient(linear,left top,left bottom,color-stop(11.27%,#FBBD23),color-stop(88.73%,#FF7A3F)); background:-webkit-linear-gradient(top,#FBBD23 11.27%,#FF7A3F 88.73%); background:linear-gradient(180deg,#FBBD23 11.27%,#FF7A3F 88.73%) } .wx-wrapper.page-wrapper .color-gray { color: #818181; } .wx-wrapper.page-wrapper h2 + p.lbody, .wx-wrapper.page-wrapper h3 + p.mbody { margin-top: 20px; } .calling-hero_buttons__1OXs_ a.btn { text-align: left; } p.h5.quote-carousel_quote__1_MFH { font-weight: 400; } .swiper-slide { padding: 0 1px; } .swiper-pagination-fraction{ margin: 0 20px; width: auto; } .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: 5vw; } .calling-hero_stickyImage__1Nq0B { margin-bottom: 8vw; } .quote-carousel_quote__1_MFH:before { top: -1vw; } .quote-carousel_quote__1_MFH:after { bottom: -4.5vw; } .card-deck-2up--routing_grid__2bIEq { margin-top: -6vw; } .card-deck-2up--routing_link__3_Q9h:not(:first-child) { margin-top: 10vw; } } @media(max-width: 499px) { .quote-carousel_quote__1_MFH:after { bottom: -3vw; } } </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-orange"> <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">Webex <br>Events</h1> </div> </div> </div> <div class="col col-9 col-sm"> <h2 class="h2 " role="heading" aria-level="2"><span>La plataforma escalable <br>para eventos <br>virtuales atractivos.</span></h2> <div class="calling-hero_buttonWrap__3Wufa"><a href="/es/contact-sales.html" class="calling-hero_btn__3tHA8 btn btn-primary">Contáctenos <span class="icon-arrow"></span></a><a href="javascript: ;" data-video-id="6273011273001" title="La id. de video no está lista" class="calling-hero_btn__3tHA8 btn btn-round-icon btn-secondary-dark play_video" id="ShowVideo1">Vea el video <span class="icon-play"></span></a></div> </div> <div class="col col-12 col-sm"><img src="/content/dam/wbx/us/images/rebrand/webinar-hero.jpg" class="br-30 img100p calling-hero_stickyImage__1Nq0B" alt="Una persona se une a una gran reunión a través de Webex Events"></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>Alcance global. Experiencias memorables.</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"> <div class="swiper-wrapper"> <div class="swiper-slide"><img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/webinar-overview_1.jpg" alt="Un ejecutivo llega a una gran audiencia con Webex Events"></div> <div class="swiper-slide"><img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/webinar-overview_2.jpg" alt="Ejemplo de interfaz de usuario de Webex Events"></div> <div class="swiper-slide"><img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/webinar-overview_3.jpg" alt="Una persona establece conexiones con Webex Events"></div> </div> </div> </div> <div class="col col-4 col-sm vertical-tab_colText__309uD vertical-tab_thumbSlider__1fqbr col-align-bottom"> <div class="accordion"> <div class="swiper-container thumb-swiper 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/webinar-overview_1.jpg" alt="Un ejecutivo llega a una gran audiencia con Webex Events"></div> <div class="titleContainer"> <h6 class="lbody fw-regular">Expanda su escala y alcance</h6> </div> <div class="description calling-accordion-body" style="height: 0px;"> <p class="color-gray fw-regular">Admita audiencias mucho más grandes que antes sin sacrificar la calidad.</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/webinar-overview_2.jpg" alt="Ejemplo de interfaz de usuario de Webex Events"></div> <div class="titleContainer"> <h6 class="lbody fw-regular">Organice eventos profesionales</h6> </div> <div class="description calling-accordion-body"> <p class="color-gray fw-regular">Facilite interacciones atractivas y vibrantes entre los panelistas y los asistentes.</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/webinar-overview_3.jpg" alt="Una persona establece conexiones con Webex Events"></div> <div class="titleContainer"> <h6 class="lbody fw-regular">Haga que sea memorable</h6> </div> <div class="description calling-accordion-body" style="height: 0px;"> <p class="color-gray fw-regular">Proteja la información confidencial para que no se comparta ni se muestre a fin de que su organización y sus clientes estén seguros y cumplan con las normas.</p> </div><span class="progress"></span></li> </div> </div> </div> </div> </div> </div> </div> </section> <script> const second = 5; let swiperMain; let isAutoplayDestroy = false; const swiperThumb = new Swiper(".thumb-swiper", { 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 (swiperMain.autoplay.running && swiperMain.realIndex) { swiperMain.autoplay.stop(); } }); }); e.el.children[0]?.childNodes.forEach((item, index) => { item.addEventListener("mouseleave", () => { if (!isAutoplayDestroy && swiperMain.realIndex) { swiperMain.autoplay.start(); } }); }); }, click: (e) => { e.$wrapperEl[0].classList.add("progress-none"); isAutoplayDestroy = true; swiperMain.autoplay.stop(); swiperMain.autoplay.running = false; swiperMain.update(); }, resize: (e) => { if (swiperMain.autoplay.running && !isAutoplayDestroy) { e.autoplay.start(); } }, }, }); swiperMain = new Swiper(".main-swiper", { effect: "fade", fadeEffect: { crossFade: true }, navigation: true, waitForTransition: false, autoplay: { delay: 1000 * second, disableOnInteraction: false, waitForTransition: false, }, thumbs: { swiper: swiperThumb, }, 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 (!isAutoplayDestroy) { if (entry.isIntersecting) { swiperThumb.$wrapperEl[0].classList.add("progress-start"); swiperMain.autoplay.start(); swiperMain.update(); } else { swiperMain.autoplay.stop(); swiperMain.update(); } } }); }; const observerint = new IntersectionObserver(callback); const target = document.querySelector(".vertical-tab_thumbSlider__1fqbr"); // console.log(target); if (observerint && target) { observerint.observe(target); } } } </script> <section class="text-grid_module__3ArLH bg-black color-white" data-sticky-target="what-is-included" data-module="text-grid"><a name="what-is-included-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>Una experiencia de webinar moderna y altamente interactiva.</span></h2> <p class="lbody color-gray">El modo de webinar le permite crear eventos que son <br>tan interactivos como las reuniones.</p> </div> </div> </div> <div class="text-grid_grid__vAiKx false"> <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-orange2" style="-webkit-mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/meeting-templates_black.svg);mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/meeting-templates_black.svg)"> </div> </div><span class="h5 fw-regular text-grid_serviceName__NvaKM">Debata en grupos más reducidos</span> <span class="mbody color-gray text-grid_serviceText__17Ege">Profundice en los temas o conozca más de cerca a los panelistas en las sesiones de subgrupo.</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-orange2" style="-webkit-mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/3rd-party-integration_black.svg);mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/3rd-party-integration_black.svg)"> </div> </div><span class="h5 fw-regular text-grid_serviceName__NvaKM">Llegue a todos</span> <span class="mbody color-gray text-grid_serviceText__17Ege">Admita hasta 10 000 asistentes y llegue a nuevas audiencias con traducciones en tiempo real en más de cien idiomas.</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-orange2" style="-webkit-mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/whiteboard-Ideation-co-creation_black.svg);mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/whiteboard-Ideation-co-creation_black.svg)"> </div> </div><span class="h5 fw-regular text-grid_serviceName__NvaKM">Atraiga a la audiencia</span> <span class="mbody color-gray text-grid_serviceText__17Ege">Fomente la participación activa con preguntas y respuestas moderadas, chat, sondeos, reacciones con emoji y reconocimiento de gestos.</span></div> </div> </div> </div> </div> </section> <section class="text-grid_module__3ArLH" data-sticky-target="what-is-included2" data-module="text-grid"><a name="what-is-included2-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>Una experiencia de webcast altamente escalable.</span></h2> <p class="lbody color-gray">El modo webcast le ofrece un amplio alcance para que <br>no tenga que elegir entre escala y calidad.</p> </div> <div class="col col-3 col-sm"> <div class="flex-end"><a href="/es/contact-sales.html" class="btn btn-primary">Póngase en contacto con nosotros <span class="icon-arrow"></span></a></div> </div> </div> </div> <div class="text-grid_grid__vAiKx false"> <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-orange" style="-webkit-mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/global_black.svg);mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/global_black.svg)"> </div> </div><span class="h5 fw-regular text-grid_serviceName__NvaKM">Invite hasta 100 000 personas</span> <span class="mbody color-gray text-grid_serviceText__17Ege">Organice grandes eventos virtuales con hasta 100 000 asistentes y llegue a más rincones del mundo.</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-orange" style="-webkit-mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/meeting-templates_black.svg);mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/meeting-templates_black.svg)"> </div> </div><span class="h5 fw-regular text-grid_serviceName__NvaKM">Dirija el espectáculo</span> <span class="mbody color-gray text-grid_serviceText__17Ege">Decida qué y a quién ve su audiencia en la vista de escenario en cada momento.</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-orange" style="-webkit-mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/immersive-share_black.svg);mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/immersive-share_black.svg)"> </div> </div><span class="h5 fw-regular text-grid_serviceName__NvaKM">Practique para alcanzar la perfección</span> <span class="mbody color-gray text-grid_serviceText__17Ege">Ensaye toda la presentación con sus copanelistas antes de salir al escenario.</span></div> </div> </div> </div> </div> </section> <section class="quote-carousel_module__3pdLb gradient-br-green" data-sticky-target="customer-stories" data-module="quote-carousel"><a name="customer-stories-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>Hecho posible <br>con Webex.</span></h2> </div> </div> </div> <div class="grid grid-between"> <div class="col col-9 col-sm"> <div class="swiper-container-quote"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="grid grid-between"> <div class="col col-2 col-sm"> <div class="quote-carousel_imageWrapper__1LrgG"><img src="/content/dam/wbx/us/images/rebrand/webinar-case_1.png" class="img-responsive quote-carousel_image__tqw2j" alt="Logotipo de la USGA"></div> </div> <div class="col col-10 col-sm"> <div> <p class="h5 quote-carousel_quote__1_MFH">Pudimos llevarles la experiencia in situ al hogar. Se sintieron parte del campeonato.</p> <div class="sbody fw-medium color-gray quote-carousel_author__1menR">Navin Singh, CCO de la USGA</div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="grid grid-between"> <div class="col col-2 col-sm"> <div class="quote-carousel_imageWrapper__1LrgG"><img src="/content/dam/wbx/us/images/rebrand/webinar-case_2.png" class="img-responsive quote-carousel_image__tqw2j" alt="Logotipo de la Comisión Sudafricana de Derechos Humanos"></div> </div> <div class="col col-10 col-sm"> <div> <p class="h5 quote-carousel_quote__1_MFH">A diferencia de la seguridad de Zoom, me di cuenta de que Cisco Webex es bastante seguro. La configuración de Webex es rápida. Desde nuestra primera prueba, nos dimos cuenta de que Webex completaba perfectamente nuestra brecha de comunicación.</p> <div class="sbody fw-medium color-gray quote-carousel_author__1menR">Tseliso Thipanyane, CEO de la Comisión Sudafricana de Derechos Humanos</div> </div> </div> </div> </div> </div> </div> </div> <div class="col col-2 col-sm hidden-sm"> <div class="carousel-controls"> <div class="left-arrow swiper-button-disabled"><span class="icon-arrow-large"></span></div> <div class="count mbody">1/2</div> <div class="right-arrow"><span class="icon-arrow-large"></span></div> </div> </div> <div class="scrollbar quote-carousel_scrollbar__ypIQM"> <div class="swiper-scrollbar-drag"></div> </div> </div> </div> </section> <script> //swiper for quotes- good const swiperquote = new Swiper('.swiper-container-quote', { // If we need pagination effect: 'fade', fadeEffect: { crossFade: true }, pagination: { el: '.count', type: 'fraction' }, // Navigation arrows navigation: { nextEl: '.right-arrow', prevEl: '.left-arrow', }, scrollbar: { el: '.scrollbar', draggable: true, }, }); </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 más con Webex.</span></h2> <p class="lbody color-gray">Obtenga la cartera de colaboración más completa.</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_slido.jpg" alt="Un usuario interactúa con personas que utilizan Slido en Webex Meetings"></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">Slido</h3> <p class="color-gray mbody fw-regular">Haga que las reuniones sean interactivas desde el principio con seis tipos diferentes de sondeos y preguntas y respuestas.</p> </div> <div class="col"><a href="/es/audience-engagement.html" class="btn-rounded btn-rounded-dark" aria-label="Slido"> <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_meetings-e.jpg" alt="Una persona usa la característica de reconocimiento de gestos en Webex Meetings"></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">Webex Meetings</h3> <p class="color-gray mbody fw-regular">Reúnase cara a cara de forma instantánea con la solución de videoconferencia interactiva más atractiva.</p> </div> <div class="col"><a href="/es/meetings.html" class="btn-rounded btn-rounded-dark" aria-label="Webex Meetings"> <span class="icon-arrow"></span> </a></div> </div> </div> </div> </div> </div> </div> </section> </section> <div class="popup"> <style> .popup { display: none; } .popup-mask { width: 100%; height: 100%; background: rgba(0, 0, 0, .7); position: fixed; left: 0; top: 0; z-index: 9999; } .popup-main { width: 90vw; height: calc(90vw * 0.562); max-height: 90vh; max-width: calc(90vh / 0.562); position: fixed; left: 50%; top: 50%; z-index: 10000; transform: translate(-50%, -50%); } .popup-video { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; } a.popup-close { height: 30px; display: block; margin-top: -40px; position: absolute; right: 15px; opacity: 1; z-index: 2; cursor: pointer; } a.popup-close .hamburger-bun { width: 32px; height: 2px; background: #fff; display: block; transform: rotate(135deg); position: relative; top: 10px; } a.popup-close .hamburger-bun:first-child { transform: rotate(-135deg); top: 12px; } </style> <div class="popup-mask"></div> <div class="popup-main"><a href="javascript:;" class="popup-close" aria-label="Close video"> <span class="hamburger-bun"></span> <span class="hamburger-bun"></span> </a><div id="placeHolder" class="popup-body"> </div> </div> <script> $(".play_video").bind('click', function (e) { e.preventDefault(); $('.popup-video').hide(); //$('#Video1').show(); $('.popup').show(); addPlayer($(this)) }) $('a.popup-close').on('click', function () { myPlayer.pause(); $('.popup').hide(); $('.popup-video').hide(); $("#bcplayer").remove(); }); var myPlayer, playerHTML, playerData = { accountId: "5701679737001", playerId: "r1OJyaE2M" }; function addPlayer(obj) { videoidnumber = $(obj).attr("data-video-id"); playerHTML ='<video-js id="myPlayerID" data-video-id="' +videoidnumber +'" data-account="' +playerData.accountId +'" data-player="' +playerData.playerId +'" data-embed="default" class="video-js popup-video" controls></video-js>'; document.getElementById("placeHolder").innerHTML = playerHTML; var s = document.createElement("script"); s.setAttribute("id","bcplayer"); s.src ="https://players.brightcove.net/" +playerData.accountId +"/" +playerData.playerId +"_default/index.min.js"; document.body.appendChild(s); s.onload = callback; } function callback() { myPlayer = bc("myPlayerID"); myPlayer.on("loadedmetadata", function() { myPlayer.muted(false); myPlayer.play(); }); } </script> </div></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; } .xsbody li { min-width: 4rem; } </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="Webex logo"/></a> </div> </div> <div class="grid grid-between"> <div class="col col-7 col-sm"> <div class="h2 fw-medium">Comience sin costo.</div> </div> <div class="col col-4 col-align-bottom col-sm"> <div class="lbody fw-regular footer_sideText__3VaMw"> Puede obtener características, almacenamiento y soporte adicionales a un precio bajo. </div> </div> <div class="col col-12 col-sm footer_buttonWrapper__28ZDj"> <a href="https://signup.webex.com/sign-up?locale=es_ES" rel="noopener" class="footer_btn__eNunV btn btn-primary"> Comience sin costo </a> <a href="https://pricing.webex.com/es/es/" class="btn btn-secondary-light"> Vea los planes y precios </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"> Pequeñas empresas </strong> <ul class="sbody footer_menu__34rB4"> <li> <a href="https://pricing.webex.com/es/es/" rel="noopener"> Precios </a> </li> <li> <a href="/es/all-new-webex.html" rel="noopener"> Webex App </a> </li> <li> <a href="/es/video-conferencing.html" rel="noopener"> Reuniones </a> </li> <li> <a href="/es/team-collaboration.html" rel="noopener"> Mensajería </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="/es/collaboration-suite.html" rel="noopener"> Conjunto de aplicaciones de Webex </a> </li> <li> <a href="/es/enterprise-cloud-calling.html" rel="noopener"> Llamadas </a> </li> <li> <a href="/es/meetings.html" rel="noopener"> Reuniones </a> </li> <li> <a href="/es/team-collaboration.html" rel="noopener"> Mensajería </a> </li> <li> <a href="/es/audience-engagement.html" rel="noopener"> Slido </a> </li> <li> <a href="/es/webinar.html" rel="noopener"> Eventos </a> </li> <li> <a href="/es/contact-center.html" rel="noopener"> Centro de contacto </a> </li>  <li> <a href="/es/customer-interaction-management.html" rel="noopener"> imimobile </a> </li> <li> <a href="/es/security.html" rel="noopener"> Seguridad </a> </li> <li> <a href="/es/control-hub.html" rel="noopener"> Control Hub </a> </li> </ul> </div> <div class="col col-sm"> <strong class="color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6"> Soluciones para </strong> <ul class="sbody footer_menu__34rB4"> <li> <a href="/es/industries/education.html" rel="noopener"> Educación </a> </li> <li> <a href="/es/industries/healthcare.html" rel="noopener"> Atención médica </a> </li> <li> <a href="/es/industries/financial-services.html" rel="noopener"> Servicios financieros </a> </li> <li> <a href="/es/industries/government.html" rel="noopener"> Gobierno </a> </li> <li> <a href="/es/industries/start-ups.html" rel="noopener"> Empresas emergentes </a> </li> <li> <a href="/es/industries/sports-entertainment.html" rel="noopener"> Deportes y entretenimiento </a> </li> <li> <a href="/es/hybrid-work.html" rel="noopener"> Trabajo 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="/es/downloads.html" rel="noopener"> Descargas </a> </li> <li> <a href="https://help.webex.com/es-co" rel="noopener"> Centro de ayuda </a> </li> <li> <a href="/es/test-meeting.html" rel="noopener"> Entrar a una reunión de prueba </a> </li> <li> <a href="/es/products/integrations/index.html" rel="noopener"> Integraciones </a> </li> <li> <a href="/es/accessibility.html" rel="noopener"> Accesibilidad </a> </li> <li> <a href="/es/inclusive-collaboration.html" rel="noopener"> Inclusión </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/es_es/solutions/collaboration/index.html" rel="noopener"> Cisco </a> </li> <li> <a href="https://help.webex.com/es-co/contact" rel="noopener"> Comunicarse con el soporte </a> </li> <li> <a href="/es/contact-sales.html" rel="noopener"> Comuníquese con un representante de ventas </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/es" rel="noopener"> Blog de Webex </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 o sus filiales. Todos los derechos reservados. </div> </div> <div class="col col-6 col-sm footer_terms__17opd"> <ul class="xsbody"> <li> <a href="https://www.cisco.com/c/en/us/about/legal/terms-conditions.html" rel="noopener">Términos y condiciones</a> </li> <li> <a href="https://www.cisco.com/c/en/us/about/legal/privacy-full.html" rel="noopener">Declaración de privacidad</a> </li> <li><a href="#privacy-manager" onclick="displayConsentManager()">Cookies</a></li>     <li> <a href="https://www.cisco.com/web/siteassets/legal/trademark.html" rel="noopener">Marcas comerciales</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">Select Country/Region</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="/">Australia (English)</a> </li> <li data-id="BR"> <a href="/pt/index.html">Brazil (Português)</a> </li> <li data-id="CA"> <a href="/">Canada (English)</a> </li> <li data-id="CAF"> <a href="/fr/index.html">Canada (Français)</a> </li> <li data-id="CN"> <a href="/zh-cn/index.html">China (简体字)</a> </li> <li data-id="FR"> <a href="/fr/index.html">France (Français)</a> </li> <li data-id="DE"> <a href="/de/index.html">Germany (Deutsch)</a> </li> <li data-id="HK"> <a href="/zh-tw/index.html">Hong Kong (繁體中文)</a> </li> <li data-id="IN"> <a href="/">India (English)</a> </li> <li data-id="IT"> <a href="/it/index.html">Italy (Italiano)</a> </li> <li data-id="JP"> <a href="/ja/index.html">Japan (日本語)</a> </li> <li data-id="KR"> <a href="/ko/index.html">South Korea (한국어)</a> </li> <li data-id="MX"> <a href="/es/index.html">Latin America (Español)</a> </li> <li data-id="ES"> <a href="/es/index.html">Spain (Español)</a> </li> <li data-id="GB"> <a href="/">United Kingdom (English)</a> </li> <li data-id="US"> <a href="/">United States (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"> Spain  </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"]').attr({ href: "https://cart.webex.com/sign-up?locale=es_ES", }); $(".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(); } var newPnPUrl = 'https://pricing.webex.com/'; var newPnPCountry = curRegion; newPnPCountry = newPnPCountry && newPnPCountry.trim().toLowerCase(); const realPnPCountries = ['mx', 'es']; if (newPnPCountry) { if ($.inArray(newPnPCountry, realPnPCountries) != -1) { newPnPUrl = newPnPUrl + newPnPCountry + '/es/'; } else { newPnPUrl = newPnPUrl + 'es/es/'; } $('a[href="/es/pricing/index.html').attr('href', newPnPUrl); } }, 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

Plataforma para webinars y eventos en línea | Cisco Webex