.wrapper{position:relative}.main-banner-wrap{overflow:hidden}.mobile-app-wrap.bottom-sec{padding:90px 0 0}.mobile-app-wrap .content-wrap div.bottom-vid{position:relative;width:100%}.feat-vid{display:none}.feat-vid.active{display:block}.main-container-wrapper{position:relative}.image-container{position:relative}.banner-section .image-container{position:relative}.fill-icon.color1{border:1px solid #795548;display:none}.fill-icon.color2{border:1px solid #f28626}.fill-icon.color3{border:1px solid #ff668e}.fill-icon.color4{border:1px solid #3cab76}.fill-icon.color5{border:1px solid #2f76b9}.fill-icon.color6{border:1px solid #ee7f13}.fill-icon{width:6px;height:6px;display:inline-block;border-radius:50%;position:absolute}.custom-icon-circle{position:absolute;height:60px;width:60px;border-radius:50%;background:#fff}.custom-icon-circle.icon1{top:100px;left:-102px}.custom-icon-circle.icon2{top:150px;border-color:#00a7f8;right:-100px}.custom-icon-circle.icon3{top:150px;border-color:#00a7f8;left:77px}.custom-icon-circle.icon4{bottom:230px;border-color:#00a7f8;right:70px}.custom-icon-circle.icon3:after{background-position:-110px}.custom-icon-circle.icon4:after{background-position:-165px}.custom-icon-circle:after{position:absolute;left:0;top:0;height:54px;width:54px;content:'';display:inline-block;background:url(http://www.zohowebstatic.com/sites/zweb/images/social/social-mobile-sprite.png) no-repeat;background-size:230px}.custom-icon-circle.icon1:after{background-position:0 0}.custom-icon-circle.icon2:after{background-position:-55px}.share .fill-icon,.manage-data .fill-icon{background:#fff}.fill-icon.noradius{border-radius:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.banner-fill .fill-icon:first-child{left:-50px;top:40px}.banner-fill .fill-icon:nth-child(2){left:-60px;bottom:120px;width:10px;height:10px}.banner-fill .fill-icon:nth-child(3){left:-90px;top:300px}.banner-fill .fill-icon:nth-child(4){right:-30px;top:70px}.banner-fill .fill-icon:nth-child(5){right:-70px;top:321px;width:8px;height:8px}.banner-fill .fill-icon:nth-child(6){right:-40px;top:500px;width:5px;height:5px}.apps-download-links-wrap{margin-bottom:30px}.apps-download-links-wrap a:first-child{margin-left:0}.apps-download-links-wrap a{display:inline-block;text-indent:-999em;height:43px;margin:10px;background:url(//www.zohowebstatic.com/sites/zweb/images/mobile-apps-sprite.png) no-repeat left top;background-size:auto 170px}.apps-download-links-wrap a.app-store{width:131px;background-position:0 0}.apps-download-links-wrap a.g-play{width:147px;background-position:-139px 0}.zp-mobile-apps-wrap.banner .apps-download-links-wrap{margin-bottom:0;margin-top:12px}.banner-wrap{width:90%;padding-bottom:90px;margin:60px auto 0;display:inline-block}.main-banner-wrap .content-wrap{max-width:1170px}.banner-cont{padding:120px 0 0}.banner-img,.banner-cont{display:inline-block;width:49%;vertical-align:top}.banner-cont{float:left}.banner-img{float:right;text-align:right;max-width:320px}.banner-img img{max-width:320px;margin:0 auto;display:block}.banner-cont p span{display:block}.mobile-app-wrap{overflow:hidden;padding:100px 0 170px}.mobile-app-wrap .content-wrap{display:flex;max-WIDTH:1070PX;align-items:center}.mobile-app-wrap .content-wrap div{width:60%;display:inline-block;float:left;max-width:1100px}.mobile-app-wrap .content-wrap div.text-wrap{width:40%;margin-left:60px}.mobile-app-wrap .content-wrap div.text-wrap.knock-knock,.mobile-app-wrap .content-wrap div.text-wrap.audio-call{width:40%;margin-left:0}.mobile-app-wrap .content-wrap div.text-wrap h2{font-size:30px}.mobile-app-wrap .image-wrap{position:relative}.mobile-app-wrap .image-wrap img{max-width:320px;width:100%;margin:0 auto;display:block}.text-wrap span{width:48px;height:53px;display:block;background:url(//www.zohowebstatic.com/sites/zweb/images/mobile-apps-sprite.png) no-repeat 0 -65px;background-size:auto 200px;margin:0 0 20px}.mobile-apps-wrapper{padding:60px 0 120px;background:#f2f9ff}.mobile-apps-wrapper h2{text-align:center}.mobile-apps-wrapper p{margin:0 auto;max-width:600px;text-align:center}.apps-feature-wrap p{text-align:left}.apps-feature-wrap{max-width:1350px;width:95%;height:670px;margin:50px auto 0;position:relative}.apps-feature-wrap ul li{max-width:310px;width:100%;position:absolute;padding:30px 30px 30px 30px;cursor:pointer;border-radius:5px;box-sizing:content-box}.apps-feature-wrap ul li:after{content:'';position:absolute;width:180px;height:60px;top:70%;background-image:url(//www.zohowebstatic.com/sites/zweb/images/social/social-mob-arrow-flip.png);background-size:100%;background-repeat:no-repeat;background-position:top;transform-origin:right center;display:none}.apps-feature-wrap ul li:nth-child(even):after{top:50%}.apps-feature-wrap ul li.active:after{display:block}.apps-feature-wrap ul li:nth-child(1).active:after{right:-70px;transform:rotateZ(-6deg);top:90%}.apps-feature-wrap ul li:nth-child(2).active:after{left:-360px;transform:rotateZ(0) scale(-1)}.apps-feature-wrap ul li:nth-child(3).active:after{right:-70px;top:100%;transform:rotateZ(-360deg) scale(1)}.apps-feature-wrap ul li:nth-child(4).active:after{left:-357px;transform:rotateZ(176deg)}.apps-feature-wrap ul li:nth-child(1):before{width:40px;background-position:-62px -57px}.apps-feature-wrap ul li:nth-child(2):before{width:43px;background-position:-104px -58px}.apps-feature-wrap ul li:nth-child(3):before{background-position:-153px -57px;height:45px;width:39px}.apps-feature-wrap ul li:nth-child(4):before{background-position:-199px -57px;height:45px}.apps-feature-wrap ul li.active{box-shadow:-3px 5px 14px rgba(0,0,0,0.15);background:#fff}.apps-feature-wrap ul li:nth-child(1){left:0;top:60px}.apps-feature-wrap ul li:nth-child(2){right:0;top:60px}.apps-feature-wrap ul li:nth-child(3){left:0;bottom:160px}.apps-feature-wrap ul li:nth-child(4){right:0;bottom:160px}.apps-feature-wrap ul li{box-shadow:0 0 0 rgba(0,0,0,0.5)}.apps-feature-figure{position:absolute;height:625px;max-width:320px;width:100%;left:50%;top:0;transform:translate(-50%,0)}.apps-feature-figure img{display:none}.apps-feature-figure img.active{display:block}.arrows-wrap{position:absolute;left:50%;bottom:-70px;transform:translateX(-50%)}.arrows-wrap a{display:inline-block;width:100px;height:60px;background-image:url(//www.zohowebstatic.com/sites/zweb/images/mobile-apps-sprite.png);background-repeat:no-repeat;background-size:auto 160px;cursor:pointer}.arrows-wrap a.left{background-position:-195px -95px}.arrows-wrap a.left.disable{background-position:-3px -95px}.arrows-wrap a.right{background-position:-288px -95px}.arrows-wrap a.right.disable{background-position:-96px -95px}.mobs-apps-feature-wrap{width:90%;margin:0 auto;display:none}.mobs-apps-feature-wrap li{display:flex;align-items:center;justify-content:space-between}.mobs-apps-feature-wrap li div{width:70%;padding:35px;box-shadow:-3px 5px 14px rgba(0,0,0,0.15);position:relative;box-sizing:border-box;background:#fff}.mobs-apps-feature-wrap li div:after{content:'';position:absolute;width:180px;height:60px;top:55%;background-image:url(//www.zohowebstatic.com/sites/zweb/images/social/active-line.png);background-size:100%;background-repeat:no-repeat;background-position:top;transform-origin:right center}.mobs-apps-feature-wrap li:nth-child(odd) div:after{left:0;transform:rotateZ(-0deg) scale(-1);transform-origin:left center}.mobs-apps-feature-wrap li:nth-child(even) div:after{right:-180px}.mobs-apps-feature-wrap li:nth-child(1) div:before{width:40px;background-position:-62px -57px}.mobs-apps-feature-wrap li:nth-child(2) div:before{width:43px;background-position:-104px -58px}.mobs-apps-feature-wrap li:nth-child(3) div:before{background-position:-153px -57px;height:45px;width:39px}.mobs-apps-feature-wrap li:nth-child(4) div:before{background-position:-199px -57px;height:45px}.mobs-apps-feature-wrap li:nth-child(odd) p{text-align:left}.mobs-apps-feature-wrap li p{text-align:center}.mobs-apps-feature-wrap li div p{text-align:left}.mobs-apps-feature-wrap li:nth-child(even) p{text-align:right}.mobs-apps-feature-wrap li:nth-child(even) div p{text-align:left}.mobs-apps-feature-wrap li img{width:70%}.footer-cont{text-align:center;margin:80px 0 100px}.mob-active-para{display:none}.mobile-app-wrap .image-wrap.single-img img{max-width:320px}.mobile-app-wrap video,.apps-feature-wrap video{max-width:323px}.image-wrap{text-align:right}.image-wrap.single-img{text-align:center}.text-wrap.knock-knock span{background:url(//www.zohowebstatic.com/sites/zweb/images/mobile-apps-sprite.png) no-repeat -260px -65px;background-size:auto 200px}.text-wrap.audio-call span{height:60px;background:url(//www.zohowebstatic.com/sites/zweb/images/mobile-apps-sprite.png) no-repeat -325px -60px;background-size:auto 200px}.mobile-app-wrap{padding:90px 0}.mobile-app-wrap.bottom{padding:90px 0 30px}.mobile-app-wrap.custom-bg{background:#f2f9ff}.mobile-app-wrap .content-wrap .text-wrap-full{width:100%;max-width:650px;margin:0 auto;text-align:center}.mobile-app-wrap .content-wrap .text-wrap-full p{max-width:500px;margin:40px auto 60px}.mobile-app-wrap .content-wrap .text-wrap-full img{max-width:320px}.image-wrap.post-img{position:relative}.popup-box{display:table;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:25px 30px;min-width:300px;text-align:center;border-radius:10px;opacity:0;transition:opacity 1s linear;transition-delay:1s}.animated .popup-box{opacity:1}span.popup-box:before{content:'';position:absolute;top:15px;left:5%;width:90%;height:100%;background:#bfe9f5;z-index:-3;border-radius:10px;opacity:.8}span.popup-box:after{content:'';background:#fff;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;border-radius:10px}span.popup-box span{display:inline-block;width:50%;font-family:var(--zf-primary-bold)}span.popup-box span:nth-child(1){width:70%;text-align:left}span.popup-box span:nth-child(2){width:20%}span.popup-box span:nth-child(2){background:#00c352;color:white;border-radius:10px;padding:5px;box-sizing:border-box}.i18n-vi .apps-feature-wrap ul li{max-width:320px}@media only screen and (max-width:1400px){.apps-feature-wrap ul li{max-width:300px}}@media only screen and (min-width:1200px){.other-lang:not(.i18n-ar):not(.i18n-it):not(.i18n-th) .apps-feature-wrap{height:765px}}@media only screen and (max-width:1200px){.main-container-wrapper:before{height:740px}.apps-feature-wrap{display:none}.mobs-apps-feature-wrap{display:block;max-width:900px}.footer-cont{text-align:center;margin:80px auto}.mobile-app-wrap{padding:100px 0}.mobs-apps-feature-wrap li:nth-child(4) div{width:50%}.feat-vid{display:block;max-width:90%;margin-right:0;margin-left:auto;display:block}.mobs-apps-feature-wrap li:last-child:nth-child(even) p{margin-right:0}}@media screen and (min-width:991px){.mobile-screen-wrap video,.mobile-app-wrap .image-wrap img,.bottom-vid video{transform:translateY(40px);transition:all 500ms linear}.mobile-screen-wrap .animated video,.mobile-app-wrap .animated .image-wrap img,.animated .bottom-vid video{transform:translateY(0);transition:all 500ms linear}}@media only screen and (max-width:991px){.mobile-app-wrap .content-wrap div.text-wrap.knock-knock,.mobile-app-wrap .content-wrap div.text-wrap.audio-call{width:100%}.banner-img img,.mobile-app-wrap .image-wrap.single-img img{max-width:85%}.banner-wrap{width:100%}.banner-cont{padding:0}.footer-cont{margin:100px auto;width:90%}.mobile-app-wrap .content-wrap{flex-direction:column}.mobile-app-wrap .content-wrap div{max-width:580px;width:100%;display:block;text-align:center;margin:0 auto;position:static}.mobile-app-wrap .content-wrap div.text-wrap{width:100%}.banner-img img{width:85%}.image-wrap{order:1}.banner-img,.banner-cont{width:100%;text-align:center;display:block;margin:0 auto;float:none}.banner-cont{max-width:500px;margin:0 auto;display:block}.text-wrap span{margin:0 auto 20px}.banner-cont{padding:0}.mobile-app-wrap .content-wrap div.text-wrap{width:100%;margin:0 auto !important}}@media only screen and (max-width:767px){.feat-mob{width:65%}h2{margin-bottom:30px}.mobile-app-wrap .image-wrap img,.mobile-app-wrap video,.apps-feature-wrap video{max-width:310px}.custom-icon-circle:after{display:none}.fill-icon{display:none}.mobile-apps-wrapper{padding:60px 0 10px}.mobile-app-wrap{padding:60px 0}.mob-active-para{display:block;text-align:center;margin:20px 0 0}.mob-none-para{display:none}.main-container-wrapper:before{height:15%}.mobs-apps-feature-wrap li img{width:65%;margin:0 auto}.mobs-apps-feature-wrap li div{width:100%;order:1;margin:40px}.mobs-apps-feature-wrap li p{text-align:center !important}.mobs-apps-feature-wrap li div p{text-align:left !important}.mobs-apps-feature-wrap li{flex-direction:column;margin:0 auto 50px;width:90%}.mobs-apps-feature-wrap li p{order:2}.mobs-apps-feature-wrap li:nth-child(even) p{text-align:left}.mobs-apps-feature-wrap li:nth-child(odd) div:after{left:initial;transform:rotateZ(-0deg) scale(-1);transform-origin:bottom center}.mobs-apps-feature-wrap li:nth-child(even) div:after{right:initial}.mobs-apps-feature-wrap li:nth-child(1) div:after{top:initial;bottom:-73px;transform:rotateY(180deg) rotateX(0) rotateZ(105deg) scaleX(1);transform-origin:bottom center}.mobs-apps-feature-wrap li:nth-child(2) div:after{top:initial;bottom:-103px;transform:rotateZ(-130deg) scale(-1);transform-origin:bottom center}.mobs-apps-feature-wrap li:nth-child(3) div:after{top:initial;bottom:-73px;transform:rotateY(180deg) rotateX(0) rotateZ(105deg) scaleX(1);transform-origin:bottom center}.mobs-apps-feature-wrap li:nth-child(4) div:after{top:initial;bottom:-103px;transform:rotateZ(56deg);transform-origin:bottom center}.footer-cont{margin:40px auto 80px;width:90%}.mobs-apps-feature-wrap li:nth-child(4) div{width:100%}.feat-vid{margin-left:0;margin-right:0;max-width:100%}.mobs-apps-feature-wrap li:last-child:nth-child(even) p{margin-right:auto}}@media only screen and (max-width:480px){.mobs-apps-feature-wrap li img{width:100%;margin:0 auto}.text-wrap-full.audio-call h2{padding:0 20px}.feat-mob{width:100%}}.i18n-ar .banner-cont{float:right}.i18n-ar .banner-img{float:left}.i18n-ar .apps-feature-wrap p,.i18n-ar .mobs-apps-feature-wrap li:nth-child(even) div p,.i18n-ar .mobs-apps-feature-wrap li div p{text-align:right}.i18n-ar .arrows-wrap a{transform:scaleX(-1)}.i18n-ar .text-wrap-full.audio-call *,.i18n-ar .footer-cont,.i18n-ar .footer-cont *{text-align:center}@media only screen and (max-width:1200px){.i18n-ar .mobs-apps-feature-wrap li{flex-direction:row-reverse}}@media only screen and (max-width:991px){.i18n-ar .banner-cont,.i18n-ar .banner-cont *{text-align:center}.i18n-ar .banner-img,.i18n-ar .banner-cont{float:none}}@media only screen and (max-width:767px){.i18n-ar .mobs-apps-feature-wrap li:nth-child(1) div:after{transform:rotateY(0) rotateX(0) rotateZ(105deg) scaleX(1)}.i18n-ar .mobs-apps-feature-wrap li:nth-child(2) div:after{transform:rotateZ(270deg) scale(-1) scaleY(-1)}.i18n-ar .mobs-apps-feature-wrap li:nth-child(3) div:after{transform:rotateY(0) rotateX(0) rotateZ(105deg) scaleX(1)}.i18n-ar .mobs-apps-feature-wrap li{flex-direction:column}.i18n-ar .mobs-apps-feature-wrap li div p{text-align:right !important}.i18n-ar .mob-active-para,.i18n-ar .mobile-app-wrap .content-wrap div.text-wrap h2{text-align:center}.custom-icon-circle.icon4,.custom-icon-circle.icon3{display:none}}@media only screen and (max-width:480px){.mobile-app-wrap .image-wrap img,.mobile-app-wrap video,.apps-feature-wrap video{max-width:280px}}