*,*:before,*:after{box-sizing:border-box}.fadeinup{opacity:0;-ms-filter:"alpha(opacity=0)";-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);-webkit-transition:opacity .75s ease-in,-webkit-transform .75s cubic-bezier(0.39,0.575,0.565,1);transition:opacity .75s ease-in,-webkit-transform .75s cubic-bezier(0.39,0.575,0.565,1);transition:opacity .75s ease-in,transform .75s cubic-bezier(0.39,0.575,0.565,1);transition:opacity .75s ease-in,transform .75s cubic-bezier(0.39,0.575,0.565,1),-webkit-transform .75s cubic-bezier(0.39,0.575,0.565,1);transition:opacity .75s ease-in,transform .75s cubic-bezier(0.39,0.575,0.565,1),-webkit-transform .75s cubic-bezier(0.39,0.575,0.565,1)}.zin-view.fadeinup{opacity:1;-ms-filter:"alpha(opacity=100)";-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.category-wrap,.category-wrap>ul li,#zsearch_data li{box-sizing:border-box}ul#zsearch_data{flex-wrap:wrap;display:flex}.bounceball{position:relative;display:inline-block;height:37px;width:15px}.bounceball:before{position:absolute;content:'';display:block;top:0;width:15px;height:15px;border-radius:50%;background-color:#387db5;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:bounce 500ms alternate infinite ease;animation:bounce 500ms alternate infinite ease}.text{color:#387db5;display:inline-block;margin-left:5px}.zloader .content-wrap{position:static}.zloader .loading{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.zloader{height:400px;position:relative}@-webkit-keyframes bounce{0%{top:30px;height:5px;border-radius:60px 60px 20px 20px;-webkit-transform:scaleX(2);transform:scaleX(2)}35%{height:15px;border-radius:50%;-webkit-transform:scaleX(1);transform:scaleX(1)}100%{top:0}}@keyframes bounce{0%{top:30px;height:5px;border-radius:60px 60px 20px 20px;-webkit-transform:scaleX(2);transform:scaleX(2)}35%{height:15px;border-radius:50%;-webkit-transform:scaleX(1);transform:scaleX(1)}100%{top:0}}.zsearch_div{position:relative;display:table;margin:0 auto;border-radius:10px;overflow:hidden;border:1px solid #dadada}.zsearch_div:before{position:absolute;right:15px;top:0;bottom:0;margin:auto;background:var(--common-elements) no-repeat;background-size:800px auto;background-position:-380px 0;width:20px;height:20px;z-index:9;opacity:.3;transform:scale(0.9);content:''}.zsearch_div input{width:400px;padding:10px 14px;display:inline-block;min-height:45px;position:relative;color:#000;font-size:14px;background:#fff;border:0}.zsearch_div .zclose-icon:after{content:'';width:12px;height:12px;position:absolute;right:20px;top:0;bottom:0;margin:auto;background:url(//www.zohowebstatic.com/sites/zweb/images/commonroot/branding-sprite.png) no-repeat -12px 0/24px auto}.zsearch_div .zclose-icon{border:1px solid transparent;background-color:transparent;vertical-align:middle;outline:0;cursor:pointer;display:none;position:absolute;right:0;top:20px}.zactivated .zsearch_div .zclose-icon{display:block}.zactivated .zsearch_div:before{display:none}.notfound-msg{text-align:center}.notfound-msg h3{font-size:22px;font-family:var(--zf-secondary-semibold)}.notfound-msg h4{font-family:var(--zf-secondary-semibold);max-width:460px;margin:0 auto 30px;font-size:20px}.notfound-msg{background:#fff;border:1px solid #c1c1c1;padding:30px;max-width:520px;margin:0 auto;margin-bottom:120px;border-radius:7px;display:none}.notfound-msg.show{display:block;transform:translateY(0);opacity:1;transition:all 1s;-webkit-animation:not-found 1s;animation:not-found 1s}@-webkit-keyframes not-found{0%{opacity:0;transform:translateY(80px)}100%{opacity:1;transform:translateY(0)}}.addons-search-wrap{margin-top:100px;display:none;margin-bottom:100px}.addons-integration-wrap{padding:100px 0 0;position:relative}.integration-part{max-width:980px;margin:0 auto;text-align:center}.integration-part>h1{margin:0 auto 20px}.integration-part>p{margin:0 auto 40px;max-width:800px}.integration-nav{position:relative;margin:0 0 20px;text-align:center;transition:all 500ms ease}.integration-nav ul{margin:0 auto;display:inline-block;border:1px solid #ddd;background:#fff}.integration-nav ul li{display:inline-block;float:left;border-left:1px solid #ddd;background:#fff}.integration-nav ul li:first-child{border-left:0}.integration-nav ul li a{display:inline-block;font-size:13px;padding:10px 20px;text-transform:uppercase;color:#333;border-bottom:2px solid transparent}.integration-nav ul li a.active{color:#00add5}.category-wrap{margin:90px auto;background:#fff;max-width:1170px}.category-wrap>h2{padding:20px;box-sizing:border-box;margin-bottom:0}.category-wrap>ul{width:100%;box-sizing:border-box;display:flex;flex-wrap:wrap}.category-wrap>ul li,#zsearch_data li{display:flex;width:25%;padding:15px;vertical-align:middle}.category-wrap>ul li:hover>div,#zsearch_data li:hover>div{box-shadow:0 0 10px 2px #e9e9e9}.category-wrap>ul li .addon-wrap,#zsearch_data li .addon-wrap{padding:30px 15px;box-sizing:border-box;border:1px solid #ececec;text-align:center;-webkit-transition:all 500ms ease;transition:all 500ms ease;height:100%}.category-wrap>ul li a,.category-wrap>ul li .addon-wrap p,#zsearch_data li a,#zsearch_data li .addon-wrap p{font-size:16px}.category-wrap>ul li .addon-wrap p,#zsearch_data li .addon-wrap p{margin:0 0 10px;color:#000}.addon-image img{height:auto;max-height:100%;width:auto;max-width:150px}.category-wrap>ul li .addon-image,#zsearch_data li .addon-image{height:48px;width:100%;margin-bottom:10px;text-align:center}.integration-part-block{color:#000;background-size:cover;display:table;width:100%;padding:40px 20px;box-sizing:border-box;min-height:230px}.integration-part{text-align:center}.integration-part{max-width:980px;margin:0 auto 40px;text-align:center}.integration-part>h1{text-align:center}.integration-part-block .integration-part>p{margin:0 auto 0;text-align:center}.category-wrap>ul li .addon-wrap,#zsearch_data li .addon-wrap{cursor:pointer;align-items:center;display:flex;width:100%;text-align:center;border-radius:8px}.addons-integration-wrap{padding:0;min-height:1000px;background:#fff;width:100%;display:none}.addons-inner-wrap .integration-nav .active a{color:#03a9f5;font-weight:600}.addons-inner-wrap .integration-nav ul li a{min-width:150px;padding:7px 10px;font-size:16px;text-align:left;text-transform:capitalize}.addons-inner-wrap .integration-nav{max-width:1027px;margin:0 auto}.addons-inner-wrap .integration-nav ul{display:block;width:100%;border:1px solid #ececec;overflow-y:scroll;height:600px;padding-left:20px;padding-top:20px;border-radius:8px}.addons-inner-wrap .integration-nav ul li{width:100%;display:block;text-align:left;border:0;background:transparent}.addons-inner-wrap .integration-nav ul li a{width:100%;box-sizing:border-box}.addons-inner-wrap .integration-nav{max-width:280px;position:inherit;transition:ease all .5s;width:100%}.addons-inner-wrap .integration-nav.stick{width:100%;position:fixed;top:0;left:auto;padding:0;margin-top:0;transition:ease all .5s;margin-top:120px}.addons-main-category-wrap{margin-left:25%}.addons-inner-wrap{float:left;width:280px;margin-top:98px}.addons-inner-wrap.sticky{position:-webkit-sticky;position:sticky;top:100px}.addons-integration-wrap+.category-wrap{position:relative;z-index:2;margin:0 auto}.category-wrap>ul li,#zsearch_data li{width:25%}.addons-inner-wrap .integration-mob-nav{display:none}@media only screen and (max-width:1279px){.addons-inner-wrap .integration-mob-nav{display:inline-block;position:relative}.addons-inner-wrap.sticky{top:40px}.addons-inner-wrap .integration-mob-nav:after{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #d8d8d8;content:"";position:absolute;right:20px;top:20px}.addons-inner-wrap .integration-nav{display:none !important}.addons-main-category-wrap{max-width:960px;margin:0 auto;display:inline-block}.addons-inner-wrap{display:inline-block;margin:0 auto 40px;width:100%;text-align:center;float:none;position:-webkit-sticky;position:sticky;top:0;background:#fff;padding:40px 0;border-bottom:1px solid #f3f3f3}.addons-inner-wrap .integration-mob-nav select{padding:10px;font-size:16px;border:1px solid #efefef;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:45px}}@media only screen and (max-width:1140px){.addons-inner-wrap.sticky{top:0}}@media only screen and (max-width:991px){.category-wrap>ul li,#zsearch_data li{width:50%}.addons-main-category-wrap{margin-left:0;width:100%;margin:0 auto;padding:0 20px;box-sizing:border-box}}@media only screen and (max-width:767px){.category-wrap>ul li,#zsearch_data li{width:100%;margin-bottom:10px;max-width:280px;margin:0 auto;display:block}.integration-part-block{margin-top:-10px}.category-wrap>ul li:last-child .addon-wrap,.category-wrap>ul li:nth-child(2n) .addon-wrap,#zsearch_data li:last-child .addon-wrap,#zsearch_data li:nth-child(2n) .addon-wrap{border-right:1px solid #ececec}.fadeinup{opacity:1;-ms-filter:"alpha(opacity=100)";-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.zloader .loading{width:250px}.zsearch_div input{width:280px}}@media only screen and (min-width:768px) and (max-width:1024px){.category-wrap>ul li,#zsearch_data li{width:33.3%}}@media only screen and (min-width:768px) and (max-width:991px){.integration-nav ul li a{padding:7px 15px}}@media only screen and (max-width:767px){.addons-integration-wrap{padding:0}.category-wrap>ul li:last-child .addon-wrap,.category-wrap>ul li:nth-child(2n) .addon-wrap{border-right:0}.integration-nav ul{max-width:420px;position:relative}.integration-nav ul:after{content:'';position:absolute;left:50%;top:0;width:1px;height:100%;background:#ddd}.integration-nav ul li{box-sizing:border-box;width:50%;border-left:0}.category-wrap{max-width:420px;margin:15px auto 0}.category-wrap>h2{text-align:center}.category-wrap>ul{width:100%;margin:0}.category-wrap>ul li,#zsearch_data li{width:100%;margin-bottom:10px}.category-wrap>ul li .addon-wrap p a.read-more,#zsearch_data li .addon-wrap p a.read-more{display:inline-block}.category-wrap>ul li .addon-image,#zsearch_data li .addon-image{margin-bottom:10px}}@media only screen and (max-width:767px){.main-container-wrapper #mini-panel-product_menu,.zph-sticky .main-container-wrapper #mini-panel-product_menu{background:#fff}}.category-wrap>ul li .addon-wrap a,#zsearch_data li .addon-wrap a{display:table;margin:0 auto;color:#000}.category-wrap>ul li .addon-wrap img,#zsearch_data li .addon-wrap img{margin-bottom:20px}.projects-api{padding:50px;background:#dbf1ff;margin:50px 15px 80px}.projects-api:after{content:'';display:table;clear:both}.projects-api .img-part{display:inline-block;width:30%;float:left}.projects-api .cont-part{display:inline-block;width:70%;float:left;text-align:left;padding:0 0 0 100px;box-sizing:border-box}.projects-api h2{padding:0;margin-bottom:15px}.projects-api p{margin:0 0 15px}.act-btn{position:relative;display:inline-block;font-family:var(--zf-primary-semibold),Arial,Helvetica,sans-serif;padding:10px 30px;text-align:center;text-transform:uppercase;-webkit-transition:all .5s ease 0;transition:all .5s ease 0;margin:0;background:#f0483e;color:#fff;border:1px solid transparent;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1}.zflex-wrap .pop-content-left{width:50%;background:url(//www.zohowebstatic.com/sites/zweb/images/vault/vault-desktop-image.png) no-repeat #aabfd0;background-position:160px center;background-size:730px}.zflex-wrap .pop-content-right{width:50%;background:#fff;text-align:left;padding:80px;overflow:hidden;position:relative}.zflex-wrap{display:flex;flex-wrap:wrap}.modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;max-width:1180px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}.modal{display:none;position:fixed;z-index:9999;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}.modal-body h2{font-family:var(--secondaryfont-bold);font-size:42px;margin-bottom:30px}.modal-body span.pass_icon{position:relative;padding-left:40px;color:#048c0b;margin-bottom:50px;display:inline-block;font-size:23px;font-family:var(--zf-primary-semibold)}.modal-body .act-btn{margin-top:30px}.close{color:#fff;float:right;font-size:28px;font-weight:bold;position:absolute;top:0;right:0;background:#000;width:30px;height:30px;text-align:center;line-height:29px;cursor:pointer}@media only screen and (max-width:1336px){.zflex-wrap .pop-content-left{display:none}.zflex-wrap .pop-content-right{width:100%}.modal-content{max-width:700px}}@media only screen and (max-width:1280px){.category-wrap{max-width:900px;margin-left:0}.toggle-btn:before{content:'';border:solid black;border-width:0 3px 3px 0;display:inline-block;padding:7px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-top:11px;transition:ease all .5s;-webkit-transition:ease all .5s;margin-left:-5px}.toggle-btn{width:40px;height:40px;background:#fff;border:1px solid #ddd;position:absolute;right:-42px;transition:ease all .5s;-webkit-transition:ease all .5s;cursor:pointer;border-left:0;top:-1px}.addons-inner-wrap .integration-nav ul li a{padding:10px 15px 10px 25px}.addons-inner-wrap .integration-nav.active-arrow .toggle-btn:before{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:11px;margin-left:10px;transition:ease all .5s;-webkit-transition:ease all .5s}.addons-integration-wrap+.category-wrap{position:relative;z-index:2;margin-left:0;width:90%;margin:0 auto;box-sizing:border-box;padding:0 20px}.category-wrap>ul li{width:calc(100% / 3)}}@media only screen and (max-width:1279px){.addons-integration-wrap+.category-wrap{position:relative;z-index:2;margin-left:0;width:90%;margin:0 auto;box-sizing:border-box;padding:0 20px}.category-wrap{max-width:100%;margin-left:0;margin-top:20px}}@media only screen and (max-width:767px){.category-wrap>ul li{width:100%;margin-bottom:10px;max-width:280px;margin:0 auto}.category-wrap{max-width:100%;margin:15px auto 0;text-align:center}.projects-api .img-part{width:100%}.projects-api .cont-part{width:100%;padding:30px 0 0 0}.category-wrap>ul li:last-child .addon-wrap,.category-wrap>ul li:nth-child(2n) .addon-wrap{border-right:1px solid #ececec}}