.zw-product-directory{position:relative}header,.banner-section{background-color:#fbf7ec}.zw-product-directory:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}.optionb #zsearch-wrap span.zarrow::after{display:block !important;width:0;height:0;content:"";border-bottom:4px solid transparent;border-left:5px solid #03a9f5;border-top:4px solid transparent;position:absolute;right:-12px;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%)}.addons-integration-wrap{background:#fff}.addons-inner-category-wrap{padding-bottom:8em}.addons-inner-wrap.stick.remove{display:none}.integration-wrap .addons-main-category-wrap.nomenu{margin:0}.addons-inner-wrap.remove{display:none !important}.integration-wrap .addons-inner-wrap{float:left;display:inline-block;width:260px;margin-top:50px;padding-right:0;transition:ease all .5s;-webkit-transition:ease all .5s;text-align:center;position:sticky;position:-webkit-sticky;top:90px}.integration-wrap .addons-inner-wrap.stick{position:sticky;position:-webkit-sticky;top:90px;left:auto;padding:0;transition:ease all .5s;-webkit-transition:ease all .5s}.integration-wrap .addons-inner-wrap.stick-fix{position:fixed;top:50px;left:auto;padding:0;transition:ease all .5s;-webkit-transition:ease all .5s}.integration-wrap .addons-inner-wrap .integration-nav h4{text-align:left;color:#000;font-size:15px;margin-bottom:30px;font-family:var(--zf-primary-bold),var(--zf-secondary-thin);text-transform:uppercase}.integration-wrap .addons-inner-wrap .integration-nav ul{display:block;width:100%;border:0;margin:0;background:#fff;max-width:280px}.integration-wrap .addons-inner-wrap .integration-nav ul li{width:100%;display:block;text-align:left;border:0;float:left;padding:8px 25px 8px 20px;line-height:28px;position:relative;border-radius:10px;margin-bottom:3px;z-index:111}.integration-wrap .addons-inner-wrap .integration-nav ul li a{font-size:15px;text-align:left;text-transform:capitalize;color:#555;display:inline-block;line-height:1.4;transition:all .4s cubic-bezier(0.4,0,1,1);-webkit-transition:all .4s cubic-bezier(0.4,0,1,1)}.integration-wrap .integration-nav li.stickey-nav-list.active a{color:#fff;transition:all .4s cubic-bezier(0.4,0,1,1);-webkit-transition:all .4s cubic-bezier(0.4,0,1,1)}.integration-wrap .integration-nav li.stickey-nav-list.active span.zarrow{opacity:1;visibility:visible;transition:all .4s cubic-bezier(0.4,0,1,1);-webkit-transition:all .4s cubic-bezier(0.4,0,1,1)}.integration-nav{position:relative}.integration-nav span.indicator{background:#1876d3;position:absolute;width:100%;z-index:1;height:50px;border-radius:10px;display:block;transition:all .5s cubic-bezier(0.4,0,1,1);-webkit-transition:all .5s cubic-bezier(0.4,0,1,1)}.integration-wrap .integration-nav li.stickey-nav-list.active span.zarrow::after{border-left:5px solid #fff}.integration-wrap .integration-nav span.zarrow{position:absolute;right:10px;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);opacity:0;visibility:hidden;transition:all .4s cubic-bezier(0.4,0,1,1);-webkit-transition:all .4s cubic-bezier(0.4,0,1,1)}.integration-wrap .integration-nav span.zarrow::after{width:0;height:0;content:"";border-bottom:5px solid transparent;border-left:5px solid #fff;border-top:5px solid transparent;position:absolute;right:0;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%)}.select-option{position:relative;margin-right:22px}.select-option select{border:1px solid #c3d8e4;color:#1876d3;margin-left:20px;padding:12px 40px 12px 12px;font-size:13px;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;z-index:1;transition:.5s ease;-webkit-transition:.5s ease;background:#fff;width:220px}.select-option::after{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #1876d3;position:absolute;right:14px;top:17px;content:"";display:block;z-index:1}.integration-wrap .addons-main-category-wrap{margin-left:23%}.integration-wrap .category-wrap{margin:0 auto 0;max-width:1170px;padding-bottom:4em}.integration-wrap .category-wrap .rows{display:flex;display:-ms-flexbox;justify-content:space-between;-ms-flex-pack:space-between;flex-wrap:wrap;-ms-flex-wrap:wrap}.integration-wrap .category-wrap h2{padding:0 0 40px;margin-bottom:0;font-family:var(--zf-secondary-bold);font-size:27px}.optiona.integration-wrap .category-wrap>ul{display:flex;display:-ms-flexbox;width:100%;flex:1 1;-ms-flex:1 1;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;flex-wrap:wrap;-ms-flex-wrap:wrap}.optionb.integration-wrap .category-wrap>ul{display:flex;display:-ms-flexbox;width:100%;flex:1 1;-ms-flex:1 1;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;flex-wrap:wrap;-ms-flex-wrap:wrap}.optiona.integration-wrap .category-wrap>ul li{display:inline-block;margin-bottom:15px;position:relative;padding-right:20px;width:25%}.optionb.integration-wrap .category-wrap>ul li{width:31%;display:inline-block;background:#fff;padding:40px 40px 80px 40px;vertical-align:top;margin-bottom:15px;position:relative;margin-right:15px}.optiona .category-wrap .addon-wrap{background:#fff;border:1px solid #d2d2d2;border-radius:10px;cursor:pointer;transition:all .2s ease-out;-webkit-transition:all .2s ease-out}.optiona .category-wrap .addon-wrap:hover{box-shadow:-1px 5px 10px 0 rgba(0,0,0,0.15);-webkit-box-shadow:-1px 5px 10px 0 rgba(0,0,0,0.15)}.optiona .category-wrap .addon-wrap .zint-icon{padding:0;position:relative;min-height:140px;display:flex;display:-ms-flexbox;justify-content:center;-ms-flex-pack:center;align-items:center;-ms-flex-align:center}.optionb .category-wrap .addon-wrap .zint-icon{line-height:0}.optionb .category-wrap .addon-wrap .zint-icon img{margin-bottom:15px}.category-wrap .addon-bottom{padding:20px 20px;border-top:1px solid #d2d2d2;position:relative}.category-wrap .addon-bottom h5{margin:0;font-size:17px;text-align:center}.optionb .category-wrap>ul li p{color:#444;font-size:15px}.optionb .addon-wrap a{position:relative;color:#03a9f5;font-family:var(--zf-primary-semibold);font-size:15px;position:absolute;bottom:40px}.optionb .addons-main-category-wrap span.zarrow{opacity:1;background:#03a9f5;top:10px;right:-10px;left:auto;line-height:1;width:4px;height:4px;border-top-right-radius:20%;text-align:left;display:inline-block;position:absolute;-webkit-transform:rotate(30deg) skewX(-30deg) scale(1,0.866);transform:rotate(30deg) skewX(-30deg) scale(1,0.866);-webkit-transform-origin:45% 75%;transform-origin:45% 75%}.optionb .addons-main-category-wrap .zarrow:before,.optionb .addons-main-category-wrap .zarrow:after{content:"";position:absolute;background-color:inherit;width:100%;height:100%;border-top-right-radius:20%}.optionb .addons-main-category-wrap .zarrow:after{-webkit-transform:rotate(135deg) skewY(-45deg) scale(0.707,1.414) translate(50%);transform:rotate(135deg) skewY(-45deg) scale(0.707,1.414) translate(50%)}.optionb .addons-main-category-wrap .zarrow:before{-webkit-transform:rotate(-135deg) skewX(-45deg) scale(1.414,0.707) translate(0,-50%);transform:rotate(-135deg) skewX(-45deg) scale(1.414,0.707) translate(0,-50%)}.category-wrap span.category-name{color:#666;font-family:var(--secondaryfont-regular);font-size:14px;display:block}#zsearch-wrap .category-wrap span.category-name{display:block}.category-wrap .addon-bottom a{position:relative;display:inline-block;font-size:13px}.category-wrap .addon-bottom a span.zarrow:after{width:0;height:0;content:"";border-bottom:4px solid transparent;border-left:5px solid #03a9f5;border-top:4px solid transparent;position:absolute;right:-12px;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%)}.zsearch-data input{width:100%;padding:10px 14px;display:inline-block;min-height:55px;position:relative;color:#000;font-size:13px;border-radius:10px;background:#fff;font-family:var(--zf-primary-regular);border:1px solid #d2d2d2}.zsearch_div{position:relative;display:flex;display:-ms-flexbox;margin:0 auto 30px;width:700px}.zsearch_div:before{position:absolute;right:20px;top:0;bottom:0;margin:auto;background:url(/sites/zweb/images/commonroot/branding-sprite.png) no-repeat 0 0/35px auto;width:17px;height:17px;z-index:9;content:""}.zsearch_div:after{content:none}.zactivated.zsearch_div:after,.zactivated.zsearch_div:before{display:none}.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}.search-box:not(:valid)~.zclose-icon{display:none}.zsearch_div .zclose-icon:after{content:"";width:12px;height:12px;position:absolute;right:20px;top:0;bottom:0;margin:auto;background:url(/sites/zweb/images/commonroot/branding-sprite.png) no-repeat -12px 0/24px auto}.zactivated.zsearch_div .zclose-icon{display:block}.zsearch-data{padding:6em 0 0}div#zsearch-wrap{display:none;padding-bottom:5em}div#zsearch-wrap h2{display:none}div#zsearch-wrap .category-wrap{padding:0;margin:0 auto}p.notfound-msg{text-align:center;color:#f0483d}.integration-wrap div#zsearch-wrap .addons-main-category-wrap{margin-left:0}div#zsearch-wrap ul li{transition:all .2s cubic-bezier(0.8,0,0.2,1);-webkit-transition:all .2s cubic-bezier(0.8,0,0.2,1);animation-name:item;-webkit-animation-name:item;animation-duration:.4s;-webkit-animation-duration:.4s;animation-fill-mode:backwards;-webkiot-animation-fill-mode:backwards}@keyframes item{0%{opacity:0;transform:translateY(10px);-webkit-transform:translateY(10px)}}.tooltip p{margin:0}.integration-wrap ul li .addon-wrap:hover+.tooltip{opacity:1;pointer-events:auto;transform:translateY(8px);-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transition:all .4s ease-out;-webkit-transition:all .4s ease-out}.integration-wrap .tooltip{background:#fff;top:100%;color:#000;display:block;left:0;margin-bottom:15px;opacity:0;padding:25px 25px;pointer-events:none;position:absolute;width:400px;-webkit-transform:translateY(18px);-moz-transform:translateY(18px);-ms-transform:translateY(18px);-o-transform:translateY(18px);transform:translateY(18px);transition:all 125ms ease-in 0;-webkit-box-shadow:0 6px 10px 3px rgba(218,215,215,0.4);-moz-box-shadow:0 6px 10px 3px rgba(218,215,215,0.4);-ms-box-shadow:0 6px 10px 3px rgba(218,215,215,0.4);-o-box-shadow:0 6px 10px 3px rgba(218,215,215,0.4);box-shadow:0 6px 10px 3px rgba(218,215,215,0.4);font-size:15px;margin-left:-90px;text-align:left;line-height:24px;border:1px solid #e0e0e070;border-radius:8px;z-index:10}.integration-wrap .tooltip p{color:#444;font-size:15px;text-align:center}.category-wrap:last-child .tooltip{bottom:100%;top:inherit}.category-wrap:last-child .color_wrap{top:0}.integration-wrap .category-wrap:last-child .tooltip:after{top:100%;border-top:solid #fff 10px;border-bottom:inherit}.integration-wrap .tooltip:before{bottom:-20px;content:" ";display:block;height:20px;left:0;position:absolute;width:100%}.integration-wrap .tooltip:after{border-left:solid transparent 10px;border-right:solid transparent 10px;border-bottom:solid #fff 10px;top:-10px;content:" ";height:0;left:50%;margin-left:-13px;position:absolute;width:0}.color_wrap{position:absolute;bottom:-1px;width:100%;height:4px;left:0;display:flex;display:-ms-flexbox;border-radius:8px 8px 0 0;overflow:hidden}.color_wrap>div{width:25%}.cred{background:#cf2230}.cgreen{background:#25a049}.cblue{background:#197fbd}.cyellow{background:#f3af20}@media only screen and (max-width:1600px){.integration-part{padding-bottom:70px}.integration-part-block{padding:40px 0 100px;position:relative}.integration-wrap .addons-main-category-wrap{margin-left:25%}.integration-wrap .addons-inner-wrap,.integration-wrap .addons-inner-wrap .integration-nav.stick{width:270px}.addon-bottom h5{margin:0;font-size:14px}.integration-wrap .addons-inner-wrap .integration-nav ul li a{font-size:15px}.category-wrap h2{font-size:23px}.integration-wrap .addons-inner-wrap{margin-top:15px}}@media only screen and (max-width:1366px){.integration-wrap .tooltip{width:300px;margin-left:-40px}}@media only screen and (max-width:1199px){.content-wrap{width:95%;max-width:900px}.integration-wrap .addons-main-category-wrap{margin-left:0}.optiona.integration-wrap .category-wrap>ul li{width:33%}.category-wrap>ul li{margin-bottom:0;padding:8px}.integration-wrap .addons-inner-wrap{display:none !important}.integration-wrap .category-wrap{padding-bottom:2em}.category-wrap h2{padding:10px 10px 40px}.addons-inner-category-wrap{padding-bottom:2em}.integration-wrap .tooltip{width:100%;margin-left:-10px}}@media only screen and (max-width:1023px){.integration-wrap .addons-main-category-wrap{margin-left:0;padding-bottom:3em}.zsearch-data{padding:3em 0 0}.integration-wrap .category-wrap{padding-bottom:1em}.zsearch_div{width:400px}}@media only screen and (max-width:991px){.optionb.integration-wrap .category-wrap>ul li{width:47.5%}}@media only screen and (max-width:767px){.integration-wrap .category-wrap .rows{display:block}.integration-wrap .category-wrap>ul li{max-width:400px;margin:0 auto 20px;width:100%}.category-wrap>ul{flex-wrap:wrap;-ms-flex-wrap:wrap}.category-wrap{margin:0 auto}.integration-wrap .category-wrap h2{padding:10px 0 20px;margin-bottom:10px;font-size:21px;margin-left:10px;margin-right:-10px}.optionb.integration-wrap .category-wrap h2{margin-bottom:20px;text-align:center;padding:20px 0 10px 0}.optiona.integration-wrap .category-wrap>ul li{max-width:50%;margin:0 0 20px;flex:0 0 50%;-ms-flex:0 0 50%;padding:0 10px}.optionb.integration-wrap .category-wrap>ul li{max-width:400px;margin:0 auto 20px;width:100%}.category-wrap.job-boards>p span.zarrow{display:none}.zsearch_div{margin:0 auto;max-width:350px;width:100%}.integration-wrap .tooltip{margin-left:0;padding:12px 12px}.integration-wrap .tooltip p{font-size:14px}.addons-inner-category-wrap{padding-top:0}.category-wrap h2{padding:10px 0 20px;font-size:21px;margin-left:10px;margin-right:-10px}.select-option select{width:170px;margin-left:15px}.select-option{position:relative;margin-bottom:40px}.addons-inner-category-wrap{padding-bottom:0}}@media only screen and (max-width:414px){.category-wrap h2{font-size:18px}.integration-wrap .tooltip{padding:12px 12px}}@media only screen and (max-width:375px){.category-wrap h2{font-size:21px;margin-bottom:0;padding-bottom:25px}.optiona.integration-wrap .category-wrap>ul li{max-width:100%;margin:0 0 20px;flex:0 0 100%;-ms-flex:0 0 100%;padding:0 10px}}.i18n-ar .integration-wrap .addons-main-category-wrap{margin-right:23%;margin-left:0}.i18n-ar .zsearch-data input{text-align:right;direction:ltr}.i18n-ar .zsearch-data input{padding:10px 30px 10px 14px}.i18n-ar .zsearch_div .zclose-icon{left:40px;right:auto}.i18n-ar .zsearch_div:before{left:20px;right:auto}.i18n-ar .optionb .addons-main-category-wrap .zarrow:before,.i18n-ar .optionb .addons-main-category-wrap .zarrow:after{left:0}.i18n-ar .optionb .addons-main-category-wrap span.zarrow{left:-10px;right:auto;-webkit-transform:rotate(90deg) skewX(-30deg) scale(1,0.866);transform:rotate(90deg) skewX(-30deg) scale(1,0.866)}.i18n-ar .integration-wrap .addons-inner-wrap{float:right}.i18n-ar .integration-wrap .addons-inner-wrap .integration-nav ul li{text-align:right;padding:8px 20px 8px 25px}.i18n-ar .integration-wrap .integration-nav span.zarrow{left:10px;right:auto;transform:scaleX(-1)}.i18n-ar .integration-wrap .addons-inner-wrap .integration-nav h4{text-align:right}@media only screen and (max-width:1600px){.i18n-ar .integration-wrap .addons-main-category-wrap{margin-right:25%;margin-left:0}}@media only screen and (min-width:1366px){.i18n-ar .banner-integration ul{-webkit-transform:rotate(20deg)}}@media only screen and (max-width:1199px){.i18n-ar .integration-wrap .addons-main-category-wrap{margin-left:0;margin-right:0}}@media only screen and (max-width:1366px){.i18n-ar .banner-integration ul{transform:translate(70px,0) scale(0.8) rotate(20deg);-webkit-transform:translate(70px,0) scale(0.8) rotate(20deg)}}@media only screen and (min-width:768px){.i18n-ar .integration-wrap .category-wrap h2{margin-right:15px}}@media only screen and (max-width:991px){.i18n-ar .banner-content h1,.i18n-ar .banner-content p{text-align:center}.i18n-ar .integration-wrap .addons-main-category-wrap{margin-right:0;margin-left:auto}}@media only screen and (max-width:767px){.i18n-ar .integration-wrap .category-wrap h2{margin-left:0;margin-right:0}}.banner-section{height:unset;padding:10px 0 150px;overflow:unset}.banner-section .content-wrap{overflow:unset}.zsearch-data,.addons-inner-category-wrap{display:none}.banner-integration{position:relative;padding-top:0}.banner-integration ul{position:absolute;content:"";width:116%;height:130%;transform:unset;top:-17%;z-index:6;left:-8%}.banner-integration img{position:relative;z-index:8;top:0}.banner-integration ul li{box-sizing:border-box;width:64px;height:64px;background-color:white;border-radius:50%;position:absolute;border:1px solid #a4dcff;left:0;right:0;top:0;bottom:0;margin:auto;transform:scale(0.8);transition:all 1s 2s;opacity:0}.animated .banner-integration ul li{opacity:1}.container.loader-wrap{height:340px}.banner-integration ul li:before{position:absolute;content:"";background:url(/sites/zweb/images/commonroot/integration-icons-sprite-2x.png) no-repeat left top;background-size:1250px auto;width:50px;height:50px;/*! border-radius: 50%; */left:0;right:0;top:0;bottom:0;margin:auto}.banner-integration ul li:after{position:absolute;content:"";width:64px;height:64px;border:4px solid #bbe5ff;left:0;right:0;z-index:999999;border-radius:50%;margin:auto;opacity:0;animation:ripple 2s ease-out infinite}.animated .banner-integration ul li:nth-child(1){top:-40%;left:-100%}.animated .banner-integration ul li:nth-child(2){top:-90%;left:-70%}.animated .banner-integration ul li:nth-child(3){top:-80%;left:-12%;position:absolute}.animated .banner-integration ul li:nth-child(4){top:-92%;left:35%;position:absolute}.animated .banner-integration ul li:nth-child(5){top:15%;left:85%}.animated .banner-integration ul li:nth-child(6){top:105%;left:35%}.banner-integration ul li:nth-child(7){top:90%;left:-12%}.animated .banner-integration ul li:nth-child(8){top:105%;left:-70%}.animated .banner-integration ul li:nth-child(9){top:50%;left:-105%}.banner-integration ul li.zd-tablur::before{background-position:-1202px -250px;transform:scale(0.85)}.banner-integration ul li.zd-asana::before{background-position:-751px -50px;transform:scale(0.85)}.banner-integration ul li.zd-asana::before{background-position:-751px -50px;transform:scale(0.85)}.banner-integration ul li.zd-zohocrm::before{background-position:-50px -0px;transform:scale(0.85)}.banner-integration ul li.zd-zohobooks::before{background-position:-801px 0;background-size:1000px auto;width:40px;height:40px;transform:scale(0.85)}.banner-integration ul li.zd-zohogoogle::before{background-position:-601px -50px;transform:scale(0.85)}.banner-integration ul li.zd-zendesk::before{background-position:-40px -120px;background-size:1000px auto;width:40px;height:40px;transform:scale(0.95)}.banner-integration ul li.zd-zohomail::before{background-position:-200px -42px;background-size:1000px auto;width:40px;height:40px}.banner-integration ul li.zd-zohodesk::before{background-position:-120px -0px;background-size:1000px auto;width:40px;height:40px}.banner-integration ul li.zd-triangle::before{background-position:-450px -100px;transform:scale(0.85)}.optiona .category-wrap .addon-wrap{position:relative}.optiona .category-wrap .addon-wrap.readmore-wrap{border:0;width:23%;background-color:unset;box-sizing:unset;-webkit-box-shadow:unset}.read-cta-wrap{display:block;width:100%;text-align:center}.read-cta-wrap>span{display:inline-block;border-bottom:1px solid;cursor:pointer;margin-top:20px;font-family:var(--primaryfont-semibold)}.integration-wrap .addons-inner-wrap .integration-nav ul li.active a,.integration-wrap .addons-inner-wrap .integration-nav ul li:hover a{background:#0c5044;width:100%;z-index:1;border-radius:10px;display:block;position:relative;color:#fff;display:inline-block}.integration-wrap .addons-inner-wrap .integration-nav ul li a{padding:10px 25px 10px 20px;transition:unset;border-radius:10px;font-family:var(--primaryfont-semibold)}.integration-wrap .addons-inner-wrap .integration-nav ul li{padding:0;border-radius:10px}.integration-nav span.indicator,.integration-wrap .integration-nav li.stickey-nav-list.active span.zarrow{display:none}.integration-wrap .addons-inner-wrap .integration-nav ul li.active::before{position:absolute;content:"";background:0;width:0;height:0;border-style:solid;border-width:6px 6px 0 6px;border-color:#fff transparent transparent transparent;right:20px;top:0;bottom:0;margin:auto;transform:rotate(-90deg);z-index:9}h1{font-size:50px;color:#000;font-family:var(--zf-secondary-bold)}.banner-content p{font-size:18px;margin-bottom:28px}@media only screen and (max-width:1023px){.banner-section .rows .banner-content{max-width:520px}}@media screen and (max-width:991px){.optiona .category-wrap .addon-wrap.readmore-wrap{width:33%}}@media screen and (max-width:767px){.optiona .category-wrap .addon-wrap.readmore-wrap{width:50%}h1{font-size:42px}.banner-content p{font-size:18px}}@keyframes ripple{0%{opacity:.25}100%{opacity:0;border-width:10px;transform:scale(2)}}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg) scale(0.8);width:80px;height:80px;-webkit-animation:animate 1s linear infinite;animation:animate 1s linear infinite}.loader-item{position:absolute;width:50px;height:50px;animation:rotate 1s linear infinite}.loader-item_1{top:0;left:0;background:#d6293c}.loader-item_2{top:0;right:0;background:#1a9c43}.loader-item_3{bottom:0;left:0;background:#1374b2}.loader-item_4{bottom:0;right:0;background:#f3ad20}@-webkit-keyframes animate{0%{width:100px;height:100px}10%{width:100px;height:100px}50%{width:150px;height:150px}90%{width:100px;height:100px}100%{width:100px;height:100px}}@keyframes animate{0%{width:100px;height:100px}10%{width:100px;height:100px}50%{width:150px;height:150px}90%{width:100px;height:100px}100%{width:100px;height:100px}}@-webkit-keyframes rotate{0%{transform:rotate(0)}10%{transform:rotate(0)}60%{transform:rotate(90deg)}90%{transform:rotate(90deg)}100%{transform:rotate(90deg)}}@keyframes rotate{0%{transform:rotate(0)}10%{transform:rotate(0)}60%{transform:rotate(90deg)}90%{transform:rotate(90deg)}100%{transform:rotate(90deg)}}.banner-section{display:flex}.banner-section .rows{display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;align-items:center;-ms-flex-align:center;justify-content:space-between;-ms-flex-pack:space-between}.banner-section .rows .banner-content{max-width:50%;box-sizing:border-box;padding-right:60px}.banner-integration{max-width:40%}div.icon::before{background:url(/sites/zweb/images/directory/integration-commerce-sprite.png) no-repeat;background-size:1050px auto;width:115px;height:60px;position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.banner-section{height:unset;padding:80px 0 180px}@media only screen and (max-width:1023px){.banner-section .rows .banner-content{max-width:640px;margin:0 auto;text-align:center;padding-right:0}.banner-integration{display:none}.banner-section{height:unset;padding:40px 0 80px}}