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:50px}p{font-size:18px}.zw-product-header,.int-banner-section{background:#fff5eb;background-repeat:repeat;background-size:300px}a.cta-btn.act-btn{border-radius:4px;padding:12px 30px;font-size:16px}.int-banner-section{padding:12em 0 13em;overflow:hidden}.int-banner-section .banner-content{max-width:470px}.int-banner-section .banner-content p{margin:20px 0 25px}.int-banner-section .integrate-logo{display:flex;display:-ms-flexbox;justify-content:center;-ms-flex-pack:center;align-items:center;-ms-flex-align:center;margin-bottom:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.int-banner-section .integrate-logo span.plus{font-size:36px;margin:0 20px;opacity:0;transition:all 1s ease}.integrate-logo span.int-logo{padding:25px 0;position:relative;width:105px;height:105px;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%}span.int-logo.notebook-logo:before{transform:translate(-50%,-50%) scale(1.5)}.int-banner-section .integrate-logo span.ifttt-logo::before{background-position:0 2px;background-image:url(/sites/zweb/images/notebook/znb-iftt-sprites.png);background-size:350px;width:77px;height:24px}.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}.int-banner-section .banner-img img{margin:60px auto 0;display:block;max-width:700px}.integration-section ul li{position:absolute;top:0;z-index:10;transition:all 2s;-webkit-transition:all 2s}.integration-section{transform:scale(0.3);-webkit-transform:scale(0.3);-ms-transform:scale(0.3);opacity:0;transition:all 1s;-webkit-transition:all 1s;position:relative;transition-delay:.5s}.bottom-animated .integration-section{transform:scale(0.8);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);opacity:1}.int-list{position:relative;z-index:10}.integration-section ul li span{display:inline-block;width:150px;height:100px;position:relative;border-radius:10px}.integration-section ul.list-rot li span{transform:scale(0.8);-webkit-transform:scale(0.8);-ms-transform:scale(0.8)}.integration-section ul li span::before{background:url(/sites/zweb/images/notebook/znb-iftt-sprites.png);width:100%;height:100%;background-repeat:no-repeat;background-position:-329px -1px;content:"";position:absolute;left:50%;top:50%;background-size:850px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);right:0}.circle-animate{position:absolute;width:600px;height:600px;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.circle-animate span.circle-1{background:#fff3e5;display:block;width:500px;height:500px;border:1px solid #eadecc;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.circle-animate span.circle-2{position:absolute;width:700px;height:700px;border:1px solid #eadecc;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.integration-section ul li.twitter{transform:rotate(90deg) translate(355px) rotate(-90deg) scale(0.9);-webkit-transform:rotate(120deg) translate(340px) rotate(-120deg) scale(0.9);-ms-transform:rotate(90deg) translate(355px) rotate(-90deg) scale(0.9)}.integration-section ul li.google-calendar{transform:rotate(0) translate(295px) rotate(0) scale(0.9);-webkit-transform:rotate(0) translate(345px) rotate(0) scale(0.9);-ms-transform:rotate(0) translate(295px) rotate(0) scale(0.9)}.integration-section ul li.facebook{transform:rotate(-180deg) translate(355px) rotate(180deg) scale(0.9);-webkit-transform:rotate(-180deg) translate(355px) rotate(180deg) scale(0.9);-ms-transform:rotate(-180deg) translate(295px) rotate(180deg) scale(0.9)}.integration-section ul li.instagram{transform:rotate(-90deg) translate(355px) rotate(90deg) scale(0.9);-webkit-transform:rotate(-90deg) translate(355px) rotate(90deg) scale(0.9);-ms-transform:rotate(-90deg) translate(355px) rotate(90deg) scale(0.9)}.integration-section ul li.rss{transform:rotate(-45deg) translate(255px) rotate(45deg) scale(0.9);-webkit-transform:rotate(-45deg) translate(255px) rotate(45deg) scale(0.9);-ms-transform:rotate(-45deg) translate(255px) rotate(45deg) scale(0.9)}.integration-section ul li.pocket{transform:rotate(-135deg) translate(255px) rotate(135deg) scale(0.9);-webkit-transform:rotate(-135deg) translate(255px) rotate(135deg) scale(0.9);-ms-transform:rotate(-135deg) translate(255px) rotate(135deg) scale(0.9)}.integration-section ul li.Evernote{transform:rotate(60deg) translate(255px) rotate(-60deg) scale(0.9);-webkit-transform:rotate(60deg) translate(255px) rotate(-60deg) scale(0.9);-ms-transform:rotate(60deg) translate(255px) rotate(-60deg) scale(0.9)}.integration-section ul li,.integration-section ul.forms.main{display:flex;position:absolute;top:50%;left:50%;margin:-42px;width:100px;height:100px;background:#fff;border-radius:10px;justify-content:center;align-items:center}.integration-section ul li.google-calendar span::before{background-position:-266px 13px}.integration-section ul li.twitter span::before{background-position:-184px 13px;width:90px}.integration-section ul li.facebook span::before{background-position:-624px 13px}.integration-section ul li.instagram span::before{background-position:-446px 13px}.integration-section ul li.rss span::before{background-position:-356px 13px}.integration-section ul li.pocket span::before{background-position:-534px 13px}.integration-section ul li.Evernote span::before{background-position:0 -50px;width:70px;height:80px}.circle-animate span.circle-1,.circle-animate span.circle-2{opacity:0}.bottom-animated .circle-animate span.circle-1{opacity:1}.bottom-animated .circle-animate span.circle-2{opacity:1}.integrate-logo span.notebook-logo{transform:translateX(30px);opacity:0;transition:all .7s ease}.integrate-logo span.ifttt-logo{transform:translateX(-30px);opacity:0;transition:all .7s ease}.bottom-animated .integrate-logo span.plus,.bottom-animated .integrate-logo span.int-logo{transform:translateX(0);opacity:1}.wrapper{padding:0 0 6em}.int-section{padding:6em 0 2em}.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{box-shadow:0 0 20px rgba(0,0,0,0.1);border:1px solid #2dadf4;border-radius:10px}.int-img{position:relative;height:550px}.int-img .img-2{position:absolute;right:0;bottom:0;transform:translateY(30px);opacity:0;transition:all 1s ease;transition-delay:.6s}.middle-animated .int-img .img-2{transform:translateY(0);opacity:1}.int-section .img-2 img{border:2px solid #000}.int-section .rows .col-1{flex:0 0 45%;-ms-flex:0 0 45%;max-width:33%}.int-section .rows .col-2{flex:0 0 60%;-ms-flex:0 0 60%;max-width:60%}.int-section.left-wrap .col-1{order:2}.int-content{max-width:500px}.int-img>div{max-width:450px;position:relative;z-index:1}.int-section.feature-3 .img-1{max-width:540px}.int-section span.pattern{background:url(/sites/zweb/images/notebook/znb-iftt-sprites.png);width:170px;height:170px;background-repeat:no-repeat;background-position:-884px -1px;content:"";position:absolute;background-size:1050px;left:190px;bottom:0;opacity:0;transform:scale(0.5);transition:all 1s ease;-webkit-transition:all 1s ease;transition-delay:1.5s}.middle-animated span.pattern{opacity:1;transform:scale(1)}.int-section.feature-1 .img-2 img{border:0;border-radius:30px}.int-section.feature-1 .img-2{max-width:370px;right:90px;bottom:50px}.cta-section{background:url(/sites/zweb/images/notebook/znb-cta-pattern.jpg);text-align:center;color:#fff;padding:6em 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}span.icon.icon-1{top:0;left:90px}span.icon.icon-2{right:-20px;bottom:-10px;border-color:#fb5164}span.icon.icon-3{left:0;bottom:0;border-color:#e4bf20;border-radius:100%}span.icon.icon-4{right:110px;top:10px;border-color:#29c0e8;border-radius:50%}.int-img span.icons{background:url(/sites/zweb/images/notebook/znb-iftt-sprites.png);display:block;width:60px;height:50px;background-repeat:no-repeat;background-position:-120px 0;background-size:550px;margin-bottom:20px}.feature-2 .int-img span.icons{background-position:-237px 0;width:50px}.feature-3 .int-img span.icons{background-position:-351px 0}span.circle-1::before{background:url(/sites/zweb/images/notebook/znb-iftt-sprites.png) no-repeat;background-size:2410px;background-position:-2047px 10px;content:"";width:350px;height:380px;position:absolute;left:0;right:0;margin:0 auto;top:56px;opacity:.6}.int-section.feature-2 .img-1 img{border-color:orange}.int-section.feature-3 .img-1 img{border-color:#fb2e4c}@media only screen and (min-width:767px){.middle-animated .banner-img img,.active .feature-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}}@media only screen and (max-width:1280px){.int-banner-section .banner-img{position:relative;transform:scale(0.9)}}@media only screen and (max-width:1199px){h1{font-size:36px}body h2{font-size:32px}.int-banner-section .banner-content{max-width:400px}.int-banner-section .banner-img{position:relative;transform:scale(0.8);transform-origin:center}.int-banner-section{padding:7em 0}.wrapper{padding:0 0 3em}.int-section{padding:3em 0 2em}.int-img{position:relative;height:490px}.feature-1 .int-img{position:relative;height:370px}.int-img>div{max-width:350px}.int-section.feature-1 .img-2{max-width:320px;bottom:-20px}span.pattern{display:none}}@media only screen and (max-width:1023px){body h2{font-size:30px}p{font-size:16px}.integration-section{display:none}.int-banner-section .col-1{order: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}.int-banner-section{padding:3em 0 4em}.int-banner-section .banner-img img{max-width:500px}.int-section{padding:3em 0}.int-content{max-width:500px;margin:0 auto;text-align:center}.int-img{position:relative;height:auto;max-width:400px;margin:0 auto}.int-section.left-wrap .col-1{order:0}.int-section.feature-1 .img-2{right:-20px}.int-img .img-2{max-width:280px;bottom:-30px;right:-30px}.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%}.int-banner-section .banner-img img{max-width:400px;width:100%}.int-section{padding:3em 0}.int-content{max-width:500px;text-align:center;margin-bottom:40px}.int-section.left-wrap .col-1{order:0}.int-section.feature-1{padding-bottom:1em}.int-section.feature-1 .img-2{max-width:250px;right:0;bottom:0}.int-section.feature-3 .img-1{max-width:330px}.int-img .img-2{max-width:240px;bottom:-50px;right:10px}.int-img>div{max-width:270px}.int-section.left-wrap.feature-2{padding:3em 0}.cta-section span.icon{display:none}}