.quick-connect-links-wrap>span{background:#088e45}.zpop-from{width:100%;position:fixed;height:100vh;top:0;background-color:white;z-index:0;opacity:0;visibility:hidden;transition:opacity .5s}.zpop-from.active{opacity:1;visibility:visible;z-index:9999}.zpop-from .content-wrap{max-width:1170px}.zw-product-header{display:none}.zpop-from iframe{width:100%;height:95vh;margin-top:20px;overflow:scroll}.zpop-from span{position:absolute;width:30px;height:30px;transform:rotate(45deg);right:20px;top:20px;display:inline-block;cursor:pointer;z-index:99}.zpop-from span:after,.zpop-from span:before{position:absolute;content:"";height:100%;left:30px;border:1px solid #bbb6b6;left:14px;top:0}.zpop-from span:after{transform:rotate(90deg)}#block-panels-mini-product-menu,#zans h2 img{display:none}.lp-container .zbanner h1{font-family:'Noto Serif';font-weight:700;font-style:normal}.lp-container h2{font-family:var(--zf-primary-bold)}.lp-container .zbanner h1{display:inline-block;position:relative;padding-right:20px;min-height:74px;margin-top:10px}.lp-container .zbanner h1:before{content:"!";position:absolute;right:0}.lp-container .zbanner h1:before,.lp-container h1{font-size:60px}.content-wrap.zbanner{max-width:1100px;padding:50px 0 50px}.content-wrap.zbanner>div{width:50%;display:inline-block;vertical-align:top}.zbanner .pull-left{float:unset;margin-top:40px}.zbanner .pull-left *{transform:scale(1.02)}.menu-icon-help-header>a img{width:44px}.zbanner .pull-left>a{margin:0 auto 0;background-size:960px auto;background-position:-320px 0;overflow:hidden;display:inline-block;vertical-align:middle}.zbanner .pull-left .product-title a{font-size:24px;padding-left:6px}.menu-icon-help-header .product-title{margin-left:0}.content-wrap.zbanner>div:first-child{text-align:left}.content-wrap.zbanner,.features-list>p,.features-list>div{text-align:center}.features-list>p{max-width:900px;margin:auto;width:90%}.content-wrap.zbanner p,.features-list>p{font-size:22px}p.from-left{font-size:20px}.content-wrap.zbanner>div:first-child p{padding-right:50px}.content-wrap.zbanner>div:nth-child(2) img{max-width:490px;width:100%}.content-wrap.zbanner>div:nth-child(2){text-align:right}.features-list{max-width:1500px;overflow:unset !important;text-align:center;width:100%}#zque li{max-width:260px;display:inline-block;margin:10px;background-color:#fff;min-height:253px;position:relative;text-align:center;cursor:pointer;margin-top:50px;width:calc(22% - 50px);box-shadow:0 0 43px rgba(93,93,93,0.15);cursor:pointer}#zque li:hover{transition:box-shadow .5s}#zque li>span{width:100%;min-height:252px;display:block}#zque li>span>span{display:inline-block}#zque li:after,#zque li:before,#zque li>span:after,#zque li>span:before{content:"";position:absolute}#zque li:after,#zque li:before{width:0;height:1px}#zque li:after{left:0}#zque li:before{right:0}#zque li>span:after,#zque li>span:before{width:1px;height:0}#zque li>span:before{left:0}#zque li>span:after{right:0;bottom:0}#zque li:hover:after,#zque li:hover:before{width:100%;transition:width .5s linear}#zque li:hover>span:after{transition-delay:.2s !important}#zque li:hover>span:before{transition-delay:.2s !important}#zque li:hover>span:after,#zque li:hover>span:before{height:100%;transition:height .5s linear}#zque li:after,#zque li:before,#zque li>span:after,#zque li>span:before{background-color:#099047}#zque{display:inline-block;text-align:center;width:100%;margin:auto}#zque li>span>span{max-width:140px;position:absolute;z-index:1;bottom:-37px;left:0;transform:scale(0.8)}#zque li:hover>span>span{-webkit-filter:grayscale(0);filter:grayscale(0)}#zque li[data-id=zwhy]>span>span{bottom:-35px}#zque li[data-id=zwhere]>span>span{bottom:-35px}#zque li p{font-family:var(--zf-primary-bold);transform:translateY(-38%);display:block;font-size:22px;padding:0 20px;position:absolute;left:0;right:0;margin:auto;top:50%;bottom:0}#zque li:last-child p{transform:translateY(-55%)}#zque li p span{display:block}#zans{position:relative;margin-top:140px}#zsticky-menu{position:absolute;left:16%;top:10px;opacity:0;transition:opacity .5s}#zsticky-menu.fixed{position:fixed;top:90px;opacity:1;transition:opacity .5s;z-index:9}#zsticky-menu.attach{position:absolute;top:unset;bottom:110px;opacity:1}#zhow ul li,#zsticky-menu ul li,.ul-wrap ul li{position:relative}#zsticky-menu ul li{padding:4px 4px 15px 0;font-size:20px;cursor:pointer}#zsticky-menu ul li img{height:32px}#zsticky-menu ul li:before,#zsticky-menu ul li:after,#zhow ul li:before,#zhow ul li:after,.ul-wrap ul li a:before{content:"";position:absolute}#zsticky-menu ul li:before,#zsticky-menu ul li:after{border-radius:50%;display:inline-block;display:none}#zsticky-menu ul li.active,#zwhich .ul-wrap ul li,#zsticky-menu ul li:hover{font-family:var(--zf-primary-semibold)}#zsticky-menu ul li.active:before{width:14px;height:14px;border:1px solid #058c44;left:-2px;top:12px}#zsticky-menu ul li.active:after{background-color:#058c44}#zsticky-menu ul li.active,#zsticky-menu ul li:hover{color:#058c44}.ul-wrap.session span{padding:6px 18px;border:1px solid #000;color:#000;display:inline-block}.ul-wrap.session span,#zans .ul-wrap.session li a{display:inline-block;color:black}.ul-wrap.session li:hover p a{color:#068c44 !important;display:inline !important;border-bottom:1px solid #068c44}.ul-wrap.session div{max-width:202px;margin-top:20px}#zans .ul-wrap.session div p{font-size:20px;line-height:1.5;color:#000;display:inline;font-family:var(--zf-primary-semibold)}#zans .ul-wrap.session li a:hover div p{color:green;border-bottom:1px solid green}.ul-wrap.session li:hover a span{border:1px solid green;font-weight:700}#zans h2{margin-bottom:30px;font-size:40px}#zans p{line-height:1.8;font-size:18px}#zsticky-menu ul li:after{background-color:black;width:6px;height:6px;top:17px;left:3px;border:unset}.footer-wrapper,#zans section{position:relative;overflow:hidden}.footer-wrapper{z-index:120}.footer-wrapper{background-color:white}#zans section>div{width:90%;max-width:1600px;margin:auto}#zans section.fixed>div{position:fixed;top:140px;right:0;left:0}#zans section .content-wrap>div{max-width:640px;margin-left:300px;margin-bottom:100px;margin:0 auto 100px}#zhow ul li{padding:6px 0 6px 30px}#zhow ul li:after{width:15px;height:15px;border:1px solid #084413;left:0;top:14px;border-radius:50%}#zhow ul li:before{width:4px;height:8px;border:1px solid #084413;border-left:unset;border-top:unset;left:6.2px;transform:rotate(45deg);top:17px}.ul-wrap{width:100%;margin-top:20px;display:inline-block}.ul-wrap ul{width:50%;float:left}#zwhich .ul-wrap ul li{padding:0 10px 25px 0;transform:translateX(-50px);opacity:0;font-size:20px}#zwhich .ul-wrap ul li:last-child{padding-bottom:0}#zwhich .sublinks .ul-wrap ul li{transform:translateX(0);opacity:1;font-size:20px;cursor:pointer;transition:all .5s}#zwhich.sublinks .ul-wrap ul li{transform:translateX(0);opacity:1;transition:all .5s;cursor:pointer}#zwhich .ul-wrap ul li a{color:black;position:relative;padding-left:40px}#zwhich.sublinks .ul-wrap ul li a:hover{color:#068c44;text-decoration-color:#068c44}#zwhich.sublinks .ul-wrap ul li a:hover:after{content:"";position:absolute;border-bottom:1px solid #008001;height:0;bottom:-2px;width:calc(100% - 40px);left:40px}.ul-wrap ul li a:before{width:32px;height:30px;left:0}#zwhich .ul-wrap ul li a:before{background-image:url(//www.zohowebstatic.com/sites/zweb/images/desk/trial-room-icon-sprite.png);background-size:290px 32px;background-position:8px 0}#zwhich .ul-wrap ul .zia-icon a:before{background-position:-30px 0}#zwhich .ul-wrap ul .self-icon a:before{background-position:-66px 0}#zwhich .ul-wrap ul .agent-icon a:before{background-position:-120px 0;background-size:360px 32px}#zwhich .ul-wrap ul .automation-icon a:before{background-position:-126px 0}#zwhich .ul-wrap ul .extensibility-icon a:before{background-position:-157px 0}#zwhich .ul-wrap ul .insights-icon a:before{background-position:-191px 0}#zwhich .ul-wrap ul .customization-icon a:before{background-position:-222px 0}#zwhich .ul-wrap ul .security-icon a:before{background-position:-260px 0;background-size:300px 32px}#zwhich.sublinks ul li.tickt-icon,#zwhat.sublinks ul li:nth-child(2){transition-delay:.2s}#zwhich.sublinks ul li.zia-icon,#zwhat.sublinks ul li:nth-child(3){transition-delay:.4s}#zwhich.sublinks ul li.self-icon{transition-delay:.6s}#zwhich.sublinks ul li.agent-icon{transition-delay:.8s}#zwhich.sublinks ul li.automation-icon{transition-delay:1s}#zwhich.sublinks ul li.extensibility-icon{transition-delay:1.2s}#zwhich.sublinks ul li.insights-icon{transition-delay:1.4s}#zwhich.sublinks ul li.customization-icon{transition-delay:1.6s}#zwhich.sublinks ul li.security-icon{transition-delay:1.8s}#zwhat ul{margin-top:20px;width:120%;display:inline-block}#zwhat ul li{width:42%;max-width:200px;margin-right:30px;display:inline-grid;transform:translateY(50px);opacity:0;transition:all .5s}#zwhat.sublinks ul li{transform:translateY(0);opacity:1}#zwhat ul li span img{max-width:100%}#zwhat ul li img{max-width:200px}#zwhat ul li>div{font-size:14px;display:none}#zwhat ul li>div>span{width:50%;display:inline-block}#zwhat ul li>div>span:nth-child(2){text-align:right}#zwhat ul li p{line-height:1.8;margin-top:18px;overflow:hidden}#zwhat ul li p a{color:#000;font-size:20px;line-height:1.3;font-weight:700}#zwhat ul li p a:hover,#zwhat ul li:hover p a{color:#099047 !important}#zwhat ul li:hover p a:hover,#zwhat ul li:hover p a{border-bottom:1px solid #099047}.zfooter.bg-green{background-color:#cbf7e0}.zfooter.bg-green .content-wrap{max-width:750px;text-align:center;padding:90px 0 70px}.zfooter.bg-green .content-wrap a{background-color:#f3364c;color:white;padding:10px 40px;display:inline-block;font-size:20px;font-weight:bold}.zfooter.bg-green .content-wrap h2{font-size:42px}.zfooter.bg-green .content-wrap p{max-width:680px;margin:26px auto 25px}@media only screen and (max-width:1260px) and (min-width:992px){.features-list{max-width:90%}#zque li{width:90%}}@media only screen and (max-width:1300px) and (min-width:1100px){#zsticky-menu.fixed{left:10%}}@media only screen and (max-width:1200px) and (min-width:992px){#zque li{max-width:200px}}@media only screen and (max-width:1100px) and (min-width:992px){#zans section .content-wrap>div{margin-left:200px}#zsticky-menu{left:10%}}@media only screen and (max-width:991px) and (min-width:768px){.zbanner .pull-left *{transform:scale(1);vertical-align:middle}#zque li p,#zque li:last-child p{padding:0 18px}#zans section .content-wrap>div{margin-left:160px}#zsticky-menu{left:10%}.content-wrap.zbanner p{padding-right:unset}#zwhat ul li{max-width:180px}#zwhat ul li img{max-width:170px}.content-wrap.zbanner p,.features-list>p{font-size:20px}.features-list{max-width:100%}#zque li{width:33.3%;max-width:220px}}@media only screen and (max-width:767px) and (min-width:550px){#zque li{width:33.3%;max-width:220px}}@media only screen and (max-width:551px) and (min-width:420px){#zque li{width:40%;max-width:220px}}@media only screen and (max-width:421px){#zque li{width:100%;max-width:240px}}@media only screen and (max-width:992px){.content-wrap.zbanner>div:first-child,.content-wrap.zbanner>div{display:block;width:90%;max-width:580px;text-align:center;margin:auto}.content-wrap.zbanner{padding-top:40px;padding-bottom:30px}.content-wrap.zbanner>div:first-child p{padding-right:unset}.zbanner .pull-left .product-title a{padding:0;margin:0;background:unset}.zpop-from .content-wrap{width:98%}.zpop-from>span{top:32px}}@media only screen and (max-width:767px){.zw-product-header{display:flex !important}.menu-icon-help-header{display:none !important}.content-wrap.zbanner p,.features-list>p{font-size:20px}.zbanner .pull-left *{transform:scale(1);vertical-align:middle;width:38px}.zbanner .pull-left>div{width:54px}#zque,.mobile-hide{display:none}#zans{margin-top:80px}.zbanner .pull-left{margin-top:0}#zwhat ul li p{margin-top:10px}#zwhat ul li p a{font-size:18px}.ul-wrap.session div{margin-top:10px}.zbanner .pull-left>a{background-size:900px auto;background-position:-305px 0}.content-wrap.zbanner{padding-bottom:30px}#zsticky-menu{display:none}#zwhich .ul-wrap ul li,#zwhat ul li{opacity:1;transform:translate(0)}.ul-wrap ul li a{color:#000;display:inline !important}.ul-wrap ul li a:hover{color:#4a9c6b}#zwhich .ul-wrap ul:not(:last-child){margin-bottom:20px}#zans .ul-wrap.session li a:hover div p,#zwhat ul li:hover p a:hover,#zwhat ul li:hover p a{border-bottom:unset}#zwhere .ul-wrap ul:not(:last-child){margin-bottom:30px}#zans section .content-wrap>div{width:100%;max-width:640px;margin:0 auto 80px}#zwhat ul{max-width:100%;margin-top:0}#zwhat ul li{margin-top:20px;margin-right:20px}#zans h2{font-size:29px;padding-left:60px}#zans h2 img{display:block;max-width:42px;position:absolute;left:0;top:12px}#zans #zwhy h2 img,#zans #zhow h2 img{top:4px}.zfooter.bg-green .content-wrap{max-width:680px;padding:60px 0 50px}}@media only screen and (max-width:480px){.ul-wrap ul{width:100%}.lp-container .zbanner h1:before,.lp-container h1{font-size:40px}.lp-container .zbanner h1{padding-right:20px;min-height:50px}.zfooter.bg-green .content-wrap h2{font-size:32px}.ul-wrap.session ul{width:49%;float:left}.ul-wrap.session ul:not(:last-child){margin-right:2%}#zans .ul-wrap.session div p{display:inline;border-bottom:1px solid #d4cdcd}}@keyframes blink{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@media only screen and (max-width:400px){#zwhat ul li{width:90%}#zans h2{font-size:26px;padding-left:50px}#zans p,#zhow ul li{font-size:18px !important}.content-wrap.zbanner p,.features-list>p{font-size:18px}}span.sound-effect em{display:inline-block;border-right:3px solid #65c98f;border-radius:60%;position:absolute;opacity:0}span.sound-effect em:nth-child(1){width:22px;height:22px;left:0;top:5px}span.sound-effect em:nth-child(2){width:25px;height:26px;left:6px;top:3px}span.sound-effect em:nth-child(3){width:30px;height:30px;left:11px}span.sound-effect{width:40px;height:40px;position:absolute;left:70px;top:8px;transform:rotate(-32deg)}#zque li:hover span.sound-effect em{animation:speakerEffect 1.5s cubic-bezier(0.57,0.18,0.31,0.96) 2;opacity:1;transition:opacity .5s}@keyframes speakerEffect{0%{opacity:0}50%{opacity:1}100%{opacity:0}}#zque li[data-id=zhow]:hover img{animation:rotation 6s linear}@keyframes rotation{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}span.eye-blick{width:77px;height:20px;display:inline-block;position:absolute;bottom:24px;left:15px;transform:rotate(-31deg)}em.eye-layer{width:26px;height:17px;display:inline-block;border-radius:100%;overflow:hidden;position:absolute;bottom:5px;opacity:0}em.eye-layer:nth-child(1){left:0}em.eye-layer:nth-child(2){right:-2px}em.eye-inner{width:11px;height:11px;display:inline-block;background-color:#656565;border-radius:100%;position:absolute;bottom:0;left:9px}em.eye-layer:nth-child(2) em.eye-inner{left:6px}#zque li[data-id=zwhich]:hover em.eye-inner{background-color:#656565}#zque li[data-id=zwhich]:hover em.eye-layer{animation:eyeblink 1s cubic-bezier(0.4,0,1,1) 2;opacity:1}@keyframes eyeblink{0%{height:17px}50%{height:0}100%{height:17px}}#zque li[data-id=zwhere]:hover img{animation:move 2s cubic-bezier(0.4,0,1,1) 2;animation-direction:alternate}@keyframes move{0%{transform-origin:0 100%;transform:perspective(800px) rotateZ(0) rotateY(0)}50%{transform-origin:0 100%;transform:perspective(600px) rotateZ(0) rotateY(15deg)}0%{transform-origin:0 100%;transform:perspective(800px) rotateZ(0) rotateY(0)}}#zque li[data-id=zwhat]>span>span>span{width:37px;height:53px;display:inline-block;position:absolute;background-color:#59c788;top:12px;right:24px;transform:rotate(-25deg)}#zque li[data-id=zwhat]:hover>span>span>span{opacity:0;transition:opacity .5s}div#zsticky-menu-top{position:fixed;top:-50px;left:0;right:0;margin:auto;width:100%;text-align:center;z-index:999;background-color:white;opacity:0;transition:all .2s}div#zsticky-menu-top.fixed{top:0;opacity:1}div#zsticky-menu-top ul,div#zsticky-menu-top ul li span,#zsticky-menu ul li>span{display:inline-block;vertical-align:middle}div#zsticky-menu-top ul li span,#zsticky-menu ul li>span{padding-right:14px}div#zsticky-menu-top ul li{display:inline-block;width:166px;font-size:20px;margin:6px 0 8px;padding:10px 18px 0;background-color:white;position:relative;cursor:pointer}div#zsticky-menu-top ul li.active{font-family:var(--zf-primary-bold);color:#058c44}div#zsticky-menu-top{box-shadow:0 0 36px rgba(0,0,0,0.1)}div#zsticky-menu-top ul li:after{content:"";position:absolute;width:2px;height:30px;border-right:2px solid #dfdfdf;right:0;top:0;bottom:0;margin:auto}div#zsticky-menu-top ul li:last-child:after{border-right:unset}div#zsticky-menu-top ul li img,#zsticky-menu ul li img{width:auto;height:36px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}div#zsticky-menu-top ul li:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}div#zsticky-menu-top ul li.active img,#zsticky-menu ul li.active img,#zsticky-menu ul li:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}