*,: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-header,.int-banner-section{background:#f1eee5 url(/sites/zweb/images/notebook/texture-wall.png);background-repeat:repeat;background-size:150px}a.cta-btn.act-btn{border-radius:4px;padding:12px 30px;font-size:16px}.int-banner-section{padding:5em 0 7em}.int-banner-section .banner-content p{margin:20px 0 25px;max-width:450px}.banner-img .img-2 img{border:2px solid #45adfb;border-radius:20px}.banner-img .img-2{position:absolute;max-width:300px;left:-60px;bottom:-70px}.int-banner-section .banner-img img{box-shadow:0 0 20px rgba(0,0,0,0.07);border-radius:10px}.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.09019607843137255)}.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.cliq-logo::before{background-position:var(--zp-cliq-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;padding-left:50px}.int-banner-section .banner-img video{max-width:110%;border-radius:10px}.wrapper{padding:0 0 6em}.int-section{padding:7em 0 5em}.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-section img{border-radius:15px}.int-img{position:relative;max-width:700px;margin:0 auto}.int-img .img-2{position:absolute;transform:translateY(30px);opacity:0;transition:all 1s ease;transition-delay:.3s}.middle-animated .int-img .img-2{transform:translateY(0);opacity:1}.feature-1 .int-img .img-3{transform:translateY(20px);opacity:0;transition:all 1s ease;transition-delay:.6s}.feature-1 .middle-animated .img-3,.feature-1 .middle-animated .img-4{transform:translateY(0);opacity:1}.feature-1 .int-img .img-4{transform:translateX(-20px);opacity:0;transition:all 1s ease;transition-delay:.9s}.feature-1 .middle-animated .img-4{transform:translateY(0);opacity:1}.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.left-wrap .col-1{order:2}.int-content{max-width:500px}.int-content{padding:0 60px 0 0}.left-wrap .int-content{padding:0 0 0 40px}.wrapper .int-section:nth-child(2n+2) .col-1{order:2;padding-left:30px}.int-section.feature-1 .img-2 img{border-radius:12px;border:1px solid #f8995f}.feature-1 .int-img .img-2{max-width:230px;right:30px;bottom:40px}.int-section.feature-1{margin-bottom:2em}.feature-1 .int-img .img-3{bottom:-22px;position:absolute;max-width:250px;left:220px}.feature-1 .int-img .img-3 img,.feature-1 .int-img .img-4 img{border-radius:50px}.feature-1 .int-img .img-4{bottom:0;position:absolute;bottom:60px;left:-40px;max-width:140px}.feature-2 .int-content{margin:0 0 0 auto;max-width:590px}.int-section:nth-child(2n+2) .int-img{margin:0}.feature-2 .int-img .img-2{max-width:400px;top:50%;right:-60px;transform:translateY(-50%)}img.border{border:2px solid #f8995f;border-radius:12px;box-shadow:0 0 15px rgba(0,0,0,0.19)}.int-section.left-wrap.feature-2{padding-top:2em}.feature-3 .img-2{max-width:470px;transform:none;top:auto;bottom:-80px;right:50px}.cta-section{background:url(/sites/zweb/images/notebook/znb-cta-pattern.jpg);text-align:center;color:#fff;padding:4em 0}.int-section.left-wrap.feature-2{padding-top:2em}.cta-section .cta-content{margin:0 auto;max-width:550px}.cta-section span.icon{background:0;border:1px solid #6975ca;width:12px;height:12px;position:absolute;animation:5s rotate linear infinite}.cta-section .content-wrap{max-width:700px}.cta-section span.icon.icon-1{top:0;left:90px}.cta-section span.icon.icon-2{right:-20px;bottom:-10px;border-color:#fb5164}.cta-section span.icon.icon-3{left:0;bottom:0;border-color:#e4bf20;border-radius:100%}.cta-section span.icon.icon-4{right:110px;top:10px;border-color:#29c0e8;border-radius:50%}@media only screen and (min-width:767px){.middle-animated .banner-img img{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-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)}}}@media only screen and (max-width:1440px){h1{font-size:45px}p{font-size:17px}.int-banner-section .banner-img{padding:0}}@media only screen and (max-width:1280px){h1{font-size:38px}.int-banner-section .banner-img video{max-width:100%}.int-content{padding:0 30px 0 0}.int-img{max-width:650px}.feature-3 .img-2{max-width:420px}.feature-2 .int-img .img-2{max-width:340px}}@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}.int-banner-section{padding:4em 0}.int-section{padding:5em 0 2em}.feature-2 .int-img .img-2{max-width:270px;right:0}.feature-3 .img-2{max-width:350px;bottom:-30px}}@media only screen and (max-width:1023px){body h2{font-size:30px}p{font-size:16px}.int-banner-section .col-1{order: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:500px;text-align:center;margin:0 auto 40px}.int-banner-section{padding:3em 0 5em}.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{left:0;max-width:280px;right:0;bottom:-80px;margin:0 auto}.int-section{padding:3em 0}.int-content{max-width:500px;margin:0 auto 30px;text-align:center;padding:0}.int-img{max-width:550px;margin:0 auto}.int-section.left-wrap .col-1{order:0}.left-wrap .int-content{padding:0}.wrapper .int-section:nth-child(2n+2) .col-1{order:0}.wrapper{padding:0 0 3em}.int-section.feature-1{margin-bottom:0}.feature-2 .int-content{margin:0 auto 50px;max-width:390px}.int-section:nth-child(2n+2) .int-img{margin:0 auto}.feature-2 .int-img .img-2{top:50%}.cta-section .content-wrap{max-width:500px}.cta-section{padding:3em 0}}@media only screen and (max-width:767px){h1{font-size:30px}.rows>div{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%}body h2{font-size:28px}.int-banner-section{padding:3em 0}.int-banner-section .banner-img img{max-width:400px;width:100%;display:block;margin:0 auto}.wrapper{padding:0 0 5em}.int-section{padding:3em 0 1em}.int-content{max-width:500px;text-align:center;margin-bottom:40px}.int-section.left-wrap .col-1{order:0}.feature-1 .int-img .img-3,.feature-1 .int-img .img-4{display:none}.int-section.feature-1{padding-bottom:1em}.feature-2 .int-img .img-2{max-width:200px;top:70%;right:30px}.feature-3 .img-2{max-width:300px}.int-section.feature-2{padding-bottom:4em}.cta-section span.icon{display:none}}@media only screen and (max-width:480px){.int-content{max-width:360px}.int-img{max-width:320px;margin:0 auto}.int-section img{border-radius:10px}.feature-1 .int-img .img-2{max-width:150px;bottom:20px}.int-section.feature-2{padding-bottom:2em}.feature-2 .int-img .img-2{max-width:160px;top:50%;right:0}.feature-3 .img-2{max-width:200px;right:30px}}