.pagewrapper{overflow:hidden}.pagewrapper *{box-sizing:border-box}.pagewrapper .content-wrap{max-width:1280px;padding:90px 0}.banner .content-wrap{padding-bottom:0}.act-btn{padding:12px 30px}h1,h2,h3{font-family:var(--zf-primary-bold)}.zw-product-header{background:var(--zcr-dark-bg)}#mini-panel-product_menu .menu-icon-help-header .product-title a,#mini-panel-product_menu .menu-icon-help-header+.product-nav-links li a,#mini-panel-product_menu .product-nav-links .menu>li>a,#mini-panel-product_menu .product-nav-links li .nolink,.main-container-wrapper #mini-panel-product_menu .menu-icon-help-header .product-title a{color:#fff}.banner{overflow:hidden}.bnr-inner{display:block}.bnr-left,.bnr-right{width:100%;position:relative}.bnr-left{max-width:980px;margin:0 auto;text-align:center}.bnr-right{max-width:1140px;margin:100px auto;text-align:center;min-height:360px}.bnr-right:before,.bnr-right:after{content:'';position:absolute;bottom:0;right:-50px;width:100px;height:0;-webkit-transition:all 1s ease-out 2s;transition:all 1s ease-out 2s;background:url(//www.zohowebstatic.com/sites/zweb/images/creator/citizen-developement-sprite.png) no-repeat;background-size:580px auto;background-position:-490px 0;background-repeat:no-repeat}.bnr-right:after{left:90px;bottom:auto;top:40px;background-position:-490px 0}.in-view .bnr-right:before{right:-110px;height:50px}.in-view .bnr-right:after{top:-50px;height:50px}.bnr-right-img-part:before,.bnr-right-img-part:after{top:-50px;right:-60px;height:120px;background-repeat:repeat;background:linear-gradient(90deg,#2a399d 7px,transparent 1%) center,linear-gradient(#2a399d 7px,transparent 1%) center,#fff;background-size:8px 8px;width:120px;content:'';position:absolute;-webkit-transition:all 1s ease-out 2s;transition:all 1s ease-out 2s;transform:scale(0)}.bnr-right-img-part:after{left:50%;margin-left:-25px;bottom:-30px;top:auto}.in-view .bnr-right-img-part:before,.in-view .bnr-right-img-part:after{transform:scale(1)}.watch-video{margin:30px auto 20px;max-width:180px}.four-pat-sec .watch-video{margin:20px 0 20px}.watch-video a{font-family:var(--zf-primary-semibold);color:#fff;display:inline-block;position:relative}span.zplay-icon{width:30px;height:30px;background:transparent;border-radius:50%;position:absolute;display:block;text-indent:-99999px;top:-2px}span.zplay-icon::before{width:30px;height:30px;opacity:1;-ms-filter:"alpha(opacity=100)";border-radius:50%;top:0;left:0;border:1px solid #fff}span.zplay-icon::after{left:56%;top:52%;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid #fff;z-index:100;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}span.zplay-icon::after,span.zplay-icon::before{content:"";position:absolute}span.zplay-icon+span{margin-left:40px;color:#fff}.banner,.block3{background-color:var(--zcr-dark-bg);color:#fff}h1 span{display:inline-block}.bnr-right img{display:none}.bnr-right span{content:'';position:absolute;top:0;left:0;width:25%;height:100%;-webkit-transition:all .75s ease-out 1s;transition:all .75s ease-out 1s;z-index:99;background-image:url('//www.zohowebstatic.com/sites/zweb/images/creator/citizen-developement-banner-image.jpg');background-repeat:no-repeat;background-size:1140px}.bnr-right span.bnr-bg-image1{width:18%;height:0;left:-100px}.bnr-right span.bnr-bg-image2{left:19%;width:0;background-position:-220px 0;transform:rotate3d(1,1,1,0);-webkit-transition-delay:900ms;transition-delay:900ms}.bnr-right span.bnr-bg-image3,.bnr-right span.bnr-bg-image4{left:auto;right:0;width:41.5%;background-position:-664px 0;transform:rotate3d(1,0,0,90deg);-webkit-transition-delay:1400ms;transition-delay:1400ms;height:40%}.bnr-right span.bnr-bg-image4{background-position:right 0;transform:rotate3d(0,1,0,90deg);-webkit-transition-delay:1800ms;transition-delay:1800ms;background-position:right -158px;height:55%;top:43%}.in-view .bnr-right span.bnr-bg-image1,.in-view .bnr-right span.bnr-bg-image2,.in-view .bnr-right span.bnr-bg-image3,.in-view .bnr-right span.bnr-bg-image4{transform:rotate3d(1,1,1,0)}.in-view .bnr-right span.bnr-bg-image2{width:37.5%}.in-view .bnr-right span.bnr-bg-image1{height:100%;left:0}.flex-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-wrap-2-col>div{width:50%}.flex-wrap-2-col>div:first-child{padding-right:70px}.flex-wrap-2-col>div:last-child{padding-left:50px}.block1 img{max-width:100%;position:relative;margin-top:40px}.block1 .content-wrap{max-width:1000px}.block1 .flex-wrap-2-col>div:first-child,.block1 .flex-wrap-2-col>div:last-child{padding:40px 60px 20px;position:relative}.block1 .flex-wrap-2-col>div:first-child *,.block1 .flex-wrap-2-col>div:last-child *{position:relative}.block1 .flex-wrap-2-col>div:first-child:before,.block1 .flex-wrap-2-col>div:last-child::before{content:'';position:absolute;top:0;left:5%;width:90%;height:100%;background:#fff;-webkit-transition:all 1s ease-out;transition:all 1s ease-out;border:1px solid #f0f0f0;border-bottom:5px solid #68bfb0}.block1 .flex-wrap-2-col>div:last-child::before{border-bottom:5px solid #faae6b}.block1 .flex-wrap-2-col>div:first-child:hover:before,.block1 .flex-wrap-2-col>div:last-child:hover:before{box-shadow:0 -5px 35px #80808029}.block1 .flex-wrap-2-col>div:first-child img{position:relative;top:40px}.block1 .flex-wrap-2-col>div:last-child img{max-width:94%;left:3%}.block2 .desc{max-width:600px}.flex-wrap.flex-wrap-3-col{max-width:80%;position:relative}.block2 .content-wrap::before{content:'';position:absolute;top:18%;right:-25%;width:400px;height:85%;background-repeat:repeat;background-size:auto;-webkit-transition:all 1s ease-out;transition:all 1s ease-out;background-size:440px auto;background-repeat:no-repeat}.block2 .data-loaded.content-wrap::before{background-image:url('//www.zohowebstatic.com/sites/zweb/images/creator/citizen-dev-brings.png')}.block2 .content-wrap.middle-animated::before{right:-5%}.flex-wrap-3-col>div{width:40%;margin-top:40px}.flex-wrap-3-col>div:nth-child(2){margin:40px 90px 0}.block3 .flex-item2 div{padding:0 0 10px 70px;margin-bottom:60px;position:relative;-webkit-transition:all 500ms ease;transition:all 500ms ease;z-index:1}.block3 .flex-item2 div:last-child{margin-bottom:0}.block4 .flex-item2>div{width:50%}.cta-wrap{text-align:center}.block5 .wtch-webinar{text-align:center;border:1px solid #000}.block6 .content-wrap{max-width:800px}.testimonial-slider{background:#000;color:#fff;padding:20px 0;max-width:980px;margin:0 auto}.testimonial-slider h3{margin:0 auto 30px;font-family:var(--primaryfont-regular)}.slider-area{padding:10%}.first-slider-cnt{border-right:1px solid #383838}.gartner-logo,.forrester-logo{background-image:url(//www.zohowebstatic.com/sites/zweb/images/creator/gartner-logo-white.png);background-size:100px;background-position:center center;background-repeat:no-repeat;content:"";width:100px;height:30px;position:relative;right:auto;bottom:auto;text-indent:99999px;display:inline-block}.forrester-logo{background-image:url(//www.zohowebstatic.com/sites/zweb/images/creator/forrester-logo-white.png)}.testimonial-section .content-wrap{padding:0 0 100px 0}.webi-prt-sec .content-wrap{max-width:1000px;margin:0 auto}.webi-prt-sec.webi-resource .content-wrap{width:100%}.four-pat-sec ul{display:flex;flex-wrap:wrap;justify-content:space-between}.four-pat-sec ul li{width:48%;padding:30px;transition:all ease .5s;border:1px solid #dadada}.four-pat-sec ul li:hover{transform:scale(1.02,1.02)}.four-pat-sec ul li img{width:350px;padding-bottom:20px}.webi-header{text-align:center;margin-bottom:50px}.four-pat-sec p{margin-bottom:25px}.faq h2{text-align:center;margin-bottom:60px}.faq h2:before{display:block;content:'';background:url(//www.zohowebstatic.com/sites/zweb/images/creator/home/red-faq-icon.png) no-repeat;width:90px;height:70px;background-size:100%;margin:auto}.faq-wrap{max-width:980px;margin:auto}.faq-item{border-bottom:1px solid #d3d3d3}.faq-item:first-child .faq-ans{display:block}.faq-ans{display:none;padding-bottom:10px;padding-left:42px}.faq-item h4{margin-bottom:0;font-family:var(--zf-secondary-medium);padding:20px 0 20px 40px;cursor:pointer;position:relative;font-size:20px;color:#000}.faq-item h4:hover{color:#555}.faq-item h4:before,.faq-item h4:after{content:'';position:absolute;background:#ea5154}.faq-item:hover h4:before,.faq-item:hover h4:after{background:#555}.faq-item h4:before{left:0;top:35px;height:2px;width:16px}.faq-item h4:after{left:7px;width:2px;top:28px;height:15px}.faq-item.active h4:after{height:0}.block3 .zicon:before{position:absolute;left:-20px;top:4px}.zicon:before{display:block;content:'';width:50px;height:50px;margin-bottom:15px}.data-loaded .zicon:before{background:url('//www.zohowebstatic.com/sites/zweb/images/creator/citizen-developement-sprite.png') no-repeat;background-size:580px auto}.pagewrapper .zicon2:before{background-position:-50px 0}.pagewrapper .zicon3:before{background-position:-100px 0}.pagewrapper .zicon4:before{background-position:-150px 0}.pagewrapper .zicon5:before{background-position:-200px 0}.pagewrapper .zicon6:before{background-position:-250px 0}.pagewrapper .zicon7:before{background-position:-300px 0}.pagewrapper .zicon8:before{background-position:-350px 0}.pagewrapper .block5 .content-wrap{max-width:1070px}.block5 .flex-wrap-2-col>div{width:40%;padding-right:10px}.block5 .flex-wrap-2-col>div.flex-item2{width:60%;max-width:650px}@media all and (min-width:1200px){.bnr-left p{font-size:20px}.inup1,.inup2,.inup3,.inup4,.inup5,.inup6{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);-webkit-transition:-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.3);transition:-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.3);transition:transform 1s cubic-bezier(0.39,0.575,0.565,1.3);transition:transform 1s cubic-bezier(0.39,0.575,0.565,1.3),-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.3)}.in-view .inup1,.in-view .inup2,.in-view .inup3,.in-view .inup4,.in-view .inup5,.in-view .inup6{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fadeinup1,.fadeinup2,.fadeinup3,.fadeinup4,.fadeinup5,.fadeinup6,.fadeinup7,.fadeinup8,.fadeinup9{-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0);opacity:0;-ms-filter:"alpha(opacity=0)";-webkit-transition:opacity 1s ease-in,-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.2);transition:opacity 1s ease-in,-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.2);transition:opacity 1s ease-in,transform 1s cubic-bezier(0.39,0.575,0.565,1.2);transition:opacity 1s ease-in,transform 1s cubic-bezier(0.39,0.575,0.565,1.2),-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.2)}.fadeindown1{-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0);opacity:0;-ms-filter:"alpha(opacity=0)";-webkit-transition:opacity 1s ease-in,-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.2);transition:opacity 1s ease-in,-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.2);transition:opacity 1s ease-in,transform 1s cubic-bezier(0.39,0.575,0.565,1.2);transition:opacity 1s ease-in,transform 1s cubic-bezier(0.39,0.575,0.565,1.2),-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.2)}.in-view .fadeinup1,.in-view .fadeinup2,.in-view .fadeinup3,.in-view .fadeinup4,.in-view .fadeinup5,.in-view .fadeinup6,.in-view .fadeinup7,.in-view .fadeinup8,.in-view .fadeinup9,.in-view .fadeindown1,.in-view .fadeindown2,.in-view .fadeindown3,.in-view .fadeindown4{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;-ms-filter:"alpha(opacity=100)"}.fadeindown1,.fadeinup1,.inup1,.bnrimg1,.bnrimg4{-webkit-transition-delay:100ms;transition-delay:100ms}.fadeindown2,.fadeinup2,.inup2,.bnrimg2,.bnrimg5{-webkit-transition-delay:300ms;transition-delay:300ms}.fadeindown3,.fadeinup3,.inup3,.bnrimg3,.bnrimg6{-webkit-transition-delay:500ms;transition-delay:500ms}.fadeinup4,.inup4{-webkit-transition-delay:700ms;transition-delay:700ms}.fadeinup5,.inup5{-webkit-transition-delay:900ms;transition-delay:900ms}.fadeinup6,.inup6{-webkit-transition-delay:1100ms;transition-delay:1100ms}.fadeinup7,.inup7{-webkit-transition-delay:1300ms;transition-delay:1300ms}.fadeinup8,.inup8{-webkit-transition-delay:1500ms;transition-delay:1500ms}.fadeinup9,.inup9{-webkit-transition-delay:1700ms;transition-delay:1700ms}}@media all and (min-width:1400px){.i18n-en h1{font-size:50px}.i18n-en h2{font-size:36px}}@media all and (min-width:992px) and (max-width:1199px){.bnr-right{margin:70px auto 50px;transform:scale(0.8)}.bnr-left p{max-width:750px;margin:15px auto}.pagewrapper .content-wrap{width:94%}.block2 .content-wrap::before{top:38%;right:-7%;width:300px;height:35%}.block3 .zicon::before{position:absolute}}@media all and (max-width:991px){.pagewrapper .content-wrap{padding:70px 0}.block2 .content-wrap::before{display:none}.block2 .desc{max-width:450px;text-align:center;margin:0 auto}.flex-wrap.flex-wrap-3-col{max-width:100%;margin-top:60px}.flex-wrap-3-col>div{padding:0 3%;width:50%;margin:0}.flex-wrap-3-col>div:nth-child(2){margin:0}.block5 .flex-item1{display:none}.block3 .flex-item1{margin-bottom:70px}.block5 .flex-item2,.block3 .flex-wrap-2-col>div,.flex-wrap-2-col>div:last-child{width:100%;display:block;padding:0 5%}.block1 .flex-wrap-2-col>div:first-child,.block1 .flex-wrap-2-col>div:last-child{width:50%}.pagewrapper .testimonial-section .content-wrap{padding:0}.pagewrapper .block5 .content-wrap,.pagewrapper .block2 .content-wrap{padding-bottom:0}.block3 .flex-wrap{display:block}.block5 .flex-item2{text-align:center}.block3 .flex-item2 div{margin-bottom:30px;padding:0 0 10px 80px}.block3 .zicon::before{left:0;top:8px}.bnr-left p{max-width:650px;margin:0 auto 30px}.bnr-right span.bnr-bg-image2{background-position:-290px 0}.bnr-right span.bnr-bg-image4{background-position:-740px -158px}.bnr-left{max-width:700px}.block5 .flex-wrap-2-col>div.flex-item2{width:100%;max-width:initial}}@media all and (max-width:767px){.cta-wrap,.block5 .flex-item2,.bnr-left,.block2 .desc{text-align:left}.watch-video{margin:30px 0 20px}.pagewrapper .content-wrap{padding:60px 0;max-width:600px}.banner .content-wrap{padding:40px 0 60px}.bnr-inner{-ms-flex-flow:column;flex-flow:column}.bnr-right{display:none}.bnr-right{margin-top:30px}.bnr-right img{max-width:100%}.flex-wrap{-ms-flex-flow:column;flex-flow:column}.flex-wrap-2-col>div{width:100%}.flex-wrap-3-col>div{width:100%}.block1 .flex-wrap-2-col>div:first-child,.block1 .flex-wrap-2-col>div:last-child{padding:40px 30px 20px;width:100%}.block1 .flex-wrap-2-col>div:first-child{margin-bottom:60px}.block2 .flex-wrap-3-col>div:nth-child(2){margin:40px 0 0 0}.block2 .flex-wrap-3-col:last-child>div:last-child{display:none}.block2 .flex-wrap-3-col p:last-child{margin-bottom:0}.sticky .fixed-div{position:static}.block3 .flex-wrap-2-col>div:first-child,.block3 .flex-wrap-2-col>div:last-child{width:100%}.block3 .flex-item2 div{margin-bottom:50px;padding:75px 0 0}.block4 .flex-item1,.block4 .flex-item2{width:100%}.block4 .flex-wrap-2-col>div:first-child,.block4 .flex-wrap-2-col>div:last-child{padding:0}.block4 .flex-item2>div{width:100%}.block4 .flex-item2>div:last-child{margin-left:0}.pagewrapper .testimonial-section .content-wrap{padding:0}.testimonial-slider h3{max-width:100%}.testimonial-slider{padding:40px 30px}.block1 .flex-wrap-2-col>div:first-child img{position:relative;top:0}.block1 .flex-wrap-2-col>div:first-child{margin-bottom:60px}.block1 .flex-wrap-2-col>div:first-child,.block1 .flex-wrap-2-col>div:last-child{padding:40px 20px 0}.block1 .flex-wrap-2-col>div:first-child::before,.block1 .flex-wrap-2-col>div:last-child::before{left:0;width:100%}.block1 .flex-wrap-2-col>div:last-child img,.block1 .flex-wrap-2-col>div:first-child img{max-width:70%;margin:30px auto 0}.block4 .cta-wrap{padding:0 20px}.four-pat-sec ul li{width:100%;margin-bottom:20px}.slider-area{padding:0}.first-slider-cnt{border-right:0}}