*{box-sizing:border-box}img{width:100%}#block-system-main{margin-top:0}.header-top{padding:50px 0 160px;background:#e0f9f0}.zw-product-header{background:#e0f9f0}.features-qlinks{width:100%;margin-bottom:0}.features-qlinks ul li a,.features-qlinks ul li:last-child{opacity:1}.features-qlinks ul li{font-family:var(--zf-secondary-medium)}ul.featlist{display:flex;flex-wrap:wrap;justify-content:center}.header-top .img-part img{max-width:500px}.header-top .content-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.header-top .cont-part{width:45%}.header-top .img-part{width:55%;text-align:right}.content-wrap{max-width:1170px}p{color:#222}.cont-wrap p{max-width:800px;margin:0 auto 60px auto}.header-top h1{font-size:56px;max-width:850px;letter-spacing:-0.3px}.header-top .imgpart{position:relative;z-index:1}.bottomtxt p{display:none;min-height:250px;font-size:16px;color:#222;padding:30px 0 0 20px}.bottomtxt p.active{display:block}.header-top h1,.header-top p{margin:0 auto 30px}.header-top p{max-width:700px}.featlist li{width:19%;padding:40px 25px 40px 35px;background:#f4f5f7;margin:0 10px 10px 0;border-radius:0;display:inline-block;vertical-align:top;min-height:215px;font-family:var(--zf-secondary-regular);border:1px solid #edeef1}.twocol p{max-width:410px;margin-bottom:100px}.featlist li span{display:block;background:url('//www.zohowebstatic.com/sites/zweb/images/people/zp-feature-sprite.png') no-repeat;height:45px;background-size:850px auto;width:50px;background-position:-425px -60px;margin-bottom:20px}.featlist li:nth-child(2) span{background-position:-480px -60px}.featlist li:nth-child(3) span{background-position:-530px -60px}.featlist li:nth-child(4) span{background-position:-580px -60px}.featlist li:nth-child(5) span{background-position:-635px -60px}.feature-section{padding:120px 0 0}.feature-section h2{font-family:var(--secondaryfont-bold);font-size:42px}.feature-section .colblock{width:38%}.feature-section .colblock img{max-width:260px;margin-bottom:40px}#feat2 h4{font-size:28px}#feat1 .content-wrap,#feat2 .content-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.tabimg img{display:none;max-width:635px;padding-left:0;margin:0 auto}.tabimg img.active{display:block;animation:slide-down 1s ease-out}.imgwrap{position:relative}.imgwrap:before{content:'';position:absolute;top:-40px;left:0;background:#f4f5f7;border-radius:10px;width:700px;height:550px;z-index:-1}ul.slide-list li{position:relative;padding:25px 30px;cursor:pointer}.feature-section h4{font-size:20px;font-family:var(--zf-secondary-medium)}ul.slide-list li:before{content:'';position:absolute;top:0;left:0;background:#f4f5f7;width:100%;height:80px;z-index:-2;border-radius:6px}ul.slide-list li:after{content:'';position:absolute;top:0;left:0;background:#ffe898;width:0;height:80px;z-index:-1;border-radius:10px}.i18n-fr ul.slide-list li:nth-child(4):before,.i18n-fr ul.slide-list li:nth-child(4):after,.i18n-de ul.slide-list li:nth-child(4):before,.i18n-de ul.slide-list li:nth-child(4):after,.i18n-es-xl ul.slide-list li:nth-child(4):before,.i18n-es-xl ul.slide-list li:nth-child(4):after{height:105px}.i18n-it ul.slide-list li:nth-child(2):before,.i18n-it ul.slide-list li:nth-child(2):after,.i18n-es-xl ul.slide-list li:nth-child(2):before,.i18n-es-xl ul.slide-list li:nth-child(2):after{height:105px}.i18n-es-xl ul.slide-list li:nth-child(3):before,.i18n-es-xl ul.slide-list li:nth-child(3):after,.i18n-pt-br ul.slide-list li:nth-child(3):before,.i18n-pt-br ul.slide-list li:nth-child(3):after,.i18n-pt-br ul.slide-list li:nth-child(3):before,.i18n-pt-br ul.slide-list li:nth-child(3):after,.i18n-de ul.slide-list li:nth-child(3):before,.i18n-de ul.slide-list li:nth-child(3):after,.i18n-fr ul.slide-list li:nth-child(3):before,.i18n-fr ul.slide-list li:nth-child(3):after,.i18n-nl ul.slide-list li:nth-child(3):before,.i18n-nl ul.slide-list li:nth-child(3):after,.i18n-id ul.slide-list li:nth-child(3):before,.i18n-id ul.slide-list li:nth-child(3):after,.i18n-vi ul.slide-list li:nth-child(3):before,.i18n-vi ul.slide-list li:nth-child(3):after,.i18n-it ul.slide-list li:nth-child(3):before,.i18n-it ul.slide-list li:nth-child(3):after{height:105px}ul.slide-list li.active:after{width:100%;transition:10s linear}#feat3{margin-top:0}#feat3 .cont-wrap h2{max-width:750px;margin:0 auto 20px}#feat3 .cont-wrap{margin:0 auto}#feat3 h4,#feat4 h4{font-size:26px;font-family:var(--zf-secondary-bold)}@keyframes slide-down{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(50px)}100%{opacity:1;-webkit-transform:translateY(0)}}.feature-section .cont-part{width:35%}.feature-section .img-part{width:60%}.feature-section .twocol{display:flex;flex-wrap:wrap;justify-content:center}.feature-section .colblock{width:40%;margin:60px 50px 0}#feat3 .colblock img{max-width:470px}#feat4 .colblock img{max-width:470px}.feature-section .cont-wrap{max-width:800px;margin:0 auto 50px;text-align:center;width:100%}.feature-section.bottomimg img{max-width:960px;margin:60px auto 120px;display:block}.bottomctawrap{background:#fff2af;padding:100px 0;text-align:center;margin-top:100px}.bottomctawrap h2{font-size:42px;max-width:800px;margin:0 auto 20px;font-family:var(--secondaryfont-bold)}.zmob,.zmobimg{display:none}@media screen and (min-width:1600px){.act-btn{padding:18px 35px}}@media screen and (max-width:1599px){.header-top{padding:60px 0 100px}.header-top h1{font-size:54px}.header-top p{font-size:17px;margin-bottom:40px}.act-btn{padding:15px 30px}.feature-section{padding:100px 0 0}ul.slide-list li{padding:20px 30px}ul.slide-list li:before{height:70px}ul.slide-list li:after{height:70px}div#feat2 .cont-wrap{margin-bottom:20px}#feat2 .colblock img{max-width:450px}.feature-section.bottomimg .cont-wrap{margin-bottom:50px}}@media screen and (min-width:1400px) and (max-width:1599px){.header-top h1{font-size:50px}.feature-section h2,.bottomctawrap h2{font-size:40px}}@media screen and (max-width:1399px){.header-top h1{font-size:48px;margin:0 auto 20px}.feature-section h2{font-size:36px}#feat3 h4,#feat4 h4{font-size:22px}.header-top .img-part img{max-width:450px}.content-wrap{max-width:1060px}.feature-section h2{font-size:40px}.feature-section h4{font-size:18px}.tabimg img{max-width:600px}.imgwrap:before{width:640px}.feature-section .cont-wrap{margin:0 auto 80px}#feat2 .colblock img{max-width:400px}#feat2 h4{font-size:26px}.feature-section.bottomimg img{max-width:1000px}.bottomctawrap h2{font-size:42px;max-width:800px}.bottomctawrap{padding:90px 0}}@media screen and (max-width:1140px){#feat1{margin-top:0}#feat2 h2{margin-bottom:30px}#feat2 p{max-width:660px;margin:0 auto}#feat1 img{max-width:600px;margin:0 auto;display:block;background:#f4f5f7;padding:30px 20px 10px;border-radius:16px;margin-bottom:50px}.bottomtxt{display:none}.feature-section{padding:60px 0 0}ul.slide-list li:before,ul.slide-list li:after,.imgwrap:before{content:none}ul.slide-list li p.zmob{display:block;padding:15px 0}.zmobimg{display:block}.feature-section .colblock{margin:20px 0 50px}.feature-section .img-part{display:none}ul.slide-list li{text-align:center}ul.slide-list li p{max-width:600px;margin:0 auto 50px}.header-top .cont-part,.header-top .img-part,.feature-section .img-part,.feature-section .cont-part{width:100%}.feature-section .colblock{width:100%}.header-top{text-align:center}.header-top h1{font-size:52px;max-width:650px}.header-top img{max-width:600px;margin:0 auto;display:block}.header-top .img-part img{max-width:400px;margin-top:80px}.feature-section .cont-wrap{margin:40px auto 0}.feature-section img{max-width:600px;margin:0 auto;display:block}.colblock h4,.colblock p{max-width:500px;margin:0 auto 20px;text-align:center}.header-top p{max-width:550px}.feature-section h4{font-size:28px;font-family:var(--zf-secondary-semibold)}.feature-section h2{font-size:32px}.feature-section.bottomimg p{max-width:660px;margin:30px auto}.feature-section.bottomimg img{max-width:80%}.featlist li{width:25%}.features-qlinks{display:none}.twocol p{float:none;margin-bottom:100px;max-width:550px}.bottomctawrap h2{font-size:38px;max-width:750px}.feature-section.bottomimg{padding:0}}@media screen and (min-width:992px) and (max-width:1299px){.header-top h1{font-size:46px}}@media screen and (min-width:992px){.feature-section .colblock{margin:0 30px 0}}@media screen and (max-width:991px){.bottomctawrap h2{font-size:30px;max-width:80%}.header-top h1{font-size:46px;max-width:80%}.header-top p{max-width:70%}.header-top{padding:30px 0 60px}.header-top p{font-size:16px;margin-bottom:30px}.header-top h1,.header-top p{margin:0 auto 20px}.header-top .img-part img{max-width:400px}.feature-section{padding:40px 0 0}.feature-section h2{font-size:32px}.feature-section h4{font-size:22px}ul.slide-list li p.zmob{padding:0}ul.slide-list li p{max-width:500px}#feat2,.bottomimg{max-width:80%}.feature-section.bottomimg img{max-width:100%}#feat2,.bottomimg{margin:0 auto}.act-btn{padding:12px 25px}.featlist li{width:30%}.cont-wrap p{max-width:80%}.twocol p{margin:0 auto 50px}.feature-section .cont-wrap{width:80%}#feat3 .colblock img{max-width:420px}}@media screen and (max-width:767px){.header-top h1{font-size:28px;max-width:90%}.header-top p{max-width:90%}.header-top .img-part img{max-width:90%}.feature-section h2{font-size:30px;max-width:100%}#feat2,.bottomimg{max-width:90%}#feat2 h4{font-size:22px}.colblock h4,.colblock p{margin:0 auto 10px}.bottomctawrap{padding:70px 0}#feat1 img{padding:12px 7px 0}.featlist li{width:65%}ul.slide-list li{padding:20px 0}.bottomctawrap{margin-top:70px}.cont-wrap p{margin:0 auto 20px}.feature-section .colblock{margin:20px 0 0}#feat3 h4,#feat4 h4{font-size:22px}.bottomctawrap h2{max-width:100%}}@media screen and (max-width:480px){.header-top h1{font-size:34px}.cont-wrap p{max-width:100%}.featlist li{width:80%;margin:0 0 10px 0}#feat3 h4,#feat4 h4{font-size:20px}.header-top .img-part img{max-width:80%}.feature-section .cont-wrap{width:90%}.feature-section h2{font-size:26px}.bottomctawrap h2{font-size:24px}#feat3 .colblock img,#feat4 .colblock img{max-width:280px}}.i18n-ar .header-top .img-part{text-align:left}.i18n-ar .feature-section .cont-wrap h2,.i18n-ar .feature-section .cont-wrap p,.i18n-ar .bottomctawrap h2,.i18n-ar .bottomctawrap .content-wrap{text-align:center}.i18n-ar ul.slide-list li:after{right:0;left:auto}@media only screen and (max-width:1140px){.i18n-ar .header-top h1,.i18n-ar .header-top p,.i18n-ar .header-top .cont-part,.i18n-ar .feature-section h4,.i18n-ar .feature-section p{text-align:center}}