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-color:#ffefdd;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.integrately::before{background-position:0 2px;background-image:url(/sites/zweb/images/notebook/integrately/integrately.png);background-size:69px;width:69px;height:70px;left:0;transform:none;right:0;margin:auto;top:0;bottom:0}.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-repeat:no-repeat;content:"";position:absolute;left:0;top:0;background-size:850px;right:0;bottom:0;margin:auto;background-size:52px;width:52px;height:52px}.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(147deg) translate(365px) rotate(-147deg) scale(0.9);-webkit-transform:rotate(147deg) translate(365px) rotate(-147deg) scale(0.9);-ms-transform:rotate(147deg) translate(365px) rotate(-147deg) scale(0.9)}.integration-section ul li.google-calendar{transform:rotate(35deg) translate(348px) rotate(-37deg) scale(0.9);-webkit-transform:rotate(35deg) translate(348px) rotate(-37deg) scale(0.9);-ms-transform:rotate(35deg) translate(348px) rotate(-37deg) scale(0.9)}.integration-section ul li.mail{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(-35deg) translate(349px) rotate(34deg) scale(0.9);-webkit-transform:rotate(-35deg) translate(349px) rotate(34deg) scale(0.9);-ms-transform:rotate(-35deg) translate(349px) rotate(34deg) scale(0.9)}.integration-section ul li.pinterest{transform:rotate(-147deg) translate(365px) rotate(146deg) scale(0.9);-webkit-transform:rotate(-147deg) translate(365px) rotate(146deg) scale(0.9);-ms-transform:rotate(-147deg) translate(365px) rotate(146deg) scale(0.9)}.integration-section ul li.Evernote{transform:rotate(90deg) translate(342px) rotate(-90deg) scale(0.9);-webkit-transform:rotate(90deg) translate(342px) rotate(-90deg) scale(0.9);-ms-transform:rotate(90deg) translate(342px) rotate(-90deg) 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;border-radius:50%;justify-content:center;align-items:center;border:1px solid #f6d0a5;background-color:#ffead1}.integration-section ul li.google-calendar span::before{background-image:url(/sites/zweb/images/otherbrandlogos/instagram.svg)}.integration-section ul li.mail span::before{background-image:url(/sites/zweb/images/otherbrandlogos/twitter.svg)}.integration-section ul li.twitter span::before{background-image:url(/sites/zweb/images/otherbrandlogos/gmail.svg);height:42px}.integration-section ul li.rss span::before{background-image:url(/sites/zweb/images/otherbrandlogos/whatsapp-icon.svg)}.integration-section ul li.pinterest span::before{background-image:url(/sites/zweb/images/otherbrandlogos/pinterest.svg)}.integration-section ul li.Evernote span::before{background-image:url(/sites/zweb/images/otherbrandlogos/google-docs.svg);height:63px;background-size:43px;width:43px}.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}.wrapper.feature-wrap{background-color:#fffcf5;overflow-x:hidden}.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 #06c545;border-radius:10px}.int-img{position:relative;height:550px}.int-img .img-2{position:absolute;right:-22%;bottom:7%;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.left-wrap.feature-2 .img-2{right:-8%}.int-section.feature-3 .img-2{right:-21%;bottom:7%}.int-section .img-2 img{border:2px solid #000;width:75%}.int-section .rows .col-1{flex:0 0 45%;-ms-flex:0 0 45%;max-width:37%}.int-section .rows .col-2{flex:0 0 60%;-ms-flex:0 0 60%;max-width:52%}.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/integrately/arrow-pattern.png);width:60px;height:60px;background-repeat:no-repeat;content:"";position:absolute;background-size:60px;right:13%;top:27%;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-1 img{width:90%}.int-section.feature-1 .img-2 img{border:1px solid #000;width:86%}.int-section.feature-1 .img-2{max-width:370px;right:9%;bottom:12%}.int-section.feature-1 .pattern{top:27%;right:28%}.int-section.feature-2 .pattern{top:29%;right:20%}.int-section.feature-3 .pattern{top:26%;right:7%}.int-section.feature-3 .img-2 img{width:75%}.cta-section{background-color:#221802;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{display:block;width:45px;height:48px;background-repeat:no-repeat;background-size:45px;margin-bottom:20px}.int-img span.icons.wa{background-image:url(/sites/zweb/images/otherbrandlogos/whatsapp-icon.svg)}.int-img span.icons.gmail{background-image:url(/sites/zweb/images/otherbrandlogos/gmail.svg)}.int-img span.icons.pinterest{background-image:url(/sites/zweb/images/otherbrandlogos/pinterest.svg)}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:#000}.int-section.feature-3 .img-1 img{border-color:#fb2e4c;width:100%}.heading-integ,.para-integ{text-align:center}.para-integ{width:69%;margin:0 auto 53px}@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)}.int-section.feature-1 .pattern{right:17%}.int-section.feature-2 .pattern{right:9%}.int-section.feature-3 .pattern{right:11%}.int-section.feature-3 .img-1 img{width:78%}.int-section.feature-3 .img-2{right:-12%}.int-img .img-2{right:-8%}}@media only screen and (max-width:1199px){h1{font-size:36px}body h2{font-size:32px}.int-banner-section .banner-content{max-width:449px}.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:-99px;bottom:-44px}.int-img .img-2{max-width:280px;bottom:-40px;right:-88px}.cta-section .content-wrap{max-width:500px}.cta-section{padding:3em 0}.int-section.feature-3 .img-1 img{width:79%}.int-section.feature-3 .img-2{right:-21%;bottom:-11%}}@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:-30px;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:334px}.int-section.left-wrap.feature-2{padding:3em 0}.cta-section span.icon{display:none}.int-section.feature-3 .img-2{right:1%;bottom:-16%}.int-section.feature-1 .img-1 img,.int-section.feature-3 .img-1 img,.int-section.feature-3 .img-2 img{width:100%}.int-section .img-2 img{width:100%}.para-integ{width:87%}.int-section.left-wrap.feature-2 .img-2{right:0}}