CINXE.COM

Page not Found

<!DOCTYPE HTML> <html lang="en"> <head> <title>Page not Found</title> <meta name="title" content="Page not Found"/> <meta charset="UTF-8"> <meta name="robots" content="noindex"> <meta name="apple-itunes-app" content="app-id=833967564" /> <meta name="author" content="Webex"> <meta name="publisher" content="Cisco"> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.webex.com/" /> <meta property="og:title" content="The leader in collaboration & customer experience | Webex" /> <meta property="og:description" content="With industry leading video conferencing, calling, and contact center solutions, Webex fuels hybrid work for businesses of all sizes." /> <meta property="og:image" content="https://www.webex.com/content/dam/wbx/us/images/rebrand/Home-Fallback-V2-16_9.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"> <meta name="twitter:title" content="The leader in collaboration & customer experience | Webex"> <meta name="twitter:description" content="With industry leading video conferencing, calling, and contact center solutions, Webex fuels hybrid work for businesses of all sizes."> <meta name="twitter:image" content="https://www.webex.com/content/dam/wbx/us/images/rebrand/Home-Fallback-V2-16_9.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-extension/jlhmfgmfgeifomenelglieieghnjghma"/> <link rel="canonical" href="https://www.webex.com/"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta name="description"/> <meta name="format-detection" content="telephone=no"/> <meta name="X-UA-Compatible" content="IE=edge,chrome=1"/> <meta name="language" content="en"/> <meta name="country" content="US"/> <meta name="date" content="Wed May 03 18:03:47 UTC 2023"/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <script type="application/ld+json"> { "@context" : "https://schema.org", "@id": "https://www.webex.com/#website", "@type" : "WebSite", "name" : "Webex", "alternateName" : "Webex by Cisco", "url" : "https://www.webex.com" } </script> <script type="application/ld+json"> { "@context" : "https://schema.org", "@type" : "Organization", "name" : "Webex", "legalName" : "Webex by Cisco", "url" : "https://www.webex.com", "logo": "https://www.webex.com/content/dam/wbx/global/images/webex-favicon.png" } </script> <script type="text/javascript" src="https://www.cisco.com/c/dam/cdc/t/ctm-core.js"></script> <!-- <script type="text/javascript" src="/content/dam/wbx-new/common/at_cisco.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> <!--[if lt IE 9]> <script src="includes/js/html5shiv.js"></script> <link rel="stylesheet" href="/includes/css/rwd-ie8.css" /> <![endif]--> <!-- Google tag (gtag.js) --> <!--<script async src="https://www.googletagmanager.com/gtag/js?id=G-JX5PZRZSGR"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-JX5PZRZSGR'); </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="newpar new section"> </div> <div class="par iparys_inherited"> <div class="open-html-component"> <style> * { word-wrap: normal; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(24, 24, 24, 0); } *, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } html { background: none; font-size: 62.5%; height: 100%; min-height: 100vh; scroll-behavior: smooth; -ms-overflow-style: scrollbar; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; word-break: normal; } body { background: none; color: #767676; font-family: "CiscoSansTT", "georgia", sans-serif; font-size: 1.4rem; line-height: 1.4; overflow-x: hidden; -ms-touch-action: manipulation; touch-action: manipulation; } .wbx-footer{ /*display: none;*/ } .fonts-loaded body { font-family: "Roboto", "CiscoSansTT", "georgia", sans-serif; font-weight: 400; } @font-face { font-display: swap; font-family: icomoon; font-style: normal; font-weight: 400; src: url(/../content/dam/wbx/us/images/rebrand/fonts/icomoon/icomoon.woff) format("woff"), url(/../content/dam/wbx/us/images/rebrand/fonts/icomoon/icomoon.ttf) format("truetype"), url(/../content/dam/wbx/us/images/rebrand/fonts/icomoon/icomoon.eot?) format("eot"), url(/../content/dam/wbx/us/images/rebrand/fonts/icomoon/icomoon.svg#icomoon) format("svg"); } .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h6, h6 { color: #181818; font-weight: 500; letter-spacing: -0.03em; margin: 1rem 0; text-align: inherit; } .h1, h1 { font-size: 4rem; letter-spacing: -0.04em; line-height: 4.2rem; font-weight: 500; } @media (min-width: 721px) { .h1, h1 { font-size: 6rem; line-height: 6rem; } } @media (min-width: 1025px) { .h1, h1 { font-size: 8rem; line-height: 8rem; } } .h2, h2 { font-size: 3.2rem; letter-spacing: -0.03em; line-height: 3.6rem; } @media (min-width: 721px) { .h2, h2 { font-size: 4.2rem; line-height: 4.6rem; } } @media (min-width: 1025px) { .h2, h2 { font-size: 6rem; line-height: 6rem; letter-spacing: -0.04em; } } .h3, h3 { font-size: 2.6rem; letter-spacing: -0.03em; line-height: 3.2rem; } @media (min-width: 721px) { .h3, h3 { font-size: 3.4rem; line-height: 3.8rem; } } @media (min-width: 1025px) { .h3, h3 { font-size: 4.8rem; letter-spacing: -0.04em; line-height: 5rem; } } .h4, h4 { font-size: 2.2rem; font-weight: 400; letter-spacing: -0.03em; line-height: 2.8rem; } @media (min-width: 721px) { .h4, h4 { font-size: 2.6rem; line-height: 3.0rem; } } @media (min-width: 1025px) { .h4, h4 { font-size: 3.2rem; line-height: 3.6rem; letter-spacing: -0.04em; } } em { font-style: italic; } strong { font-weight: 600; } /* * Remove default blockquote styles. */ blockquote { margin: 0; padding: 0; } /* * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .text-center { text-align: center; } .large-body { font-size: 1.8rem; letter-spacing: -0.02em; line-height: 2.6rem; text-align: inherit; } @media (min-width: 721px) { .large-body { font-size: 2.2rem; line-height: 3rem; } } @media (min-width: 1025px) { .large-body { font-size: 2.4rem; line-height: 3.2rem; } } .large-body-regular { font-weight: 400; } .large-body-medium { font-weight: 500; } .large-body-bold { font-weight: 700; } .medium-body { font-size: 1.6rem; line-height: 2.2rem; letter-spacing: -0.02em; text-align: inherit; } @media (min-width: 1025px) { .medium-body { font-size: 1.8rem; line-height: 2.6rem; } } .medium-body-regular { font-weight: 400; } .medium-body-medium { font-weight: 500; } .medium-body-bold { font-weight: 700; } .small-body { font-size: 1.4rem; line-height: 1.8rem; letter-spacing: -0.01em; text-align: inherit; } @media (min-width: 1025px) { .small-body { font-size: 1.5rem; line-height: 2rem; } } .small-body-regular { font-weight: 400; } .small-body-medium { font-weight: 500; } .small-body-bold { font-weight: 700; } .xsmall-body { font-size: 1.2rem; line-height: 1.6rem; letter-spacing: -0.01em; text-align: inherit; } .xsmall-body-regular { font-weight: 400; } .xsmall-body-medium { font-weight: 500; } .xsmall-body-bold { font-weight: 700; } /* * Background Colors */ .bg-black { background-color: #181818; color: #818181; } .bg-black a:not(.btn):hover { color: initial; } .bg-black .h1, .bg-black h1, .bg-black .h2, .bg-black h2, .bg-black .h3, .bg-black h3, .bg-black .h4, .bg-black h4, .bg-black .h6, .bg-black h6 { color: #FFFFFF; } .bg-black .btn--primary { background-color: #05935B; border-color: #05935B; } .bg-black .btn--primary:hover { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818 !important; } .bg-black .btn--primary:hover .icon-play, .bg-black .btn--primary:hover .icon-download { background-color: #181818; color: #FFFFFF; } .bg-black .btn--secondary { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818 !important; } .bg-black .btn--secondary .icon-play, .bg-black .btn--secondary .icon-download { background-color: #181818; color: #FFFFFF; } .bg-black .btn--secondary:hover { background-color: #05935B; border-color: #05935B; color: #FFFFFF !important; } .bg-black .btn--secondary:hover .icon-play, .bg-black .btn--secondary:hover .icon-download { background-color: #FFFFFF; color: #05935B; } .bg-black .btn--outline { border-color: #FFFFFF; color: #FFFFFF !important; } .bg-black .btn--outline .icon-play, .bg-black .btn--outline .icon-download { background-color: #FFFFFF; color: #181818; } .bg-black .btn--outline:hover { background-color: #FFFFFF; color: #181818 !important; } .bg-black .btn--outline:hover .icon-play, .bg-black .btn--outline:hover .icon-download { background-color: #05935B; color: #FFFFFF; } .bg-black .btn--text { color: #FFFFFF; } .bg-black .btn--text:after { background-color: #FFFFFF; } .bg-black .btn--text:hover { color: #FFFFFF; } .bg-black .cmp-accordion__button { border-bottom-color: #078855; color: #FFFFFF; } .bg-black .cmp-accordion__button--expanded { border-bottom-color: #FFFFFF; } .bg-black .cmp-separator hr { border-top-color: #FFFFFF; } .bg-green { background-color: #078855; color: #818181; } .bg-green a:not(.btn) { color: #05935B; } .bg-green a:not(.btn):hover { color: #FFFFFF; } .bg-green .h1, .bg-green h1, .bg-green .h2, .bg-green h2, .bg-green .h3, .bg-green h3, .bg-green .h4, .bg-green h4, .bg-green .h6, .bg-green h6 { color: #FFFFFF; } .bg-green .btn--primary { background-color: #05935B; border-color: #05935B; } .bg-green .btn--primary:hover { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818 !important; } .bg-green .btn--primary:hover .icon-play, .bg-green .btn--primary:hover .icon-download { background-color: #181818; color: #FFFFFF; } .bg-green .btn--secondary { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818 !important; } .bg-green .btn--secondary .icon-play, .bg-green .btn--secondary .icon-download { background-color: #181818; color: #FFFFFF; } .bg-green .btn--secondary:hover { background-color: #05935B; border-color: #05935B; color: #FFFFFF !important; } .bg-green .btn--secondary:hover .icon-play, .bg-green .btn--secondary:hover .icon-download { background-color: #FFFFFF; color: #05935B; } .bg-green .btn--outline { border-color: #FFFFFF; color: #FFFFFF !important; } .bg-green .btn--outline .icon-play, .bg-green .btn--outline .icon-download { background-color: #FFFFFF; color: #181818; } .bg-green .btn--outline:hover { background-color: #FFFFFF; color: #181818 !important; } .bg-green .btn--outline:hover .icon-play, .bg-green .btn--outline:hover .icon-download { background-color: #05935B; color: #FFFFFF; } .bg-green .btn--text { color: #FFFFFF; } .bg-green .btn--text:after { background-color: #FFFFFF; } .bg-green .btn--text:hover { color: #FFFFFF; } .bg-green .cmp-accordion__button { border-bottom-color: #078855; color: #FFFFFF; } .bg-green .cmp-accordion__button--expanded { border-bottom-color: #FFFFFF; } .bg-green .cmp-separator hr { border-top-color: #FFFFFF; } .bg-image-dark { background-color: transparent; color: #818181; } .bg-image-dark a:not(.btn) { color: #05935B; } .bg-image-dark a:not(.btn):hover { color: #FFFFFF; } .bg-image-dark .h1, .bg-image-dark h1, .bg-image-dark .h2, .bg-image-dark h2, .bg-image-dark .h3, .bg-image-dark h3, .bg-image-dark .h4, .bg-image-dark h4, .bg-image-dark .h6, .bg-image-dark h6 { color: #FFFFFF; } .bg-image-dark .btn--primary { background-color: #05935B; border-color: #05935B; } .bg-image-dark .btn--primary:hover { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818 !important; } .bg-image-dark .btn--primary:hover .icon-play, .bg-image-dark .btn--primary:hover .icon-download { background-color: #181818; color: #FFFFFF; } .bg-image-dark .btn--secondary { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818 !important; } .bg-image-dark .btn--secondary .icon-play, .bg-image-dark .btn--secondary .icon-download { background-color: #181818; color: #FFFFFF; } .bg-image-dark .btn--secondary:hover { background-color: #05935B; border-color: #05935B; color: #FFFFFF !important; } .bg-image-dark .btn--secondary:hover .icon-play, .bg-image-dark .btn--secondary:hover .icon-download { background-color: #FFFFFF; color: #05935B; } .bg-image-dark .btn--outline { border-color: #FFFFFF; color: #FFFFFF !important; } .bg-image-dark .btn--outline .icon-play, .bg-image-dark .btn--outline .icon-download { background-color: #FFFFFF; color: #181818; } .bg-image-dark .btn--outline:hover { background-color: #FFFFFF; color: #181818 !important; } .bg-image-dark .btn--outline:hover .icon-play, .bg-image-dark .btn--outline:hover .icon-download { background-color: #05935B; color: #FFFFFF; } .bg-image-dark .btn--text { color: #FFFFFF; } .bg-image-dark .btn--text:after { background-color: #FFFFFF; } .bg-image-dark .btn--text:hover { color: #FFFFFF; } .bg-image-dark .cmp-accordion__button { border-bottom-color: #078855; color: #FFFFFF; } .bg-image-dark .cmp-accordion__button--expanded { border-bottom-color: #FFFFFF; } .bg-image-dark .cmp-separator hr { border-top-color: #FFFFFF; } .bg-white { background-color: #FFFFFF; } .bg-image-light { background-color: transparent; } .bg-green { color: #FFFFFF; } .bg-green a:not(.btn) { color: #FFFFFF; } .bg-green a:not(.btn):hover { color: #FFFFFF; } .btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-align: center; letter-spacing: -0.02em; font-size: 1.5rem; line-height: 14px; letter-spacing: -0.02em; font-weight: 500; position: relative; width: -webkit-max-content; width: -moz-max-content; width: max-content; /*@include breakpoint.up("lg") { font-size: 1.0416666666666665vw; } @include breakpoint.up("xl") { font-size: 0.78125vw; }*/ } @media (max-width: 720px) { .btn { font-size: 1.4rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .btn .icon-arrow { display: none; } } .btn .icon-arrow { margin-left: 6px; } .btn .icon-download, .btn .icon-play { font-size: 1rem; margin-left: 0.6944444444vw; position: relative; -webkit-transition: 300ms all ease-in-out; transition: 300ms all ease-in-out; } .btn .icon-download:before, .btn .icon-play:before { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding-left: 4px; } @media (min-width: 1025px) { .btn .icon-download:before, .btn .icon-play:before { padding-left: 0; } } .btn .icon-play { font-size: 1rem; } .btn .icon-download { font-size: 1.4rem; } .btn--light { border: 1px solid #078855; border-radius: 50px; padding: 2rem 2.2rem; background-color: #181818; border-color: #181818; color: #FFFFFF; height: 52px; } @media (min-width: 1025px) { .btn--light { height: 56px; } } .btn--light:hover { background-color: #078855; color: #FFFFFF; border-color: #078855; } .btn--black { border: 1px solid #078855; border-radius: 50px; padding: 2rem 2.2rem; background-color: #FFFFFF; border-color: #FFFFFF; color: #121212; height: 52px; } @media (min-width: 1025px) { .btn--black { height: 56px; } } .btn--black:hover { background-color: #078855; border-color: #078855; color: #FFFFFF; } .btn--primary--light { border: 1px solid #078855; border-radius: 50px; padding: 1.458vw 1.667vw; background-color: #078855; border-color: #078855; color: #FFFFFF; height: 52px; } @media (min-width: 1025px) { .btn--primary--light { height: 56px; } } .btn--primary--light:hover { background-color: #181818; border-color: #181818; color: #FFFFFF; } .btn--primary--light .icon-play, .btn--primary--light .icon-download { background-color: #FFFFFF; color: #078855; } .btn--primary--light .icon-play:hover, .btn--primary--light .icon-download:hover { color: #181818; } .btn--primary--black { border: 1px solid #078855; border-radius: 50px; padding: 1.458vw 1.667vw; background-color: #078855; border-color: #078855; color: #FFFFFF; height: 52px; } @media (min-width: 1025px) { .btn--primary--black { height: 56px; } } .btn--primary--black:hover { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818; } .btn--primary--black .icon-play, .btn--primary--black .icon-download { background-color: #FFFFFF; color: #078855; } .btn--primary--black .icon-play:hover, .btn--primary--black .icon-download:hover { color: #FFFFFF; } .btn--primary--green { border: 1px solid #078855; border-radius: 50px; padding: 1.458vw 1.667vw; background-color: #FFFFFF; border-color: #FFFFFF; color: #181818; height: 52px; } @media (min-width: 1025px) { .btn--primary--green { height: 56px; } } .btn--primary--green:hover { background-color: #181818; border-color: #181818; color: #FFFFFF; } .btn--primary--green .icon-play, .btn--primary--green .icon-download { background-color: #FFFFFF; color: #181818; } .btn--primary--green .icon-play:hover, .btn--primary--green .icon-download:hover { color: #FFFFFF; } .btn--secondary--light { border: 1px solid #078855; border-radius: 50px; padding: 1rem 1.5rem; padding: 1.458vw 1.667vw; background-color: transparent; border-color: #181818; color: #181818; height: 52px; } @media (min-width: 1025px) { .btn--secondary--light { height: 56px; } } .btn--secondary--light:hover { background-color: #181818; color: #FFFFFF; border-color: #181818; } .btn--secondary--light:hover .icon-play, .btn--secondary--light:hover .icon-download { background-color: #078855; color: #FFFFFF; } .btn--secondary--light .icon-play, .btn--secondary--light .icon-download { color: #181818; border-radius: 50%; width: 2.734375vw; height: 2.734375vw; padding: 0.9765625vw; } @media (min-width: 721px) { .btn--secondary--light .icon-play, .btn--secondary--light .icon-download { background-color: #181818; color: #FFFFFF; } } @media (min-width: 1025px) { .btn--secondary--light .icon-play, .btn--secondary--light .icon-download { width: 1.944vw; height: 1.944vw; padding: 0.486vw; } } .btn--secondary--black { border: 1px solid #078855; border-radius: 50px; padding: 1rem 1.5rem; padding: 1.458vw 1.667vw; background-color: transparent; border-color: #FFFFFF; color: #FFFFFF; height: 52px; } @media (min-width: 1025px) { .btn--secondary--black { height: 56px; } } .btn--secondary--black:hover { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818; } .btn--secondary--black:hover .icon-play, .btn--secondary--black:hover .icon-download { background-color: #FFFFFF; color: #181818; } @media (min-width: 721px) { .btn--secondary--black:hover .icon-play, .btn--secondary--black:hover .icon-download { background-color: #078855; border-color: #078855; color: #FFFFFF; } } .btn--secondary--black .icon-play, .btn--secondary--black .icon-download { background-color: #181818; color: #FFFFFF; border-radius: 50%; width: 2.734375vw; height: 2.734375vw; padding: 0.9765625vw; } @media (min-width: 721px) { .btn--secondary--black .icon-play, .btn--secondary--black .icon-download { background-color: #FFFFFF; color: #181818; } } @media (min-width: 1025px) { .btn--secondary--black .icon-play, .btn--secondary--black .icon-download { width: 1.944vw; height: 1.944vw; padding: 0.486vw; } } .btn--secondary--green { border: 1px solid #078855; border-radius: 50px; padding: 1rem 1.5rem; padding: 1.458vw 1.667vw; background-color: transparent; border-color: #FFFFFF; color: #FFFFFF; height: 52px; } @media (min-width: 1025px) { .btn--secondary--green { height: 56px; } } .btn--secondary--green:hover { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818; } .btn--secondary--green:hover .icon-play, .btn--secondary--green:hover .icon-download { background-color: #078855; color: #FFFFFF; } .btn--secondary--green .icon-play, .btn--secondary--green .icon-download { background-color: #FFFFFF; color: #181818; border-radius: 50%; } @media (min-width: 1025px) { .btn--secondary--green .icon-play, .btn--secondary--green .icon-download { width: 1.944vw; height: 1.944vw; padding: 0.486vw; } } .btn--secondary--green .icon-play:hover, .btn--secondary--green .icon-download:hover { background-color: #078855; color: #FFFFFF; } .gradient::before { content: ""; background-repeat: no-repeat; background-size: auto; background-position: 0 0; /* height: 100%;*/ left: 0; position: absolute; width: 100%; } /*.gradient.blue::before { background-image: url(/content/dam/www/us/en/images/gradients/blue.png); } .gradient.green::before { background-image: url(/content/dam/www/us/en/images/gradients/green.png); } .gradient.orange::before { background-image: url(/content/dam/www/us/en/images/gradients/orange.png); } .gradient.red::before { background-image: url(/content/dam/www/us/en/images/gradients/red.png); } .gradient.purple::before { background-image: url(/content/dam/www/us/en/images/gradients/purple.png); }*/ .gradient.bottom-left::before { -webkit-transform: scaleX(1) scaleY(-1); transform: scaleX(1) scaleY(-1); } .gradient.bottom-right::before { -webkit-transform: scaleX(-1) scaleY(-1); transform: scaleX(-1) scaleY(-1); } .gradient.top-left::before { -webkit-transform: scaleX(1) scaleY(1); transform: scaleX(1) scaleY(1); } .gradient.top-right::before { -webkit-transform: scaleX(-1) scaleY(1); transform: scaleX(-1) scaleY(1); } [class*=" icon-"]:before, [class^="icon-"]:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; speak: none; display: inline-block; font-family: icomoon; font-size: inherit; font-style: normal; line-height: inherit; text-transform: none; vertical-align: baseline; } .icon-arrow { position: relative; top: 2px; } .icon-arrow-large:before { content: "\e90f"; } .icon-youtube:before { content: "\e90e"; } .icon-play:before { content: "\e908"; } .icon-global:before { content: "\e909"; } .icon-instagram:before { content: "\e90a"; } .icon-facebook:before { content: "\e90b"; } .icon-linkedin:before { content: "\e90c"; } .icon-twitter:before { content: "\e90d"; } .icon-close:before,.modal--video .modal__close:after { content: "\e907"; } .icon-arrow:before { content: "\e900"; } .icon-closed:before { content: "\e901"; } .icon-document:before { content: "\e902"; } .icon-download:before { content: "\e903"; } .icon-open:before { content: "\e904"; } .icon-video:before { content: "\e906"; } .icon-arrow-circle,.icon-download-circle,.icon-play-circle { background-color: #fff; border-radius: 50%; color: #181818; height: 42px; position: relative; width: 42px } .icon-arrow-circle:hover,.icon-download-circle:hover,.icon-play-circle:hover { background-color: #078855; color: #fff } .icon-arrow-circle:before,.icon-download-circle:before,.icon-play-circle:before { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } @media(min-width: 1025px) { .icon-arrow-circle:before,.icon-download-circle:before,.icon-play-circle:before { font-size:18px } } @media(min-width: 721px) { .icon-arrow-circle,.icon-download-circle,.icon-play-circle { height:52px; width: 52px } } @media(min-width: 1025px) { .icon-arrow-circle,.icon-download-circle,.icon-play-circle { height:56px; width: 56px } } .icon-arrow-circle.light,.icon-download-circle.light,.icon-play-circle.light { background-color: #181818; color: #fff } .icon-arrow-circle.light:hover,.icon-download-circle.light:hover,.icon-play-circle.light:hover { background-color: #078855; color: #fff } .icon-arrow-circle.black,.icon-download-circle.black,.icon-play-circle.black { background-color: #fff; color: #181818 } .icon-arrow-circle.black:hover,.icon-download-circle.black:hover,.icon-play-circle.black:hover { background-color: #078855; color: #fff } .icon-arrow-circle.green,.icon-download-circle.green,.icon-play-circle.green { background-color: #fff; color: #181818 } .icon-arrow-circle.green:hover,.icon-download-circle.green:hover,.icon-play-circle.green:hover { background-color: #181818; color: #fff } .icon-play-circle:before { content: "\e908"; } .icon-download-circle:before { content: "\e903"; } .icon-arrow-circle:before { content: "\e900"; } .grid-12 { display: grid; column-gap: 15px; grid-template-columns: repeat(4,1fr) } @media(min-width: 721px) { .grid-12 { column-gap:20px; grid-template-columns: repeat(12,1fr) } } .grid-padding { padding: 4.5rem 5.605vw 8rem } @media(min-width: 721px) { .grid-padding { padding:5.36rem 4.2vw 14rem } } @media(min-width: 1025px) { .grid-padding { padding:5.81rem 4.444vw 12rem } } @media(min-width: 1441px) { .grid-padding { max-width: 1440px; padding: 0 64px; margin-left: auto; margin-right: auto; } } .hide-up { display: none!important } @media(max-width: 599px) { .hide-down { display:none!important } } @media(min-width: 600px) { .hide-sm-up { display:none!important } } @media(max-width: 720px) { .hide-sm-down { display:none!important } } @media(min-width: 721px) { .hide-md-up { display:none!important } } @media(max-width: 1024px) { .hide-md-down { display:none!important } } @media(min-width: 1025px) { .hide-lg-up { display:none!important } } @media(max-width: 1440px) { .hide-lg-down { display:none!important } } @media(min-width: 1441px) { .hide-xl-up { display:none!important } } .hide-xl-down { display: none!important } </style> <div class="header"> <div class="cmp-header" data-cmp-is="header" data-micromodal-trigger="my-modal"> <!-- <a class="skip-link" href="#content">Skip to content</a> --> <div class="header__overlay"></div> <header class="header" id="header"> <div class="header__wrapper grid-padding"> <div class="header__buttons"> <a class="header__logo" href="/"> <div class="header__logo-dark" role="heading" aria-level="1"> <img src="/content/dam/wbx/us/images/navigation/CiscoWebex-Logo_black.png" alt="Webex"> </div> <div class="header__logo-light" role="heading" aria-level="1"> <img src="/content/dam/wbx/us/images/navigation/CiscoWebex-Logo_white.png" alt="Webex"> </div> </a> <div class="flex-space hide-lg-up"></div> <a href="https://cart.webex.com/sign-up?experienceType=Unified&ft=selfsignup&theme=dark&ft=skipProvCheck" class="btn btn--black hide-sm-down hide-lg-up">Sign Up, It's Free</a> <a class="header__open-menu hide-lg-up" aria-label="Open menu"> <span class="icon-menu"></span> </a> </div> <nav class="header__menu-wrapper grid-padding"> <div class="header__menu-top grid-padding hide-lg-up"> <a class="header__logo hide-sm-down" href="/"> <div class="" role="heading" aria-level="1"> <img src="/content/dam/wbx/us/images/rebrand/nav-footer/black.png" alt="Webex"> </div> </a> <div class="flex-space hide-sm-down"></div> <a href="https://cart.webex.com/sign-up?experienceType=Unified&ft=selfsignup&theme=dark&ft=skipProvCheck" class="btn btn--light">Sign Up, It's Free</a> <a class="header__close-menu" aria-label="Close menu"> <span class="icon-close"></span> </a> </div> <ul class="header__menu header__menuFirst grid-padding"> <li class="header__menuItem header__menuItem-products hasChildren"> <a href="javascript:;" data-attribute-nav="Products">Products <i class="icon-open"></i></a> <div class="header__submenu"> <div class="header__submenu-main grid-padding grid-12"> <div class="header__submenu-col header__grid-col-1to6"> <div class="header__submenu-eyebrow">webex suite</div> <div class="header__submenu-list hasIcon grid-12"> <ul class="header__grid-col-1to6"> <li> <i style="background-image: url(/content/dam/wbx/us/images/navigation/products/Icon_Meetings.svg);"></i> <div class="header__submenu-item-text"> <a href="/suite/meetings.html" tabindex="0" data-attribute-nav="Products > Webex Suite > Meetings">Meetings</a> <p>Video conferencing and screen sharing</p> </div> </li> <li> <i style="background-image: url(/content/dam/wbx/us/images/navigation/products/Icon_Calling.svg);"></i> <div class="header__submenu-item-text"> <a href="/suite/enterprise-cloud-calling.html" tabindex="1" data-attribute-nav="Products > Webex Suite > Calling">Calling</a> <p>Cloud calling and phone system</p> </div> </li> <li> <i style="background-image: url(/content/dam/wbx/us/images/navigation/products/Icon_Messaging.svg);"></i> <div class="header__submenu-item-text"> <a href="/suite/messaging.html" tabindex="2" data-attribute-nav="Products > Webex Suite > Messaging">Messaging</a> <p>Group messaging, chat, and file sharing</p> </div> </li> <li> <i style="background-image: url(/content/dam/wbx/us/images/navigation/products/Icon_Webinars.svg);"></i> <div class="header__submenu-item-text"> <a href="/suite/webinar.html" tabindex="3" data-attribute-nav="Products > Webex Suite > Webinars">Webinars</a> <p>Large meeting and virtual event hosting</p> </div> </li> </ul> <ul class="header__grid-col-7to12"> <li> <i style="background-image: url(/content/dam/wbx/us/images/navigation/products/Icon_Events.svg);"></i> <div class="header__submenu-item-text"> <a href="https://www.webex.com/us/en/products/suite/events.html" tabindex="4" data-attribute-nav="Products > Webex Suite > Events">Events</a> <p>In-person and hybrid event management</p> </div> </li> <li> <i style="background-image: url(/content/dam/wbx/us/images/navigation/products/Icon_VideoMessaging.svg);"></i> <div class="header__submenu-item-text"> <a href="https://vidcast.io/" tabindex="5" data-attribute-nav="Products > Webex Suite > Video Messaging">Video Messaging</a> <p>Video messaging and screen recording</p> </div> </li> <li> <i style="background-image: url(/content/dam/wbx/us/images/navigation/products/Icon_Polling.svg);"></i> <div class="header__submenu-item-text"> <a href="/suite/polling.html" tabindex="6" data-attribute-nav="Products > Webex Suite > Polling">Polling</a> <p>Interactive Q&A, quizzes, and polling</p> </div> </li> <li> <i style="background-image: url(/content/dam/wbx/us/images/navigation/products/Icon_Whiteboarding.svg);"></i> <div class="header__submenu-item-text"> <a href="/suite/whiteboard.html" tabindex="7" data-attribute-nav="Products > Webex Suite > Whiteboarding">Whiteboarding</a> <p>Digital co-creation and brainstorming</p> </div> </li> </ul> </div> <div class="header__submenu-cta"> <a href="/suite/collaboration-suite.html" tabindex="8" data-attribute-nav="Products > Webex Suite > Explore the Suite">Explore the Suite <span class="icon-arrow"></span></a> </div> </div> <div class="header__submenu-col header__grid-col-7to9"> <div class="header__submenu-eyebrow">WORKSPACES</div> <div class="header__submenu-list hasIcon grid-12"> <ul class="header__grid-col-1to12"> <li> <div class="header__submenu-item-text"> <a href="https://www.webex.com/us/en/workspaces.html" tabindex="0" data-attribute-nav="Products > Workspaces > Home Spaces">Individual Spaces</a> <p>Personalized experiences for any desk.</p> </div> </li> <li> <div class="header__submenu-item-text"> <a href="https://www.webex.com/us/en/workspaces.html" tabindex="1" data-attribute-nav="Products > Workspaces > Office Spaces">Meeting Rooms</a> <p>Intelligent experiences in any meeting room.</p> </div> </li> <li> <div class="header__submenu-item-text"> <a href="https://www.webex.com/us/en/workspaces.html" tabindex="2" data-attribute-nav="Products > Workspaces > Anywhere">Learning & Community Spaces </a> <p>Elevated experiences for specialist environments.</p> </div> </li> </ul> </div> <div class="header__submenu-cta"> <a href="https://www.webex.com/us/en/workspaces.html" tabindex="3" data-attribute-nav="Products > Workspaces > Explore Workspaces">Explore Workspaces<span class="icon-arrow"></span></a> </div> </div> <div class="header__submenu-col header__grid-col-10to12"> <div class="header__submenu-eyebrow">Customer experience</div> <div class="header__submenu-list"> <ul> <li> <div class="header__submenu-item-text"> <a href="https://www.webex.com/us/en/products/customer-experience/contact-center.html" tabindex="0" data-attribute-nav="Products > Customer Experience > Cloud Contact Center">Cloud Contact Center</a> <p>Intelligent, digital to human customer interactions</p> </div> </li> <li> <div class="header__submenu-item-text"> <a href="https://www.webex.com/us/en/products/workforce-optimization.html" tabindex="1" data-attribute-nav="Products > Customer Experience > Workforce Optimization">Workforce optimization</a> <p>Optimize agent performance and customer satisfaction</p> </div> </li> <li> <div class="header__submenu-item-text"> <a href="https://cpaas.webex.com/" tabindex="2" data-attribute-nav="Products > Customer Experience > CPaaS">CPaaS</a> <p>Communications platform for automating customer journeys</p> </div> </li> </ul> </div> <div class="header__submenu-cta"> <a href="/customer-experience.html" tabindex="3" data-attribute-nav="Products > Customer Experience > See all Solutions">See all Solutions <span class="icon-arrow"></span></a> </div> </div> </div> <div class="header__submenu-bottom hide-md-down"> <div class="header__navbar grid-padding"> <a href="/downloads.html" class="header__navbar-download" data-attribute-nav="Products > Download Webex"><img src="/content/dam/wbx/us/images/navigation/webex-app-icon.svg" alt=""> <span>Download Webex</span><!--<span class="icon-download"></span> --> </a> <!-- <img src="/content/dam/wbx/us/images/navigation/webex-app-icon.svg" alt=""> <a href="/downloads.html" class="" data-attribute-nav="Products > Download Webex">Download Webex</a> --> <div class="flex-space hide-sm-down"></div> <a href="tel:+1-888-469-3239" aria-label="1. 8 8 8. 4 6 9. 3 2 3 9." data-attribute-nav="Products > tel:+1-888-469-3239">+1-888-469-3239</a> <a href="/contact-sales.html" data-attribute-nav="Products > Contact Sales">Contact Sales <span class="icon-arrow"></span></a> </div> </div> </div> </li> <li class="header__menuItem header__menuItem-devices hasChildren"> <a href="javascript:;" data-attribute-nav="Devices">Devices <i class="icon-open"></i></a> <div class="header__submenu"> <div class="header__submenu-main grid-padding grid-12"> <div class="header__submenu-col header__grid-col-1to3"> <div class="header__submenu-eyebrow">collaboration devices</div> <div class="header__submenu-list"> <ul> <li><a href="/us/en/devices/room-devices.html" tabindex="1" data-attribute-nav="Devices > Collaboration Devices > Room Devices">Room Devices</a></li> <li><a href="/us/en/devices/desk-series.html" tabindex="0" data-attribute-nav="Devices > Collaboration Devices > Desk Devices">Desk Devices</a></li> <li><a href="/us/en/devices/digital-whiteboards.html" tabindex="2" data-attribute-nav="Devices > Collaboration Devices > Digital Whiteboards">Digital Whiteboards</a></li> <li><a href="/us/en/devices/phone-series.html" tabindex="5" data-attribute-nav="Devices > Collaboration Devices > Phones">Phones</a></li> <li><a href="/us/en/devices/cameras.html" tabindex="4" data-attribute-nav="Devices > Collaboration Devices > Cameras">Cameras</a></li> <li><a href="/us/en/devices/headsets.html" tabindex="3" data-attribute-nav="Devices > Collaboration Devices > Headsets">Headsets</a></li> <li><a href="/us/en/devices/accessories.html" tabindex="6" data-attribute-nav="Devices > Collaboration Devices > Room Accessories">Room Accessories</a></li> </ul> </div> <div class="header__submenu-cta"> <a href="https://www.webex.com/us/en/devices.html" tabindex="0" data-attribute-nav="Devices > Collaboration Devices > See all Devices">See all Devices <span class="icon-arrow"></span></a> </div> </div> <div class="header__submenu-col header__grid-col-4to6"> <a class="header__promo-card" href="https://www.webex.com/us/en/workspaces.html" tabindex="0" data-attribute-nav="Devices > Explore Workspaces"> <img src="https://www.webex.com/content/dam/www/us/en/images/header/devices/new-workspaces-card.jpg" alt=""/> <div class="header__promo-card-content"> <div class="header__promo-card-title">Reimagine Workspaces</div> <p>Get inspiration for setting up your workspaces from desks and meeting rooms to learning and community spaces.</p> <div class="header__submenu-cta"> <span>Explore Workspaces<span class="icon-arrow"></span></span> </div> </div> </a> </div> <!-- Most Popular 3 columns --> <div class="header__submenu-col header__grid-col-8to12"> <div class="header__submenu-eyebrow">Featured</div> <div class="header__submenu-list hasThumbnail hasThumbnail3"> <style> </style> <ul class="grid-12"> <li class="header__grid-col-1to4"> <a href="/us/en/devices/board-series/cisco-board-pro.html" tabindex="0" data-attribute-nav="Devices > Featured > Board Pro"> <img src="/content/dam/www/us/en/images/header/devices/board-pro-g2-nav.webp" alt=""/> <span>Board Pro G2</span><span class="icon-open"></span> </a> </li> <li class="header__grid-col-5to8"> <a href="/us/en/devices/room-series/cisco-room-kit-eq.html" tabindex="1" data-attribute-nav="Devices > Featured > Room Kit EQ"> <img src="/content/dam/wbx/us/images/navigation/devices/Room-Kit-EQ.jpg" alt=""/> <span>Room Kit EQ</span><span class="icon-open"></span> </a> </li> <li class="header__grid-col-9to12"> <a href="https://www.webex.com/us/en/devices/phone-series/cisco-phone-9800-series.html" tabindex="2" data-attribute-nav="Devices > Featured > Desk Phone 9800"> <img src="/content/dam/www/us/en/images/home/desk-phone-9800-nav.webp" alt=""/> <span>Desk Phone 9800</span><span class="icon-open"></span> </a> </li> <li class="header__grid-col-1to4"> <a href="/us/en/devices/desk-series/cisco-desk-pro.html" tabindex="3" data-attribute-nav="Devices > Featured > Desk Pro"> <img src="/content/dam/wbx/us/images/navigation/devices/Desk-Pro.png" alt=""/> <span>Desk Pro</span><span class="icon-open"></span> </a> </li> <li class="header__grid-col-5to8"> <a href="/us/en/devices/room-series/cisco-room-bar.html" tabindex="4" data-attribute-nav="Devices > Featured > Room Bar"> <img src="/content/dam/wbx/us/images/navigation/devices/Room-Bar.png" alt=""/> <span>Room Bar</span><span class="icon-open"></span> </a> </li> <li class="header__grid-col-9to12"> <a href="https://www.webex.com/us/en/devices/headsets/bang-and-olufsen-cisco-950.html" tabindex="5" data-attribute-nav="Devices > Featured > Bang and Olufsen 950"> <img src="/content/dam/www/us/en/images/header/devices/headset-bang-950.jpg" alt=""/> <span>B&O Cisco 950</span><span class="icon-open"></span> </a> </li> </ul> </div> </div> </div> <div class="header__submenu-bottom hide-md-down"> <div class="header__navbar grid-padding"> <a href="https://www.webex.com/downloads.html" class="header__navbar-download" data-attribute-nav="Devices > Download Webex"><img src="/content/dam/wbx/us/images/navigation/webex-app-icon.svg" alt=""> <span>Download Webex</span><!-- <span class="icon-download"></span> --> </a> <!-- <img src="/content/dam/wbx/us/images/navigation/webex-app-icon.svg" alt=""> <a href="/downloads.html" class="" data-attribute-nav="Devices > Download Webex">Download Webex</a> --> <div class="flex-space hide-sm-down"></div> <a href="tel:+1-888-469-3239" aria-label="1. 8 8 8. 4 6 9. 3 2 3 9." data-attribute-nav="Devices > tel:+1-888-469-3239">+1-888-469-3239</a> <a href="https://www.webex.com/contact-sales.html" data-attribute-nav="Devices > Contact Sales">Contact Sales <span class="icon-arrow"></span></a> </div> </div> </div> </li> <li class="header__menuItem header__menuItem-solutions hasChildren"> <a href="javascript:;" data-attribute-nav="Solutions">Solutions <i class="icon-open"></i></a> <div class="header__submenu"> <div class="header__submenu-main grid-padding grid-12"> <div class="header__submenu-col header__grid-col-1to3"> <div class="header__submenu-eyebrow">industries</div> <div class="header__submenu-list"> <ul> <li><a href="https://www.webex.com/us/en/solutions/industries/education.html" tabindex="0" data-attribute-nav="Solutions > Industries > Education">Education</a></li> <li><a href="https://www.webex.com/us/en/solutions/industries/healthcare.html" tabindex="1" data-attribute-nav="Solutions > Industries > Healthcare">Healthcare</a></li> <li><a href="https://www.webex.com/us/en/solutions/industries/government.html" tabindex="2" data-attribute-nav="Solutions > Industries > Government">Government</a></li> <li><a href="https://www.webex.com/us/en/solutions/industries/financial-services.html" tabindex="3" data-attribute-nav="Solutions > Industries > Financial Services">Financial Services</a></li> <li><a href="https://www.webex.com/us/en/solutions/industries/sports-entertainment.html" tabindex="4" data-attribute-nav="Solutions > Industries > Sports & Entertainment">Sports & Entertainment</a></li> <li><a href="https://www.webex.com/us/en/solutions/industries/nonprofits.html" tabindex="5" data-attribute-nav="Solutions > Industries > Nonprofits">Nonprofits</a></li> </ul> </div> </div> <div class="header__submenu-col header__grid-col-4to6"> <div class="header__submenu-eyebrow">use cases</div> <div class="header__submenu-list"> <ul> <li><a href="https://www.webex.com/us/en/solutions/hybrid-work.html" tabindex="0" data-attribute-nav="Solutions > Use Cases > Hybrid Work">Hybrid Work</a></li> <li><a href="https://www.webex.com/us/en/solutions/sustainability.html" tabindex="1" data-attribute-nav="Solutions > Use Cases > Sustainability">Sustainability</a></li> <!-- <li><a href="/gp/state-of-remote-work.html" tabindex="0">Remote Work</a></li> --> <li><a href="https://www.webex.com/us/en/solutions/return-to-office.html" tabindex="2" data-attribute-nav="Solutions > Use Cases > Return to the Office">Return to the Office</a></li> <li><a href="https://www.webex.com/us/en/solutions/camera-intelligence-cisco-devices.html" tabindex="3" data-attribute-nav="Solutions > Use Cases > Camera Intelligence">Camera Intelligence</a></li> <li><a href="https://www.webex.com/us/en/solutions/control-hub-cisco-devices.html" tabindex="4" data-attribute-nav="Solutions > Use Cases > Workspace Management">Workspace Management</a></li> <li><a href="https://www.webex.com/us/en/solutions/microsoft-teams-rooms-cisco-devices.html" tabindex="5" data-attribute-nav="Solutions > Use Cases > Devices for Microsoft Teams">Devices for Microsoft Teams</a></li> <!-- <li><a href="/industries/frontline.html" tabindex="3" data-attribute-nav="Solutions > Use Cases > Frontline Workers">Frontline Workers</a></li> --> </ul> </div> </div> <div class="header__submenu-col header__grid-col-7to9"> <div class="header__submenu-eyebrow">cross-platform</div> <div class="header__submenu-list"> <ul> <li><a href="https://www.webex.com/us/en/solutions/cross-platform/accessibility.html" tabindex="0" data-attribute-nav="Solutions > Cross-Platform > Accessibility">Accessibility</a></li> <li><a href="https://www.webex.com/us/en/solutions/cross-platform/security.html" tabindex="1" data-attribute-nav="Solutions > Cross-Platform > Security">Security</a></li> <li><a href="https://www.webex.com/us/en/solutions/cross-platform/control-hub.html" tabindex="2" data-attribute-nav="Solutions > Cross-Platform > Control Hub">Control Hub</a></li> <li><a href="/products/collaboration-ai.html" tabindex="3" data-attribute-nav="Solutions > Cross-Platform > Collaboration AI">Collaboration AI</a></li> <li><a href="https://www.webex.com/us/en/solutions/cross-platform/inclusive-collaboration.html" tabindex="4" data-attribute-nav="Solutions > Cross-Platform > Inclusivity">Inclusivity</a></li> <li><a href="https://www.webex.com/us/en/solutions/interoperability.html" tabindex="5" data-attribute-nav="Solutions > Cross-Platform > Interoperability">Interoperability</a></li> <li><a href="https://www.webex.com/us/en/solutions/roomos.html" tabindex="6" data-attribute-nav="Solutions > Cross-Platform > RoomOS">RoomOS</a></li> </ul> </div> </div> <div class="header__submenu-col header__grid-col-10to12"> <a class="header__promo-card" href="https://www.webex.com/us/en/solutions/sustainability.html" tabindex="0" data-attribute-nav="Solutions > Power hybrid work, sustainably. > Learn more"> <img src="/content/dam/wbx/us/images/navigation/solutions/Sustainability.jpg" alt=""/> <div class="header__promo-card-content"> <div class="header__promo-card-title">Power hybrid work, sustainably.</div> <p>Achieve your sustainability goals by gaining insights into your carbon emissions and progressing on a net zero journey.</p> <div class="header__submenu-cta"> <span>Learn more <span class="icon-arrow"></span></span> </div> </div> </a> </div> </div> <div class="header__submenu-bottom hide-md-down"> <div class="header__navbar grid-padding"> <a href="/downloads.html" class="header__navbar-download" data-attribute-nav="Solutions > Download Webex"><img src="/content/dam/wbx/us/images/navigation/webex-app-icon.svg" alt=""> <span>Download Webex</span> <!-- <span class="icon-download"></span> --> </a> <!-- <img src="/content/dam/wbx/us/images/navigation/webex-app-icon.svg" alt=""> <a href="/downloads.html" class="" data-attribute-nav="Solutions > Download Webex">Download Webex</a> --> <div class="flex-space hide-sm-down"></div> <a href="tel:+1-888-469-3239" aria-label="1. 8 8 8. 4 6 9. 3 2 3 9." data-attribute-nav="Solutions > tel:+1-888-469-3239">+1-888-469-3239</a> <a href="/contact-sales.html" data-attribute-nav="Solutions > Contact Sales">Contact Sales <span class="icon-arrow"></span></a> </div> </div> </div> </li> <li class="header__menuItem header__menuItem-resources hasChildren"> <a href="javascript:;" data-attribute-nav="Resources">Resources <i class="icon-open"></i></a> <div class="header__submenu"> <div class="header__submenu-main grid-padding grid-12"> <div class="header__submenu-col header__grid-col-1to3"> <div class="header__submenu-eyebrow">Support</div> <div class="header__submenu-list"> <ul> <li><a href="https://help.webex.com/" tabindex="0" data-attribute-nav="Resources > Support > Product Help">Product Help</a></li> <li><a href="https://adopt.webex.com/" tabindex="1" data-attribute-nav="Resources > Support > Webex Adoption">Webex Adoption</a></li> <li><a href="https://community.cisco.com/t5/webex-user-community/ct-p/webex-user" tabindex="2" data-attribute-nav="Resources > Support > Webex Community">Webex Community</a></li> <li><a href="https://help.webex.com/contact" tabindex="3" data-attribute-nav="Resources > Support > Contact Support">Contact Support</a></li> <li><a href="https://www.webex.com/insider" tabindex="4" data-attribute-nav="Resources > Support > Webex Insider">Webex Insider</a></li> </ul> </div> </div> <div class="header__submenu-col header__grid-col-4to6"> <div class="header__submenu-eyebrow">Learn</div> <div class="header__submenu-list"> <ul> <li><a href="https://blog.webex.com/" tabindex="0" data-attribute-nav="Resources > Learn > Webex Blog">Webex Blog</a></li> <li><a href="/customers.html" tabindex="1" data-attribute-nav="Resources > Learn > Customer Stories">Customer Stories</a></li> <li><a href="https://webexahead.webex.com/" tabindex="2" data-attribute-nav="Resources > Learn > Thought Leadership">Thought Leadership</a></li> <li><a href="/learn/webinars-demos.html" tabindex="3" data-attribute-nav="Resources > Learn > Live events and Webinars">Live Events and Webinars</a></li> <li><a href="https://academy.webex.com/" tabindex="4" data-attribute-nav="Resources > Learn > Webex Academy">Webex Academy</a></li> </ul> </div> </div> <div class="header__submenu-col header__grid-col-7to9"> <div class="header__submenu-eyebrow">App Integrations</div> <div class="header__submenu-list"> <ul> <li><a href="https://apphub.webex.com/" tabindex="0" data-attribute-nav="Resources > App Integrations > App Hub">App Hub</a></li> <li><a href="/products/integrations/index.html" tabindex="1" data-attribute-nav="Resources > App Integrations > Integration Partners">Integration Partners</a></li> <li><a href="https://developer.webex.com/" tabindex="2" data-attribute-nav="Resources > App Integrations > Developer Tools">Developer Tools</a></li> </ul> </div> </div> <div class="header__submenu-col header__grid-col-10to12"> <a class="header__promo-card" href="https://www.webex.com/whats-new" tabindex="0"> <img src="/content/dam/wbx/us/images/navigation/resources/Whats-New-Promo.jpg" alt=""/> <div class="header__promo-card-content"> <div class="header__promo-card-title">What’s New in Webex</div> <p>Learn about all the latest innovations released across our collaboration and customer experience solutions.</p> <div class="header__submenu-cta"> <span data-attribute-nav="Resources > What’s New in Webex > Learn more">Learn more <span class="icon-arrow"></span></span> </div> </div> </a> </div> </div> <div class="header__submenu-bottom hide-md-down"> <div class="header__navbar grid-padding"> <a href="/downloads.html" class="header__navbar-download" data-attribute-nav="Resources > Download Webex"><img src="/content/dam/wbx/us/images/navigation/webex-app-icon.svg" alt=""><span>Download Webex</span> <!-- <span class="icon-download"></span> --> </a> <!-- <img src="/content/dam/wbx/us/images/navigation/webex-app-icon.svg" alt=""> <a href="/downloads.html" class="" data-attribute-nav="Resources > Download Webex">Download Webex</a> --> <div class="flex-space hide-sm-down"></div> <a href="tel:+1-888-469-3239" aria-label="1. 8 8 8. 4 6 9. 3 2 3 9." data-attribute-nav="Resources > tel:+1-888-469-3239">+1-888-469-3239</a> <a href="/contact-sales.html" data-attribute-nav="Resources > Contact Sales">Contact Sales <span class="icon-arrow"></span></a> </div> </div> </div> </li> <li class="header__menuItem"><a href="https://pricing.webex.com/us/en/hybrid-work/meetings/?utm_medium=website&utm_source=wdc&utm_campaign=n/a&utm_content=navigation&team=wdc" data-attribute-nav="Plans & Pricing">Plans & Pricing</a></li> </ul> <ul class="header__menu header__menuSecond grid-padding"> <li class="header__menuItem"><a href="https://www.webex.com/downloads.html" data-attribute-nav="Download">Download</a></li> <li class="header__menuItem"><a href="https://signin.webex.com/join" data-attribute-nav="Join a Meeting">Join a Meeting</a></li> <li class="header__menuItem"><a href="https://signin.webex.com" id="signInButton" data-attribute-nav="Sign In">Sign In</a></li> <li class="header__menuItem header__menuItem-country hasChildren country-selector"> <a href="javascript:;" aria-label="Country/Region" data-attribute-nav="Country/Region"><i class="icon-global"></i> <i class="icon-open"></i></a> <div class="header__submenu header__country"> <div class="header__country-title"> <span>Select Country/Region</span> <a href="javascript:;" class="header__country-close"><span class="icon-close"></span></a> </div> <div class="header__country-list"> <ul id="headerCountryList" class="region-select-list"> <li data-country-id="AU" data-id="AU"><a href="/" data-attribute-nav="Country/Region > Australia (English)">Australia (English)</a></li> <li data-country-id="BR" data-id="BR"><a href="/pt/index.html" data-attribute-nav="Country/Region > Brazil (Português)">Brazil (Português)</a></li> <li data-country-id="CA" data-id="CA"><a href="/" data-attribute-nav="Country/Region > Canada (English)">Canada (English)</a></li> <li data-country-id="CAF" data-id="CAF"><a href="/fr/index.html" data-attribute-nav="Country/Region > Canada (Français)">Canada (Français)</a></li> <li data-country-id="CN" data-id="CN"><a href="/zh-cn/index.html" data-attribute-nav="Country/Region > China (简体字)">China (简体字)</a></li> <li data-country-id="FR" data-id="FR"><a href="/fr/index.html" data-attribute-nav="Country/Region > France (Français)">France (Français)</a></li> <li data-country-id="DE" data-id="DE"><a href="/de/index.html" data-attribute-nav="Country/Region > Germany (Deutsch)">Germany (Deutsch)</a></li> <li data-country-id="HK" data-id="HK"><a href="/zh-tw/index.html" data-attribute-nav="Country/Region > Hong Kong (繁體中文)">Hong Kong (繁體中文)</a></li> <li data-country-id="IN" data-id="IN"><a href="/" data-attribute-nav="Country/Region > India (English)">India (English)</a></li> <li data-country-id="IT" data-id="IT"><a href="/it/index.html" data-attribute-nav="Country/Region > Italy (Italiano)">Italy (Italiano)</a></li> <li data-country-id="JP" data-id="JP"><a href="/ja/index.html" data-attribute-nav="Country/Region > Japan (日本語)">Japan (日本語)</a></li> <li data-country-id="KR" data-id="KR"><a href="/ko/index.html" data-attribute-nav="Country/Region > South Korea (한국어)">South Korea (한국어)</a></li> <li data-country-id="MX" data-id="MX"><a href="/es/index.html" data-attribute-nav="Country/Region > Latin America (Español)">Latin America (Español)</a></li> <li data-country-id="ES" data-id="ES"><a href="/es/index.html" data-attribute-nav="Country/Region > Spain (Español)">Spain (Español)</a></li> <li data-country-id="GB" data-id="GB"><a href="/" data-attribute-nav="Country/Region > United Kingdom (English)">United Kingdom (English)</a></li> <li data-country-id="US" data-id="US" style="display: none;"><a href="/" data-attribute-nav="Country/Region > United States (English)">United States (English)</a></li> </ul> </div> </div> <div class="footer_languageSelect__a_We0" style="display: none;"> <a href="javascript:;"> <span class="icon-global"></span> <span class="footer_country__2f7Cu wbx-region-name">United States</span> <span><i class="icon-open"></i></span> </a> </div> </li> <li class="header__menuItem header__menuItem-signUp hide-md-down"> <a href="https://cart.webex.com/sign-up?experienceType=Unified&ft=selfsignup&theme=dark&ft=skipProvCheck" class="btn btn--black" data-attribute-nav="Sign Up, It's Free">Sign Up, It's Free</a></li> </ul> <!-- <div class="header__menu-bottom hide-lg-up"> <div class="header__navbar grid-padding"> <img src="/content/dam/wbx/us/images/navigation/webex-app-icon.svg" alt=""> <a href="/downloads.html" class="">Download Webex</a> <div class="flex-space hide-sm-down"></div> <a href="tel:+1-888-469-3239" aria-label="1. 8 8 8. 4 6 9. 3 2 3 9.">+1-888-469-3239</a> <a href="/contact-sales.html">Contact Sales <span class="icon-arrow"></span></a> </div> </div> --> <div class="header__menu-bottom hide-lg-up"> <div class="header__navbar grid-padding"> <!-- <a href="/downloads.html" class="btn btn--secondary--light">Download Webex <span class="icon-download"></span></a> --> <img src="/content/dam/wbx/us/images/navigation/webex-app-icon.svg" alt=""> <a href="/downloads.html" class="" data-attribute-nav="Mobile/Tablet > Download Webex">Download Webex</a> <div class="flex-space hide-sm-down"></div> <a href="tel:+1-888-469-3239" aria-label="1. 8 8 8. 4 6 9. 3 2 3 9." data-attribute-nav="Mobile/Tablet > tel:+1-888-469-3239">+1-888-469-3239</a> <a href="/contact-sales.html" data-attribute-nav="Mobile/Tablet > Contact Sales">Contact Sales <span class="icon-arrow"></span></a> </div> </div> </nav> </div> </header> </div> </div> <style> .cmp-header .header__overlay { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 101; opacity: 0; visibility: hidden; background: rgba(0,0,0,.6); transition: all .3s ease; } .cmp-header .header__overlay.active { display: block; opacity: 1; visibility: visible; } .cmp-header .header { width: 100%; height: 7.3rem; background-color: #181818; transition: all .5s ease-in-out; position: fixed; left: 0; top: 0; z-index: 102; } .cmp-header .header.bg-black { background-color: #181818; background-image: none; } .cmp-header .header.bg-white, .cmp-header .header.active { background-color: #FFFFFF; background-image: none; } .cmp-header .header.scroll-down { transform: translateY(-100%); } .cmp-header .grid-padding { padding-top: 0; padding-bottom: 0; } .cmp-header .btn { width: auto; } .cmp-header .flex-space { flex-grow: 1; } .cmp-header ul { list-style: none; margin: 0; } .cmp-header ul:not(.grid-padding) { padding-left: 0; } .cmp-header a { transition: all .3s; } .header__wrapper { height: 100%; display: flex; align-items: center; justify-content: space-between; } a.header__logo { display: block; width: 11.8rem; height: 3.3rem; } a.header__logo img { width: 100%; } .header .header__logo-light, .header.active .header__logo-dark, .header.bg-white .header__logo-dark { transition: all .3s; display: block; } .header .header__logo-dark, .header.active .header__logo-light, .header.bg-white .header__logo-light { transition: all .3s; display: none; } a.header__open-menu { width: 2rem; height: 1rem; display: block; position: relative; } a.header__open-menu .icon-menu::before, a.header__open-menu .icon-menu::after { content: ''; width: 2rem; height: 0.2rem; display: block; background-color: #fff; position: absolute; left: 0; } .header.bg-white a.header__open-menu .icon-menu::before, .header.bg-white a.header__open-menu .icon-menu::after { background-color: #181818; } a.header__open-menu .icon-menu::after { bottom: 0; } a.header__close-menu { width: 32px; height: 32px; font-size: 16px; margin-left: -8px; margin-right: -8px; display: flex; align-items: center; justify-content: center; } .header__menu-top { height: 7.3rem; margin-bottom: 4rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; column-gap: 4rem; } .header__menuItem > a:not(.btn) { font-weight: 500; font-size: 15px; line-height: 20px; /* letter-spacing: -0.01em;*/ color: #181818; /* text-decoration: none;*/ white-space: nowrap; /* transition: all .3s; */ } /* .header .header__menuItem > a:not(.btn):hover,*/ .header .header__menuItem > a.active:not(.btn) { color: #05935B !important; } /*.header.active .header__menuItem > a:not(.btn):hover, .header.bg-white .header__menuItem > a:not(.btn):hover,*/ .header.active .header__menuItem > a.active:not(.btn), .header.bg-white .header__menuItem > a.active:not(.btn) { color: #078855 !important; } .bg-black1 a:not(.btn), .header .header__menuItem > a:not(.btn) { cursor: pointer; text-decoration: none; text-underline-offset: 6px; border-bottom: 1px solid transparent; transition: border-color .2s ease-out; outline: none; } .bg-black1 a:not(.btn):hover, .header .header__menuItem > a:not(.btn):hover { /* color: #181818;*/ border-bottom: 1px solid; } .header__menuItem > a .icon-open { font-size: 10px; position: relative; } .header__menuItem > a .icon-open::before { /* transition: all .3s; */ } .header__menuItem > a.active .icon-open::before { transform: rotate(180deg); } .header__menuItem > a .icon-global { font-size: 16px; line-height: 100%; position: relative; top: 1px; } .header.active a.btn--black:not(:hover), .header.bg-white a.btn--black:not(:hover) { background-color: #181818; border-color: #181818; color: #FFFFFF; } .header__submenu { /* display: none; */ opacity: 0; visibility: hidden; transform: translateY(-1rem); transition: transform .35s ease; } .header__submenu.expanded { display: block; opacity: 1; visibility: visible; transform: translateY(0); } .header__submenu-eyebrow { font-weight: 500; font-size: 12px; line-height: 16px; text-transform: uppercase; color: #767676; } .header__submenu-col { grid-column: 1/ span 4; } .header__submenu-list ul { grid-column: 1/ span 4; } .header__submenu-list ul li { display: flex; column-gap: 1rem; } .header__submenu-list ul li:not(:first-child) { margin-top: 2rem; } /* .header__menuItem-resources .header__submenu-list:not(.hasThumbnail) ul li a, .header__menuItem-solutions .header__submenu-list:not(.hasThumbnail) ul li a, .header__menuItem-devices .header__submenu-list:not(.hasThumbnail) ul li a { padding-bottom: .5rem; } .header__menuItem-resources .header__submenu-list:not(.hasThumbnail) ul li:not(:first-child), .header__menuItem-solutions .header__submenu-list:not(.hasThumbnail) ul li:not(:first-child), .header__menuItem-devices .header__submenu-list:not(.hasThumbnail) ul li:not(:first-child) { margin-top: 1.5rem; } */ .header__submenu-list ul li a { font-weight: 500; font-size: 20px; line-height: 20px; letter-spacing: -0.02em; color: #181818; border-bottom: 1px solid transparent; /* transition: all .3s; */ text-decoration: none; cursor: pointer; outline: none; transition: border-color .2s ease-out; display: inline-block; padding-bottom: .1rem; } .header__submenu-list ul li a:hover { /* color: #078855 !important;*/ color: #181818; /* border-bottom: 1px solid;*/ text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; } .header__submenu-list ul li .header__submenu-item-text p { font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: -0.01em; color: #767676; margin: 4px 0 0; } .header__submenu-list.hasIcon ul li i { width: 2.6rem; height: 2.6rem; background-repeat: no-repeat; flex-shrink: 0; } .header__submenu-list + .header__submenu-cta { margin-top: 4rem; } .header__submenu-cta a, .header__submenu-cta > span { font-weight: 500; font-size: 15px; line-height: 14px; letter-spacing: -0.02em; color: #078855; text-decoration: none; border-bottom: 1px solid transparent; /* transition: all .3s; */ /* padding-bottom: .2rem; */ } .header__submenu-cta a:hover { color: #078855 !important; border-bottom-color: #078855; } @media (max-width: 1024px) { .header__buttons { width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; column-gap: 4rem; } nav.header__menu-wrapper { width: 100%; height: 100%; background-color: #FFF; background-image: url(/content/dam/wbx/us/images/navigation/Gradient.png); background-repeat: no-repeat; background-position: top right; padding: 0; overflow-y: scroll; position: fixed; left: 0; top: 0; display: none; } nav.header__menu-wrapper.expanded { display: block; } .header__submenu-main.grid-padding { padding: 0; } .header__submenu { display: none; } ul.header__menu.header__menuFirst li.header__menuItem { border-top: 1px solid #181818; } ul.header__menu.header__menuFirst li.header__menuItem:last-child { border-bottom: 1px solid #181818; } ul.header__menu.header__menuFirst li.header__menuItem>a { display: block; font-weight: 400; font-size: 32px; line-height: 36px; letter-spacing: -0.04em; color: #181818; position: relative; display: flex; align-items: center; justify-content: space-between; margin-top: 2.6rem; margin-bottom: 2.6rem; } ul.header__menu.header__menuFirst li.header__menuItem>a .icon-open { width: 2rem; height: 2rem; } ul.header__menu.header__menuFirst li.header__menuItem>a .icon-open::before, ul.header__menu.header__menuFirst li.header__menuItem>a .icon-open::after { content: ''; width: 2rem; height: 0.2rem; background-color: #181818; position: absolute; top: 50%; transform: translateY(-50%); } ul.header__menu.header__menuFirst li.header__menuItem>a .icon-open::after { transform: translateY(-50%) rotate(90deg); } ul.header__menu.header__menuFirst li.header__menuItem>a.active .icon-open::after { content: none; } ul.header__menu.header__menuFirst li.header__menuItem .header__submenu { margin-top: 4rem; margin-bottom: 6rem; } ul.header__menu.header__menuSecond { margin-top: 6rem; } ul.header__menu.header__menuSecond li.header__menuItem:not(:first-child) { margin-top: 2rem; } .header__menuFirst .header__menuItem > a:not(.btn), .header__menuFirst .header__menuItem > a:not(.btn):hover { border-bottom: none; } .header__menuFirst .header__menuItem:not(.hasChildren) > a:not(.btn):hover { color: #078855; } /* .header__menuItem-resources .header__submenu-list:not(.hasThumbnail) ul li a, .header__menuItem-solutions .header__submenu-list:not(.hasThumbnail) ul li a, .header__menuItem-devices .header__submenu-list:not(.hasThumbnail) ul li a { padding-bottom: .3rem; } .header__menuItem-resources .header__submenu-list:not(.hasThumbnail) ul li:not(:first-child), .header__menuItem-solutions .header__submenu-list:not(.hasThumbnail) ul li:not(:first-child), .header__menuItem-devices .header__submenu-list:not(.hasThumbnail) ul li:not(:first-child) { margin-top: 1.7rem; } */ } @media (max-width: 720px) { .header__menu-top { padding-top: 1.9rem !important; } ul.header__menu.header__menuFirst li.header__menuItem>a { margin-top: 1.2rem; margin-bottom: 1.2rem; } ul.header__menu.header__menuFirst li.header__menuItem>a.active { margin-top: 2.1rem; } .header__submenu-col:not(:first-child) { margin-top: 6rem; } .header__submenu-list { width: 80%; margin-top: 2rem; row-gap: 2rem; } ul.header__menu.header__menuSecond { margin-top: 5rem; } } @media (min-width: 721px) { .cmp-header .header { height: 9.6rem; } .header__menu-top { height: 9.6rem; } a.header__logo { width: 13.8rem; height: 3.8rem; } .header__submenu-list ul { column-gap: 2rem; } .header__submenu-eyebrow { font-size: 14px; line-height: 20px; letter-spacing: 0.01em; } .header__submenu-list { margin-top: 3rem; } .header__grid-col-1to3 { grid-column: 1/ span 3 !important; } .header__grid-col-4to6 { grid-column: 4/ span 3 !important; } .header__grid-col-7to9 { grid-column: 7/ span 3 !important; } .header__grid-col-10to12 { grid-column: 10/ span 3 !important; } .header__grid-col-1to6 { grid-column: 1/ span 6 !important; } .header__grid-col-1to9 { grid-column: 1/ span 9 !important; } .header__grid-col-7to9 { grid-column: 7/ span 3 !important; } .header__grid-col-7to12 { grid-column: 7/ span 6 !important; } .header__grid-col-8to12 { grid-column: 8/ span 5 !important; } .header__grid-col-1to4 { grid-column: 1/ span 4 !important; } .header__grid-col-5to8 { grid-column: 5/ span 4 !important; } .header__grid-col-9to12 { grid-column: 9/ span 4 !important; } .header__grid-col-1to12 { grid-column: 1/ span 12 !important; } } @media (min-width: 1025px) { .header__wrapper { flex-wrap: nowrap; align-items: center; column-gap: 3rem; } nav.header__menu-wrapper.grid-padding { width: 100%; padding: 0; position: static; display: flex; flex-wrap: nowrap; justify-content: space-between; column-gap: 3rem; } ul.header__menu.grid-padding { padding: 0; display: flex; align-items: center; flex-wrap: nowrap; column-gap: 2rem; } .header__menuItem > a:not(.btn) { line-height: 1; color: #FFFFFF; /* padding-bottom: 2px; */ } .header .header__menuItem > a:not(.btn) { color: #FFFFFF; } .header.active .header__menuItem > a:not(.btn), .header.bg-white .header__menuItem > a:not(.btn) { color: #181818; } .header__menuItem-signUp { flex-shrink: 0; } .header__menuItem-signUp .btn { margin-left: 1rem; } .header__submenu { width: 100%; background: #FFF; border-top: 1px solid rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 9.6rem; z-index: 5; } .header__submenu-main.grid-padding { padding-top: 4.3rem; padding-bottom: 5.4rem; } /*.header__submenu-list ul li { padding-right: 5.4rem; }*/ .header__submenu-list ul li a { font-size: 22px; } .header__submenu-list ul li .header__submenu-item-text p { font-size: 13px; line-height: 20px; letter-spacing: normal; } .header__submenu-bottom { background: #F2F2F2; } .header__submenu-bottom a:last-child{ margin-top: 1px; } } @media (min-width: 1025px) and (max-width: 1300px) { a.header__logo { width: 12.8rem; } .header__wrapper { column-gap: 2rem; } nav.header__menu-wrapper { column-gap: 2rem !important; } .header__menu { column-gap: 1.8rem !important; } .header__menuItem-signUp .btn { height: 5rem; padding-left: 1.4rem; padding-right: 1.4rem; margin-left: 0; } } @media (min-width: 1025px) and (max-width: 1239px) { a.header__logo { width: 11.8rem; } .header__menuItem-signUp .btn, .header__menuItem > a:not(.btn) { font-size: 14px; } } @media (min-width: 1025px) and (max-width: 1179px) { a.header__logo { width: 11rem; } .header__menu { column-gap: 1.4rem !important; } } @media (min-width: 1025px) and (max-width: 1119px) { .header__menuItem-signUp .btn { height: 4.5rem; font-size: 13px; padding-left: .8rem; padding-right: .8rem; } .header__menuItem > a:not(.btn) { font-size: 13px; } } @media (min-width: 1025px) and (max-width: 1069px) { .header__wrapper { column-gap: 1.5rem; } .header__menu { column-gap: 1.2rem !important; } } /* devices submenu start */ .header__submenu-list.hasThumbnail ul { column-gap: 2rem; } .header__submenu-list.hasThumbnail ul li { grid-column: 1/ span 4; margin: 0; padding: 0; } .header__submenu-list.hasThumbnail ul li a { text-decoration: none; border-bottom: none; display: flex; align-items: center; gap: 2rem; } .header__submenu-list.hasThumbnail ul li a img { width: 5.5rem; height: 5.5rem; object-fit: contain; } .header__submenu-list.hasThumbnail ul li a span { font-size: 14px; line-height: 12px; letter-spacing: -0.01em; color: #000000; /* transition: all .3s; */ border-bottom: 1px solid transparent; padding-bottom: .2rem; } .header__submenu-list.hasThumbnail ul li a:hover span { /* color: #078855 !important; */ border-bottom: 1px solid; border-bottom-color: initial; } .header__devices-card { display: flex; flex-direction: column; gap: 2rem; } .header__devices-card img { width: 100%;; border-radius: 1.5rem; background: linear-gradient(299.22deg, #F2F2F2 0%, rgba(242, 242, 242, 0.27) 98.18%); } .header__devices-card .header__devices-card-tag { font-weight: 400; font-size: 11px; line-height: 1; letter-spacing: -0.01em; color: #181818; border: .1rem solid #181818; border-radius: 2.5rem; display: inline-block; padding: .5rem 1rem; } .header__devices-card .header__devices-card-title { font-weight: 500; font-size: 20px; line-height: 150%; letter-spacing: -0.02em; color: #000000; margin-top: .6rem; } .header__devices-card p { font-weight: 400; font-size: 14px; line-height: 18px; letter-spacing: -0.01em; color: #767676; margin-top: .6rem; margin-bottom: 2rem; } .header__promo-card { text-decoration: none; border: 1px solid #C4C4C4; border-radius: 3rem; padding: 2rem 2rem 4rem; display: flex; flex-direction: column; row-gap: 2rem; } .header__promo-card img { width: 100%; height: auto; background: #F5F2FA; border-radius: 15px; } .header__promo-card .header__promo-card-title { font-weight: 500; font-size: 20px; line-height: 22px; letter-spacing: -0.02em; color: #000000; } .header__promo-card:hover { text-decoration: none; } .header__promo-card:hover .header__submenu-cta > span { border-bottom: 1px solid #078855; width: max-content; } .header__promo-card p { font-weight: 400; font-size: 14px; line-height: 18px; letter-spacing: -0.01em; color: #767676; margin-top: .6rem; margin-bottom: 2rem; } @media (max-width: 1024px) { .header__devices-card a, .header__promo-card a { font-size: 14px; } } @media (max-width: 720px) { .header__submenu-list.hasThumbnail { width: 100%; } .header__submenu-list.hasThumbnail ul li { /* margin-top: 2rem; padding-bottom: 2rem; */ border-bottom: 1px solid #C4C4C4; } .header__submenu-list.hasThumbnail ul li:first-child { margin-top: 0; } .header__submenu-list.hasThumbnail ul li a span { font-size: 22px; line-height: 28px; letter-spacing: -0.03em; color: #181818; } .header__submenu-list.hasThumbnail ul li a span.icon-open { font-size: 10px; line-height: .5; margin-left: -1.5rem; transform: rotate(-90deg); } .header__submenu-list.hasDeviceCard { width: 100%; } } @media (min-width: 721px) { .header__submenu-list.hasThumbnail ul li a { text-align: center; flex-direction: column; } .header__submenu-list.hasThumbnail ul li a img { width: auto; max-width: 100%; height: 9.6rem; } .header__submenu-list.hasThumbnail ul li a span.icon-open { display: none; } .header__submenu-list.hasThumbnail4 ul { gap: 1rem; } .header__submenu-list.hasThumbnail3 ul { gap: 2rem; } .header__submenu-list.hasThumbnail3 ul li { justify-content: center; } .header__submenu-list.hasThumbnail3 ul li a img { width: 13rem; height: auto; } .header__devices-card { flex-direction: row; align-items: flex-start; flex-wrap: nowrap; } .header__devices-card img { width: 50%; } } @media (min-width: 1025px) { .header__submenu-list.hasThumbnail4 ul { gap: 4.2rem; } .header__submenu-list.hasThumbnail4 ul li a img { height: 11.2rem; } .header__devices-card { gap: 3.5rem; } .header__devices-card .header__devices-card-title { font-size: 22px; } .header__devices-card p { font-size: 15px; line-height: 20px; } .header__promo-card .header__promo-card-title { font-size: 22px; line-height: 24px; } .header__promo-card p { font-size: 15px; line-height: 20px; } .header__promo-card-eyebrow{ padding: 11px 16px; border-radius: 50px; background: #DDF7D2; width: max-content; } } /* devices submenu end */ /* header navbar start */ .header__menu-bottom { margin-top: 4rem; } .header__navbar.grid-padding { height: auto; background: #F2F2F2; padding-top: 2rem; padding-bottom: 2rem; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; gap: 2rem; } .header__navbar > a:not(.btn) { font-weight: 500; font-size: 15px; line-height: 14px; letter-spacing: -0.02em; color: #181818; text-decoration: none; cursor: pointer; outline: none; /* transition: all .3s; */ display: flex; align-items: center; gap: .5rem; margin: 0; padding-top: .2rem; padding-bottom: .2rem; border-bottom: 1px solid transparent; transition: border-color .2s ease-out; } .header__navbar > a:not(.btn):hover { /* color: #078855 !important;*/ border-bottom: 1px solid; } .header__navbar > a:not(.btn) > span.icon-arrow { top: 1px; } .header__navbar > a.header__navbar-download, .header__navbar > a.header__navbar-download:hover { border-bottom: none; } .header__navbar > a.header__navbar-download > span { padding-top: .2rem; padding-bottom: .2rem; border-bottom: 1px solid transparent; transition: border-color .2s ease-out; } .header__navbar > a.header__navbar-download:hover > span { border-bottom: 1px solid; } .header__navbar .btn.btn--secondary--light { height: 4rem; padding: .6rem 2.2rem; } .header__navbar .btn--secondary--light .icon-download { color: inherit; background: transparent; } @media (min-width: 721px) { .header__navbar.grid-padding { height: 7.6rem; padding-top: 0; padding-bottom: 0; flex-direction: row; align-items: center; } } /* header navbar end */ /* header country start */ .header__menuItem.header__menuItem-country { position: relative; } .header__menuItem.header__menuItem-country > a { text-decoration: none !important; border-bottom: none !important; } .header__menuItem.header__menuItem-country > a:hover { color: #078855!important; } .header__submenu.header__country { width: 22.6rem; height: 30rem; background: #fff; box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1); border-radius: 1rem; overflow: hidden; padding: 2rem; margin-bottom: 1.5rem; transition: all .5s; position: absolute; left: 0; bottom: 100%; top: unset; z-index: 99; display: none; flex-direction: column; } .header__submenu.header__country.expanded { display: flex; } .header__country-title, .header__country-list { font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: -0.01em; color: #181818; } .header__country-title { position: relative; margin-bottom: 2rem; } a.header__country-close { width: 1.4rem; height: 1.4rem; font-size: 8px; display: flex; align-items: center; justify-content: center; position: absolute; top: .3rem; right: -.6rem; } .header__country-list { overflow-y: scroll; } .header__country-list ul li:not(:first-child) { margin-top: 2rem; } .header__country-list ul li a { font-weight: 400; color: #767676; text-underline-offset: 4px; } .header__country-list ul li a:hover, .header__country-list ul li a.active { color: #078855 !important; } .header__country-list::-webkit-scrollbar { width: .3rem; } .header__country-list::-webkit-scrollbar-track { background: #C4C4C4; border-left: .1rem solid #ffffff; border-right: .1rem solid #ffffff; } .header__country-list::-webkit-scrollbar-thumb { border-radius: .3rem; background: #078855; } @media (min-width: 1025px) { .header__menu.header__menuSecond { position: relative; } .header__menuItem.header__menuItem-country { position: static; } .header__submenu.header__country { margin-bottom: 0; margin-top: 1rem; left: unset; bottom: unset; top: 100%; right: 0; } } /* header country end */ </style> <script> const wbxHeaderOverlay = $('.cmp-header .header__overlay'); const wbxHeader = $('.cmp-header .header'); const wbxheaderMenu = $('.header__menu-wrapper'); const menuItemHasChildren = $('.header__menuItem.hasChildren'); const wbxheaderSignUp = $('.header__menuItem-signUp > .btn'); $('.header__menuItem.hasChildren > a').on('click', function() { if(!$(this).hasClass('active')) { let isCountryCTA = $(this).siblings('.header__submenu').hasClass('header__country'); if(!isCountryCTA || isLargeSize) { menuItemHasChildren.find('a.active').removeClass('active'); menuItemHasChildren.find('.header__submenu.expanded').removeClass('expanded'); } $(this).addClass('active').siblings('.header__submenu').addClass('expanded'); if(!wbxHeader.hasClass('active')) { openHeaderMenu(isCountryCTA); } } else { $(this).removeClass('active').siblings('.header__submenu').removeClass('expanded'); if(isLargeSize) { closeHeaderMenu(); } } }) $('a.header__open-menu').on('click', function() { openHeaderMenu(); }); $('a.header__close-menu').on('click', function() { menuItemHasChildren.find('a.active').removeClass('active'); menuItemHasChildren.find('.header__submenu.expanded').removeClass('expanded'); closeHeaderMenu(); }); wbxHeaderOverlay.on('click', function() { menuItemHasChildren.find('a.active').removeClass('active'); menuItemHasChildren.find('.header__submenu.expanded').removeClass('expanded'); closeHeaderMenu(); }); $('a.header__country-close').on('click', function() { $(this).parents('.header__submenu').siblings('a').click(); }); let isLargeSize = $(window).width() >= 1025; let scrollHeight = 0; $(window).resize(function () { swopHeaderMenu(); }); $(window).scroll(function () { if($('body').css('overflow-y') != 'hidden') { handleScrollHeader(); } }) function openHeaderMenu(isCountryCTA) { if(!isCountryCTA) { wbxHeaderOverlay.addClass('active'); $('body').css('overflow-y', 'hidden'); } wbxHeader.addClass('active'); wbxheaderMenu.addClass('expanded'); } function closeHeaderMenu() { wbxHeaderOverlay.removeClass('active'); wbxHeader.removeClass('active'); wbxheaderMenu.removeClass('expanded'); $('body').css('overflow-y', 'auto'); } function swopHeaderMenu() { isLargeSizeNew = $(window).width() >= 1025; if(wbxheaderMenu.hasClass('expanded') && menuItemHasChildren.find('a.active').length == 0) { if(!isLargeSize && isLargeSizeNew) { closeHeaderMenu(); } } isLargeSize = isLargeSizeNew; } function handleScrollHeader() { let scrollHeightNew = window.pageYOffset; if(scrollHeightNew > wbxHeader.height()) { if (!wbxHeader.hasClass('bg-black') && !wbxHeader.hasClass('bg-white')) { wbxHeader.removeClass('bg-white').addClass('bg-black'); } if (scrollHeightNew > scrollHeight && !wbxHeader.hasClass('scroll-down')) { wbxHeader.addClass('scroll-down'); if($('.header__submenu.header__country').hasClass('expanded')) { $('a.header__country-close').click(); } } else if (scrollHeightNew < scrollHeight && wbxHeader.hasClass('scroll-down')) { wbxHeader.removeClass('scroll-down'); } } else { wbxHeader.removeClass('scroll-down bg-black bg-white'); } scrollHeight = scrollHeightNew; } $(document).ready(function() { if (!!window.IntersectionObserver) { if(!!$('.cmp-container > div')) { const componentsList = Array.from($('.cmp-container > div')); let navObserver = new IntersectionObserver((entries, observer) => { entries.forEach((entry) => { // console.log(entry) if (entry.isIntersecting) { let $bgBlackItem = $(entry.target).find('.bg-black'); // console.log($bgBlackItem); if($bgBlackItem.length != 0 && ($(window).width() - $bgBlackItem.innerWidth() < 15)) { console.log('if ') if($bgBlackItem.offset().top < 10) { wbxHeader.removeClass('bg-black bg-white'); } else { wbxHeader.removeClass('bg-black').addClass('bg-white'); } } else { console.log('else ') wbxHeader.removeClass('bg-white').addClass('bg-black'); } } }); }, { rootMargin: "0px 0px -100% 0px", }, ); componentsList.forEach((module) => { navObserver.observe(module) }); } if(!!$('.wx-wrapper.page-wrapper > section')) { const componentsList2 = Array.from($('.wx-wrapper.page-wrapper > section')); let navObserver2 = new IntersectionObserver((entries, observer) => { entries.forEach((entry) => { if (entry.isIntersecting) { let $bgBlackItem = $(entry.target); // $(window).width() - $bgBlackItem.innerWidth() < 15 if ($bgBlackItem.hasClass('bg-black')) { if($bgBlackItem.offset().top < 10) { wbxHeader.removeClass('bg-black bg-white'); } else { wbxHeader.removeClass('bg-black').addClass('bg-white'); } } else { wbxHeader.removeClass('bg-white').addClass('bg-black'); } } }); }, { rootMargin: "0px 0px -100% 0px", }, ); componentsList2.forEach((module) => { navObserver2.observe(module) }); } } }) </script> <link rel="stylesheet" type="text/css" href="/content/dam/wbx/us/images/rebrand/wx-core.css"/> <!-- fix global issues start --> <style> .wx-wrapper .container { max-width: 100%; } .wx-wrapper.page-wrapper { padding-top: 0 !important; margin-top: 7.3rem !important; } @media (min-width: 721px) { .wx-wrapper.page-wrapper { margin-top: 9.6rem !important; } } .layout-container + .wx-wrapper.page-wrapper, .wx-wrapper.page-wrapper + .wx-wrapper.page-wrapper, .wx-wrapper.page-wrapper.popupForm-wrapper { margin-top: 0 !important; } .wx-wrapper.page-wrapper .btn .icon-arrow { position: static; } .wx-wrapper.page-wrapper .btn .icon-play:before, .wx-wrapper.page-wrapper .btn .icon-download:before { position: static; transform: none; } /* fix floatie issues */ #forFloatBanner { width: 100%; position: fixed; top: 9.6rem; z-index: 5; transition: all .5s; } #forFloatBanner.scroll-down { transform: translateY(-100%); top: 0; } @media (max-width: 720px) { #forFloatBanner { top: 7.3rem; } } @media (max-width: 1024px) { #floatBanner .hidden-sm { display:none } } @media (min-width: 1025px) { #floatBanner .hidden-lg { display:none } } /* fix form issues */ .elq-form { font-size: 16px; } .elq-form .checkbox-wrapper { align-items: flex-start; } .elq-form .mt1 { margin-top: 16px; } .close-cross { z-index: 1; } /* fix dg & gp issues */ .ctaheader, .ctaHeader, #wbx-header-new, .navigationC-wrapper { top: 0; } .card-wrapper .card-main * { text-align: left; } .dgBody .cmp-header, .dgBody .cmp-secondary-promo, .dgBody .cmp-global-footer .global-footer__menu { display: none !important; } .dgBody .cmp-global-footer .global-footer__postFooter { margin-top: 0 !important; } </style> <script> let mainEle; $(document).ready(function () { if($('#mainnav').length != 0 || $('#mainNav').length != 0) { $('.wbx-header, .wbx-footer').addClass('dgBody'); } setTimeout(function() { if($('body > img[src*="https://insight.adsrvr.org/track/pxl/"]').length != 0) { $('body > img[src*="https://insight.adsrvr.org/track/pxl/"]').css('position', 'absolute'); } }, 500); if($('.hero--video.layout-container').length != 0) { mainEle = $('.hero--video.layout-container'); } else if ($('.wx-wrapper.page-wrapper').length != 0) { mainEle = $('.wx-wrapper.page-wrapper').first(); } if ($('#forFloatBanner').length != 0) { $('#floatBanner a.f-b-link').hover().css('color', $('#floatBanner a.f-b-link').hover().css('color')); $('#floatBanner a.f-b-link').css('text-decoration', $('#floatBanner a.f-b-link').css('text-decoration')); $('#floatBanner').show(); handleFloatieTop(); } $('.f-b-close').bind('click', function () { $('#floatBanner').remove(); handleFloatieTop(); }) }); let resizeTimerF; $(window).resize(function () { if ($('#forFloatBanner').length != 0) { clearTimeout(resizeTimerF); resizeTimerF = setTimeout(function () { handleFloatieTop(); }, 250); } }) let scrollHeightF = 0; $(window).scroll(function () { if ($('#forFloatBanner').length != 0 && $('.wx-wrapper.page-wrapper').length != 0 && $('#mainnav').length == 0 && $('#mainNav').length == 0) { handleFloatieScroll(); } }) function handleFloatieTop() { let headerHeight = $('#mainnav').height() || $('#mainNav').height() || $('#header').height(); if($('#floatBanner').length != 0) { headerHeight += $('#forFloatBanner').height() - 1; mainEle.css('cssText', 'margin-top: ' + headerHeight + 'px !important'); } else { mainEle.css('cssText', 'margin-top: 0'); } } function handleFloatieScroll() { let scrollHeightNew = window.pageYOffset; let headerHeight = $('#header').height();// + ($('#forFloatBanner').height() || 0); if (scrollHeightNew > headerHeight) { if (scrollHeightNew > scrollHeightF && !$('#forFloatBanner').hasClass('scroll-down')) { $('#forFloatBanner').addClass('scroll-down'); } else if (scrollHeightNew < scrollHeightF && $('#forFloatBanner').hasClass('scroll-down')) { $('#forFloatBanner').removeClass('scroll-down'); } } else { $('#forFloatBanner').removeClass('scroll-down'); } scrollHeightF = scrollHeightNew; } </script> <!-- fix global issues end --> <!-- tab layout fix start --> <style> a.js-tab-focus, button.js-tab-focus { box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25); } </style> <script> let _tab_action = false; let _tab_active_class = "js-tab-focus"; $(document).on('keydown', function (e) { if (Number(e.keyCode) === 9) { _tab_action = true; } }); $(document).on('focusin', function (e) { if (!_tab_action) { return false; } $('.' + _tab_active_class).removeClass(_tab_active_class); _tab_action = false; $(e.target).addClass('js-tab-focus'); }).on('focusout', function () { $('.' + _tab_active_class).removeClass(_tab_active_class); }); </script> <!-- Cookie initial code --> <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> <!-- tab layout fix end --></div> </div> </div> <div class="wbx-content"> <div class="main"> <div class="open-html-component"> <style type="text/css"> .footer_prefooter__3edCk{ display: none; } .errorpage-main{ width: 100%; height: 100%; background-color: #191919; display: flex; justify-content: center; flex-wrap: wrap; padding-top: 133px; padding-bottom: 240px; } .errorpage-main::before{ background: url('/content/dam/wbx/us/images/rebrand/404_bgimg.png') bottom left no-repeat; position: absolute; left:0px; bottom:0px; content: ''; width: 100%; height: 100%; z-index: 1; } .errorpage-img{ width: 100%; text-align: center; } .errorpage-heading{ font-family: CiscoSansTT; font-size: 32px; line-height: 112%; letter-spacing: -0.04em; color: #FFFFFF; width: 100%; text-align: center; padding-top: 77px; } .errorpage-desc{ font-family: CiscoSansTT; font-size: 24px; line-height: 133%; text-align: center; letter-spacing: -0.02em; color: #818181; width: 100%; padding-top: 20px; padding-bottom: 40px;; } .error-btn{ width: 100%; text-align: center; z-index: 2; } .error-btn .btn-primary:hover{ background: #fff !important; color: #191919 !important; } @media ( min-width: 1025px) { .errorpage-main .btn-secondary-light{ margin-left: 50px; } } @media ( min-width: 320px) and (max-width:1023px) { .errorpage-main{ margin-top: -30px; } } @media ( max-width: 1025px) { .errorpage-main{ padding-top: 110px; } .errorpage-heading{ padding-top: 50px; } .errorpage-desc{ padding-left: 20px; padding-right: 20px; } .errorpage-main .btn-secondary-light{ margin-top: 20px; } } </style> <div class="wx-wrapper"> <div class="errorpage-main"> <div class="errorpage-img"> <img src="/" alt="404 Error" id="img1"/> </div> <div class="errorpage-heading"> 404 - page not found </div> <div class="errorpage-desc"> The page you're looking for can't be found. Let's get you where you need to go!!! </div> <div class="error-btn"> <a href="https://www.webex.com" class="homepage-intro_btn__29wGP btn btn-primary">Go to home page<span class="icon-arrow"></span></a> <a href="https://help.webex.com" class="homepage-intro_btn__29wGP btn btn-secondary-light">Visit help center <span class="icon-arrow"></span></a> </div> </div> </div> <script> $(document).ready(function(){ if($.cookie("user_locale") == "US" || new URLSearchParams(window.location.search).get('locale') == "en_US"){ $(".error-btn .btn-secondary-light").text("Visit help center"); } else{ $(".error-btn .btn-secondary-light").text("Visit the help center"); } var cnt = 0; // Check browser support if (typeof(Storage) !== "undefined") { cnt = localStorage.getItem("cnt"); if(cnt === "undefined" || cnt==null){ cnt = 0; } cnt++; localStorage.setItem("cnt", cnt); if(cnt % 2 == 0){ $(".errorpage-img img").attr("src","/content/dam/wbx/us/images/rebrand/404_img2.png"); } else{ $(".errorpage-img img").attr("src","/content/dam/wbx/us/images/rebrand/404_img1.svg"); } } else { $(".errorpage-img img").attr("src","/content/dam/wbx/us/images/rebrand/404_img1.svg"); } }); </script></div> </div> </div> <div class="wbx-footer"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="open-html-component"> <!-- Secondary Promo starts here --> <div class="secondarypromo"> <div class="cmp-secondary-promo"> <div class="secondary-promo" style="background-image:url(/content/dam/wbx/us/images/homepage/secondary-promo.jpg)"> <div class="secondary-promo__container grid-12 grid-padding"> <div class="secondary-promo__logo"> <img src="/content/dam/wbx/us/images/homepage/Logo1-white%201.png" alt="Webex logo"> </div> <div class="secondary-promo__detail"> <div class="secondary-promo__title h1">Get started for free.</div> <div class="secondary-promo__title h1 secondary-promo__title-contact">Get started today.</div> <span class="secondary-promo__description large-body large-body-regular">Additional features, storage, and support start at just one low price.</span> </div> <div class="secondary-promo__cta"> <a class="btn btn--primary--black" href="https://cart.webex.com/sign-up" rel="noopener">Sign Up For Free <span class="icon-arrow"></span> </a> <a class="btn btn--secondary--black" href="https://pricing.webex.com/us/en/" rel="noopener" data-click-id="plans-pricing-page-end"> View Plans &amp; Pricing <span class="icon-arrow"></span> </a> <a class="btn btn--primary--black secondary-promo__btn-contact" href="https://use.webex.com/contact-sales?lang=en&locale=US" rel="noopener">Contact Sales <span class="icon-arrow"></span> </a> </div> </div> </div> </div> </div> <style> .cmp-secondary-promo .secondary-promo__container { grid-template-rows: auto; row-gap: 0px; } .cmp-secondary-promo .secondary-promo { background-position: 50% center; background-repeat: no-repeat; background-size: cover; } .cmp-secondary-promo .secondary-promo__logo { grid-area: 1 / 1 / auto / span 3; margin-bottom: 8rem; } .cmp-secondary-promo .secondary-promo__cta { display: block; grid-area: 3 / 1 / auto / span 4; } .cmp-secondary-promo .secondary-promo__detail { align-items: center; display: grid; grid-area: 2 / 1 / auto / span 4; grid-template-columns: repeat(4, 1fr); margin-bottom: 4rem; } .cmp-secondary-promo .secondary-promo__title, .cmp-secondary-promo .secondary-promo__description { color: rgb(255, 255, 255); grid-column: 1 / span 4; } .cmp-secondary-promo .secondary-promo__title { margin-top: 0; margin-bottom: 2rem; } .cmp-secondary-promo .secondary-promo__cta .btn { margin-bottom: 1.2rem; } @media (min-width: 721px){ .cmp-secondary-promo .secondary-promo__container { padding-top: 8rem; padding-bottom: 12.4rem; } .cmp-secondary-promo .secondary-promo__logo { margin-bottom: 12rem; } .cmp-secondary-promo .secondary-promo__title { grid-column: 1 / span 7; margin-bottom: 4rem; } .cmp-secondary-promo .secondary-promo__description { grid-column: 9 / span 4; padding-top: 1.3rem; } .cmp-secondary-promo .secondary-promo__cta { display: inline-flex; grid-column: 1 / span 8; } .cmp-secondary-promo .secondary-promo__detail { grid-column: 1 / span 12; grid-template-columns: repeat(12, 1fr); gap: 20px; align-items: flex-start; margin-bottom: 0; } .cmp-secondary-promo .secondary-promo__cta .btn { margin-bottom: 0px; margin-right: 2rem; } } .secondary-promo__title.secondary-promo__title-contact, .secondary-promo__cta .btn.secondary-promo__btn-contact { display: none; } </style> <!-- Secondary Promo ends here --> <!-- Global footer starts here --> <div class="footer"> <div class="cmp-global-footer bg-black" data-cmp-is="global-footer" data-micromodal-trigger="my-modal"> <div class="global-footer grid-padding"> <div class="global-footer__menu grid-12"> <div class="global-footer__menu-col"> <div class="global-footer__menu-title medium-body medium-body-bold"> <span>Products</span> <span class="icon-open"></span> </div> <ul class="small-body small-body-medium"> <li><a class="" href="/suite/collaboration-suite.html">Webex Suite</a></li> <li><a class="" href="/suite/meetings.html">Meetings</a></li> <li><a class="" href="/suite/enterprise-cloud-calling.html">Calling</a></li> <li><a class="" href="/suite/messaging.html">Messaging</a></li> <li><a class="" href="https://www.webex.com/us/en/products/suite/events.html">Events</a></li> <li><a class="" href="https://vidcast.io/">Video Messaging</a></li> <li><a class="" href="/suite/polling.html">Polling</a></li> <li><a class="" href="/suite/webinar.html">Webinars</a></li> <li><a class="" href="/suite/whiteboard.html">Whiteboarding</a></li> <li><a class="" href="https://www.webex.com/us/en/products/customer-experience/contact-center.html">Cloud Contact Center</a></li> <li><a class="" href="https://cpaas.webex.com/">CPaaS</a></li> </ul> </div> <div class="global-footer__menu-col"> <div class="global-footer__menu-title medium-body medium-body-bold"> Devices <span class="icon-open"></span> </div> <ul class="small-body small-body-medium"> <li><a class="" href="https://www.webex.com/us/en/devices/room-devices.html">Room Devices</a></li> <li><a class="" href="https://www.webex.com/us/en/devices/desk-series.html">Desk Devices</a></li> <li><a class="" href="https://www.webex.com/us/en/devices/digital-whiteboards.html">Digital Whiteboards</a></li> <li><a class="" href="https://www.webex.com/us/en/devices/phone-series.html">Phones</a></li> <li><a class="" href="https://www.webex.com/us/en/devices/cameras.html">Cameras</a></li> <li><a class="" href="https://www.webex.com/us/en/devices/headsets.html">Headsets</a></li> <li><a class="" href="https://www.webex.com/us/en/devices/accessories.html">Room Accessories</a></li> </ul> </div> <div class="global-footer__menu-col"> <div class="global-footer__menu-title medium-body medium-body-bold"> Use Cases <span class="icon-open"></span> </div> <ul class="small-body small-body-medium"> <li><a class="" href="https://www.webex.com/us/en/solutions/hybrid-work.html">Hybrid Work</a></li> <!-- <li><a class="" href="">Remote Work</a></li> --> <li><a class="" href="https://www.webex.com/us/en/solutions/interoperability.html">Interoperability</a></li> <li><a class="" href="https://www.webex.com/us/en/solutions/return-to-office.html">Return to the office</a></li> <!-- <li><a class="" href="/industries/frontline.html">Frontline Workers</a></li> --> <li><a class="" href="https://www.webex.com/us/en/solutions/sustainability.html">Sustainability</a></li> </ul> </div> <div class="global-footer__menu-col"> <div class="global-footer__menu-title medium-body medium-body-bold"> Resources <span class="icon-open"></span> </div> <ul class="small-body small-body-medium"> <li><a class="" href="https://pricing.webex.com/us/en/">Pricing</a></li> <li><a class="" href="https://www.webex.com/downloads.html">Downloads</a></li> <li><a href="https://help.webex.com/">Help Center</a></li> <li><a href="https://community.cisco.com/t5/webex-user-community/ct-p/webex-user">Webex Community</a></li> <li><a href="https://adopt.webex.com//">Webex Adoption</a></li> <li><a class="" href="/learn/webinars-demos.html">Watch Webinars</a></li> <li><a class="" href="https://apphub.webex.com/">App Hub</a></li> <li><a href="https://www.webex.com/us/en/solutions/cross-platform/accessibility.html">Accessibility</a></li> <li><a class="" href="https://blog.webex.com/">Webex Blog</a></li> <li><a href="https://developer.webex.com/">Developers</a></li> </ul> </div> <div class="global-footer__menu-col"> <div class="global-footer__menu-title medium-body medium-body-bold"> Company <span class="icon-open"></span> </div> <ul class="small-body small-body-medium"> <li><a class="" href="https://www.cisco.com/c/en/us/solutions/collaboration/index.html#~stickynav=1">Cisco</a></li> <li><a href="https://www.webex.com/us/en/dg/customer-advocacy-program.html">Webex Customer Advocacy Program</a></li> <li><a href="https://help.webex.com/contact">Contact Support</a></li> <li><a class="" href="https://www.webex.com/contact-sales.html?locale=US">Contact Sales</a></li> <li><a class="" href="https://www.webexmerchstore.com/">Webex Merch Store</a></li> <li><a class="" href="https://www.webex.com/company/careers.html">Careers</a></li> <!-- <li><a class="" href="https://www.webex.com/company/webex-leap.html">Webex Leap</a></li> --> </ul> </div> </div> <div class="global-footer__postFooter grid-12"> <div class="global-footer__social"> <ul class="medium-body"> <li><a href="https://twitter.com/webex" aria-label="Twitter" rel="noopener"><img src="/content/dam/www/us/en/icons/social-media-icons/X.svg"></a></li> <li><a href="https://www.linkedin.com/company/webex" aria-label="Linkedin" rel="noopener"><span class="icon-linkedin"></span></a></li> <li><a href="https://www.facebook.com/webex" aria-label="Facebook" rel="noopener"><span class="icon-facebook"></span></a></li> <li><a href="https://www.youtube.com/c/webex" aria-label="YouTube" rel="noopener"><span class="icon-youtube"></span></a></li> <li><a href="https://www.instagram.com/webex/" aria-label="Instagram" rel="noopener"><span class="icon-instagram"></span></a></li> </ul> <div class="global-footer__copyright xsmall-body xsmall-body-regular"> <p>© <span class="this_year"></span> Cisco and/or its affiliates. All Rights Reserved.</p> </div> </div> <div class="global-footer__terms"> <ul class="xsmall-body xsmall-body-regular"> <li><a href="https://www.cisco.com/c/en/us/about/legal/terms-conditions.html" rel="noopener" target="_self">Terms &amp; Conditions</a></li> <li><a href="https://www.cisco.com/c/en/us/about/legal/privacy-full.html" rel="noopener" target="_self">Privacy Statement</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" target="_self">Trademarks</a></li> </ul> </div> </div> </div> </div> </div> <style> .cmp-global-footer .global-footer { padding: 4.2rem 2rem 8rem } @media(min-width: 721px) { .cmp-global-footer .global-footer { padding: 8rem 4.2rem } } @media(min-width: 1025px) { .cmp-global-footer .global-footer { padding: 8rem 6.4rem } } .cmp-global-footer .global-footer__menu { grid-template-columns: repeat(1, 1fr) } @media(max-width: 720px) { .cmp-global-footer .global-footer__menu { display: flex; flex-direction: column; gap: 3.2rem } } @media(min-width: 721px) { .cmp-global-footer .global-footer__menu { display: grid; grid-template-columns: repeat(6, 1fr) } .cmp-global-footer .global-footer__menu-col { margin-top: 0 } } .cmp-global-footer .global-footer__menu-col ul { display: none; list-style: none; margin: 0; padding: 0 } @media(min-width: 721px) { .cmp-global-footer .global-footer__menu-col ul { display: block; margin-top: 4.4rem } } @media(min-width: 1025px) { .cmp-global-footer .global-footer__menu-col ul { display: block; margin-top: 4rem } } .cmp-global-footer .global-footer__menu-col ul li { margin-top: 2rem } @media(min-width: 721px) { .cmp-global-footer .global-footer__menu-col ul li { margin-top: 1.6rem } } @media(min-width: 1025px) { .cmp-global-footer .global-footer__menu-col ul li { margin-top: 2rem } } .cmp-global-footer .global-footer__menu-col ul li a { border-bottom: 1px solid transparent; display: inline; font-weight: 500; line-height: 1.8rem; color: #FFFFFF; text-decoration: none; } @media(min-width: 1025px) { .cmp-global-footer .global-footer__menu-col ul li a { line-height: 1.4rem; letter-spacing: -0.02em; } } .cmp-global-footer .global-footer__menu-col ul li a:hover { color: #fff; border-bottom: 1px solid #fff; } .cmp-global-footer .global-footer__menu-title { color: #fff; position: relative } @media(min-width: 721px) { .cmp-global-footer .global-footer__menu-title { height: 2.2rem } } @media(min-width: 1025px) { .cmp-global-footer .global-footer__menu-title { height: auto } } .cmp-global-footer .global-footer__menu-title span.icon-open { position: absolute; right: 0; transition: all .3s } @media(min-width: 721px) { .cmp-global-footer .global-footer__menu-title span.icon-open { display: none } } @media(max-width: 720px) { .cmp-global-footer .global-footer__menu-title.active { color: #05935b } .cmp-global-footer .global-footer__menu-title.active span.icon-open { transform: rotate(180deg) } } .cmp-global-footer .global-footer__postFooter { margin-top: 8rem } @media(max-width: 720px) { .cmp-global-footer .global-footer__postFooter { display: flex; flex-direction: column; } } @media(min-width: 721px) { .cmp-global-footer .global-footer__postFooter { margin-top: 12rem } } .cmp-global-footer .global-footer__social { grid-column: 1/span 4; } @media(min-width: 721px) { .cmp-global-footer .global-footer__social { display: flex; flex-direction: column; grid-column: 1/span 5; margin-top: 0 } } @media(min-width: 1025px) { .cmp-global-footer .global-footer__social { grid-column: 1/span 4; } } .cmp-global-footer .global-footer__social ul { display: flex; flex-direction: row; gap: 2.4rem; list-style: none; margin-top: 0; padding: 0 } .cmp-global-footer .global-footer__social ul li { display: inline-block } .cmp-global-footer .global-footer__social ul li:first-child { margin-left: 0 } .cmp-global-footer .global-footer__social ul li a { align-items: center; color: #fff; display: flex; height: 2.4rem; justify-content: center; width: 2.4rem } .cmp-global-footer .global-footer__social ul li a:hover { color: #05935b } .cmp-global-footer .global-footer__social ul li a .icon-youtube { font-size: 85% } .cmp-global-footer .global-footer__copyright p { font-size: inherit; color: #818181; margin-bottom: 0 } .cmp-global-footer .global-footer__terms { grid-column: 1/span 4; margin-top: 8rem } @media(min-width: 721px) { .cmp-global-footer .global-footer__terms { grid-column: 7/span 6; align-self: end; justify-self: end; margin-top: 0; } } .cmp-global-footer .global-footer__terms ul { display: flex; flex-direction: column; gap: 2rem; list-style: none; margin: 0; padding: 0 } .cmp-global-footer .global-footer__terms ul li { font-size: inherit; } @media(min-width: 721px) { .cmp-global-footer .global-footer__terms ul { flex-direction: row; flex-wrap: wrap; column-gap: 2rem; row-gap: 0; } .cmp-global-footer .global-footer__terms ul li { display: inline-block } .cmp-global-footer .global-footer__terms ul li:not(:first-child) { margin-top: 0 } } .cmp-global-footer .global-footer__terms ul li a { border-bottom: 1px solid transparent; font-weight: 400; color: #fff; text-decoration: none; } .cmp-global-footer .global-footer__terms ul li a:hover { color: #fff; border-bottom: 1px solid #fff; } .cmp-global-footer .global-footer__country { grid-column: 1/span 4; position: relative; } @media(max-width: 720px) { .cmp-global-footer .global-footer__country { order: 1; margin-top: 2rem; } } @media(min-width: 721px) { .cmp-global-footer .global-footer__country { align-self: end; grid-column: 11/span 2; justify-self: end } } .cmp-global-footer .global-footer__country-title a { align-items: center; color: #fff; display: flex; text-decoration: none; } .cmp-global-footer .global-footer__country-title a:hover { color: #fff; } .cmp-global-footer .global-footer__country-title a .global-footer__country-name { border-bottom: 1px solid transparent; margin: 0 .6rem } .cmp-global-footer .global-footer__country-title.active a .global-footer__country-name { border-bottom: 1px solid #fff } .cmp-global-footer .global-footer__country-title.active a span.icon-open { transform: rotate(180deg) } .cmp-global-footer .global-footer__country-dropdown { background: #fff; border-radius: 2.4rem; display: flex; -ms-flex-direction: column; flex-direction: column; height: 48rem; max-height: 80vh; overflow: hidden; z-index: 2 } @media(max-width: 720px) { .cmp-global-footer .global-footer__country-dropdown { border-bottom-left-radius: 0; border-bottom-right-radius: 0; bottom: 0; left: 0; padding: 5.6vw; position: fixed; right: 0; width: 100% } } @media(min-width: 721px) { .cmp-global-footer .global-footer__country-dropdown { bottom: 4rem; padding: 2rem; position: absolute; right: 0; width: 30rem } } @media(min-width: 1025px) { .cmp-global-footer .global-footer__country-dropdown { width: 35rem } } .cmp-global-footer .global-footer__country-dropdown-header { color: #181818; margin-bottom: 2rem; position: relative; } .cmp-global-footer .global-footer__country-dropdown-close { position: absolute; right: 0; top: 0 } .cmp-global-footer .global-footer__country-dropdown-close span { color: #767676 } .cmp-global-footer .global-footer__country-dropdown-list { overflow-y: scroll } .cmp-global-footer .global-footer__country-dropdown-list ul { list-style: none; margin: 0; padding: 0 } .cmp-global-footer .global-footer__country-dropdown-list ul li:not(:first-child) { margin-top: 1.5rem } .cmp-global-footer .global-footer__country-dropdown-list ul li a { color: #767676; font-weight: 400 } .cmp-global-footer .global-footer__country-dropdown-list ul li a:hover { color: #181818 } @media(max-width: 767px) { .ot-btn-container { margin-bottom: 20px !important; } } </style> <script> $(".region-select-list li[data-id=" + DEF_locale + "]").hide(); var user_locale = $.cookie("user_locale"); if(user_locale == "JP" || user_locale == "BR" || user_locale == "KR" || user_locale == "MX" || user_locale == "ES" || user_locale == "IT" || user_locale == "HK" || user_locale == "CAF" || user_locale == "CN" || user_locale == "FR" || user_locale == "DE") { $.cookie("user_locale", DEF_locale, { path: '/', expires: 30 }); $(".region-select-list li[data-id=" + DEF_locale + "]").show(); } 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' }); $(".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=" + DEF_locale + "]").show(); $(".region-select-list li[data-id=" + curRegion + "]").hide(); } else{ $(".region-select-list li[data-id=" + DEF_locale + "]").hide(); } var newPnPUrl = 'https://pricing.webex.com/'; var newPnPCountry = curRegion; newPnPCountry = newPnPCountry && newPnPCountry.trim().toLowerCase(); const realPnPCountries = ['au', 'ca', 'in', 'ua', 'gb', 'us']; if (newPnPCountry) { if ($.inArray(newPnPCountry, realPnPCountries) != -1) { newPnPUrl = newPnPUrl + newPnPCountry + '/en/'; } else { newPnPUrl = newPnPUrl + 'us/en/'; } $('a[href="https://pricing.webex.com/us/en/hybrid-work/meetings/?utm_medium=website&utm_source=wdc&utm_campaign=n/a&utm_content=navigation&team=wdc"]').attr('href', newPnPUrl); $('a[data-click-id^="plans-pricing-"]').attr('href', newPnPUrl); $('a[href="https://pricing.webex.com/us/en"]').attr('href', newPnPUrl); } }, 500); $(function () { $('.this_year').text(new Date().getFullYear()); }); // footer menu dropdown on mobile size let isSmallSize = $(window).width() <= 720; $('.global-footer__menu-title').on('click', function () { if(isSmallSize) { $(this).toggleClass('active'); $(this).siblings('ul').slideToggle('300'); } }) $(window).resize(function () { let isSmallSizeNew = $(window).width() <= 720; if(isSmallSize && !isSmallSizeNew) { $('.global-footer__menu-title').removeClass('active'); $('.global-footer__menu-title').siblings('ul').removeAttr('style', ''); } isSmallSize = isSmallSizeNew; }); function displayConsentManager() { if (typeof Optanon !== "undefined" && typeof Optanon.ToggleInfoDisplay === "function") { Optanon.ToggleInfoDisplay(); } } </script> <!-- Global footer ends here --> <!-- Cookies popup fix --> <style> @media only screen and (max-width: 599px) { #onetrust-pc-sdk a { float: none; } } </style> <!-- cookies popup fix end --></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> <!-- TTD Universal Pixel Code Starts Here <script src="https://js.adsrvr.org/up_loader.1.1.0.js" type="text/javascript"></script> <script type="text/javascript"> ttd_dom_ready( function() { if (typeof TTDUniversalPixelApi === 'function') { var universalPixelApi = new TTDUniversalPixelApi(); universalPixelApi.init("rbfj1cm", ["qfneguz"], "https://insight.adsrvr.org/track/up"); } }); </script> --> <!-- Linkedin Insights Pixel Code Starts Here --> <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> <!-- Linkedin Insights Pixel Code Ends Here --> </div> </div> </div> </div> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10