*,:after,:before{box-sizing:border-box}a.btn-learn{border:2px solid #f0483e;color:#f0483d;display:inline-block;font-family:var(--zf-primary-semibold),Arial,Helvetica,sans-serif;padding:12px 25px;border-radius:5px;text-transform:uppercase;transition:all .2s ease;font-size:16px}a.btn-learn:hover{background:#f0483d;color:#fff}body h2{font-size:36px;font-family:var(--primaryfont-bold)}h1{font-size:55px}p{font-size:18px}.zw-product-headerr,.int-banner-section{background:#ffeff1;background-repeat:repeat;background-size:150px}a.cta-btn.act-btn{border-radius:4px;padding:10px 40px}.int-banner-section{padding:5em 0;overflow:hidden}.int-banner-section .banner-img video{max-width:120%;border-radius:10px}.int-banner-section .banner-content p{margin:20px 0 25px;max-width:450px}.banner-img .img-2 img{border-radius:10px}.banner-img .img-2{position:absolute;max-width:320px;right:65px;bottom:-147px}.img-shadow img{box-shadow:0 0 20px rgba(0,0,0,0.08);border-radius:10px;border:1px solid #e4e4e4}.int-banner-section .col-1{flex:0 0 45%;-ms-flex:0 0 45%;max-width:45%}.int-banner-section .col-2{flex:0 0 55%;-ms-flex:0 0 55%;max-width:55%}.int-banner-section .integrate-logo{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;margin-bottom:30px;transform:scale(0.9);-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform-origin:left center;-ms-transform-origin:left center;-webkit-transform-origin:left center}.int-banner-section .integrate-logo span.plus{font-size:36px;margin:0 20px}.integrate-logo span.int-logo{padding:25px 0;position:relative;width:75px;height:75px;display:inline-block;color:#000;background:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.09)}.integrate-logo span.int-logo::before{background:var(--product-icons)no-repeat;width:var(--zp-i-w);height:var(--zp-i-h);background-repeat:no-repeat;background-position:var(--zp-notebook-bp);content:"";position:absolute;background-size:var(--zp-i-bs);transform:translate(-50%,-50%);left:50%;top:50%}.int-banner-section .integrate-logo span.connect-logo::before{background-position:var(--zp-connect-bp)}.int-banner-section span.watch-btn{background:#000;color:#fff;display:inline-block;padding:16px 40px 16px 65px;text-transform:uppercase;font-size:16px;position:relative;cursor:pointer}.int-banner-section .banner-img{position:relative;width:705px;z-index:1}.banner-img::before{border:2px dashed #f9d7d5;width:500px;height:430px;position:absolute;right:-40px;border-radius:6px;bottom:-43px;z-index:-1;opacity:0;transition:all 1s ease;transition-delay:.8s}.animated .banner-img::before{opacity:1}.banner-img .img-1 img{max-width:110%;margin-left:-40px}.banner-img span.icons::before{background:url(/sites/zweb/images/notebook/notebook-project-sprites.svg);background-repeat:no-repeat;display:block;width:45px;height:50px;position:absolute;content:"";background-size:190px;background-position:-2px -16px;top:52%;left:53%;transform:translate(-50%,-50%)}.banner-img span.icons.icon-1{right:-20px;top:-30px;background:#fff;width:75px;height:75px;border-radius:50%;box-shadow:0 0 15px rgb(0 0 0 / 10%)}.banner-img span.icons{display:block;width:50px;height:50px;position:absolute}.banner-img span.icons.icon-2{top:110px;right:0}.banner-img span.icons.icon-2::before{background-position:-50px -8px;width:68px;height:68px}.banner-img span.icons.icon-3{bottom:90px;left:-10px}.banner-img span.icons.icon-3::before{background-position:-124px -5px;width:70px;height:68px}.wrapper{overflow:hidden;padding:0 0 2em;background:#faf7f7}.int-section{padding:4em 0}.int-section .title{margin:0 auto 60px;max-width:750px;text-align:center}.rows{display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:space-between;-ms-flex-pack:space-between;align-items:center;-ms-flex-align:center}.rows>div{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%}.int-img{position:relative;width:780px}.int-section .rows .col-1{flex:0 0 40%;-ms-flex:0 0 40%;max-width:36%}.int-section .rows .col-2{flex:0 0 60%;-ms-flex:0 0 60%;max-width:60%}.content-center .rows .col-1,.content-center .rows .col-2{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%}.int-section:nth-child(2n+2) .col-1{order:2}.int-content{max-width:700px;padding:0 60px 0 0;margin-bottom:40px}.int-img .img-2{position:absolute;max-width:340px;right:85px;bottom:-159px}.int-section.feature-1{padding-bottom:9em;padding-top:6em}.feature-3 .img-2{bottom:-8px;max-width:250px;right:-25px}img.connect-mob{display:none;margin:0 auto}.int-section.feature-2{padding-bottom:8em}.feature-2 .int-img .img-2{right:100px;bottom:-125px;max-width:290px}@media only screen and (min-width:767px){.banner-img .img-2{transform:translateX(20px);opacity:0;transition:all 1s ease;transition-delay:.5s}.feature-1 .int-img .img-2,.feature-2 .int-img .img-2{transform:translateX(20px)}.feature-3 .int-img .img-2{transform:translateY(20px)}.int-img .img-2{transition:all 1s ease;opacity:0;transition-delay:.2s}.middle-animated .int-img .img-2{transform:translateY(0);opacity:1}.middle-animated .banner-img img{transform:translate3d(0,0,0);opacity:1}.faderight{opacity:0;transform:translate3d(30px,0,0);-webkit-transform:translate3d(30px,0,0);-ms-transform:translate3d(30px,0,0);transition:all 1s ease-out}.fadeleft{opacity:0;transform:translate3d(-30px,0,0);-webkit-transform:translate3d(-30px,0,0);-ms-transform:translate3d(-30px,0,0);transition:all 1s ease-out}.fadeup1{opacity:0}.fadeup1,.textup1,.textup2,.textup3,.textup4{transform:translate3d(0,30px,0);-webkit-transform:translate3d(0,30px,0);-ms-transform:translate3d(0,30px,0);transition:all 1s ease-out}.middle-animated .fadeup1,.middle-animated .faderight,.middle-animated .fadeleft,.middle-animated .textup1,.middle-animated .textup2,.middle-animated .textup3,.middle-animated .textup4{opacity:1;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.textup1{transition-delay:.2s}.textup2{transition-delay:.4s}.textup3{transition-delay:.6s}.textup4{transition-delay:.8s}@keyframes rotate{0%{transform:rotate(0) translate(0,0)}100%{transform:rotate(360deg) translate(0,0)}}@-webkit-keyframes rotate{0%{transform:rotate(0) translate(0,30px)}100%{transform:rotate(360deg) translate(0,30px)}}@keyframes rotaterev{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}@-webkit-keyframes rotaterev{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}@keyframes scalecircle{from{visibility:hidden;opacity:0;transform:scale(0)}to{visibility:visible;opacity:1;transform:scale(1)}}@-webkit-keyframes scalecircle{from{visibility:hidden;opacity:0;transform:scale(0)}to{visibility:visible;opacity:1;transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.scaling1,.scaling2,.scaling3,.scaling4,.scaling5{opacity:0;transform:scale(0.3);-webkit-transform:scale(0.3);-ms-transform:scale(0.3);transition:all 1s cubic-bezier(0.39,0.575,0.565,1.3);-webkit-transition:all 1s cubic-bezier(0.39,0.575,0.565,1.3)}.middle-animated .scaling1,.middle-animated .scaling2,.middle-animated .scaling3,.middle-animated .scaling4,.middle-animated .scaling5{opacity:1;transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1)}.scaling1{transition-delay:1s;-webkit-transition-delay:1s}.scaling2{transition-delay:1.2s;-webkit-transition-delay:1.2s}}@media only screen and (max-width:1440px){h1{font-size:45px}p{font-size:17px}.int-banner-section .banner-img video{max-width:100%}.int-banner-section .banner-img{position:relative;width:100%}.banner-img::before{right:-40px}.banner-img span.icons.icon-2{top:110px;right:-3px}.int-img .img-2{right:73px}.feature-2 .int-img .img-2{right:90px}.feature-3 .img-2{bottom:-26px;right:-30px}.int-img{width:720px}}@media only screen and (max-width:1280px){h1{font-size:38px}.int-banner-section{padding:3em 0}.wrapper{padding:0 0 2em}.int-section{padding:5em 0}.int-content{padding:0 30px 0 0}.int-img{width:650px}.feature-3 .img-2{bottom:-40px;right:-35px}.banner-img::before{height:360px;bottom:-30px;right:-20px}.banner-img span.icons.icon-2{top:140px}.banner-img span.icons{transform:scale(0.7);transform-origin:top center}.feature-1 .int-img .img-2{right:67px;bottom:-168px}.feature-2 .int-img .img-2{right:80px;bottom:-130px}}@media only screen and (max-width:1199px){h1{font-size:36px}body h2{font-size:32px}.wrapper .int-section:nth-child(2n+2) .col-1{padding-left:0}.int-banner-section .banner-content{max-width:400px}.int-banner-section .banner-content p{max-width:350px}.banner-img .img-2{max-width:280px;right:59px;bottom:-135px}.banner-img span.icons.icon-2{top:80px}.banner-img::before{height:330px}.int-section{padding:3em 0}.int-section.feature-1{padding-bottom:7em}.int-content{max-width:600px;margin-bottom:50px}.feature-1 .int-content{margin-bottom:40px}.int-banner-section .banner-img{transform:scale(0.9);transform-origin:top left;max-width:750px;margin:0 auto}.int-img{max-width:100%}.feature-1 .int-img .img-2{right:63px;max-width:260px;bottom:-120px}.feature-2 .int-img .img-2{right:70px;bottom:-135px}.feature-3 .img-2{bottom:-55px;right:-36px}}@media only screen and (max-width:1023px){body h2{font-size:30px}p{font-size:16px}.int-banner-section .col-1{order:0}.banner-img .img-1 img{max-width:100%;margin-left:0}.int-banner-section .banner-img video{max-width:600px;margin:0 auto;display:block;width:100%}.int-banner-section .col-1,.int-banner-section .col-2,.int-section .rows .col-1,.int-section .rows .col-2,.rows>div{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%}.int-banner-section .integrate-logo{position:relative;left:0;right:0;transform:none}.int-banner-section .banner-content{max-width:600px;text-align:center;margin:0 auto}.int-banner-section{padding:3em 0}.int-banner-section .banner-content p{max-width:100%}.int-banner-section .integrate-logo{justify-content:center;-ms-flex-pack:center}.int-banner-section .banner-img .img-2{max-width:250px;right:72px;bottom:-119px}.int-banner-section .banner-img{transform-origin:center;max-width:580px}.banner-img span.icons,.banner-img::before{display:none}.int-section{padding:3em 0}.int-section.feature-1{padding-top:4em}.int-content{margin:0 auto 20px;text-align:center;padding:0}.feature-3 .int-img .img-2{top:58%}.int-img .img-2{max-width:250px}.wrapper{padding:0 0 3em}.int-img{max-width:550px;margin:0 auto}.int-section:nth-child(2n+2) .col-1{order:inherit}}@media only screen and (max-width:767px){img.connect-mob{display:block}.banner-img .img-1,.banner-img .img-2,.int-img .img-1,.int-img .img-2{display:none}.feature-3 img.connect-mob{box-shadow:0 0 30px rgba(0,0,0,0.05);border-radius:8px;border:1px solid #efefef}h1{font-size:28px}.rows>div{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%}body h2{font-size:25px}.int-banner-section{padding:3em 0}.wrapper{padding:0}.int-section{padding:2em 0}.int-section:last-child{padding-bottom:4em}.int-section.feature-1{padding-bottom:2em}.int-section.feature-2{padding-bottom:2em}.int-content,.feature-1 .int-content{max-width:500px;text-align:center;margin-bottom:30px}.int-img{margin:0;max-width:100%}}@media only screen and (max-width:480px){.int-content{max-width:360px}.int-img .img-2{max-width:200px;margin:-190px auto 0}}