section.head-sec{padding:40px 0 0}section.head-sec .cont-sec{display:inline-block;vertical-align:top;max-width:530px}section.head-sec .img-sec{display:inline-block;vertical-align:top;max-width:660px;position:relative;transform:translate(0,2%)}.watch-btn{color:#000;padding:8px 0 10px 38px;text-transform:none}.zwatch{margin-top:12px}.watch-btn:after,.watch-btn:before{position:absolute;content:""}.watch-btn:before{left:0;top:8px;width:26px;height:26px;border:1px solid #000;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:100%}.watch-btn:after{left:11px;top:16px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #000}.zw-template-inner h1{margin:50px auto 30px;font-family:var(--zf-primary-extrabold);line-height:1.3}img.book-anim{max-width:200px;bottom:-4%;right:12%;position:absolute;animation:MoveUpDown 2s ease infinite}@keyframes MoveUpDown{0%{bottom:-4%}50%{bottom:-2%}100%{bottom:-4%}}span.virutual-lib.icon1{background-position:-148px 0}span.virutual-lib.kite{position:absolute;width:75px;background-position:-64px 0;top:66%;right:25%;z-index:9;animation:MoveUpDown1 2.2s ease infinite}@keyframes MoveUpDown1{0%,100%{top:66%;right:25%}50%{top:65%;right:23%}}span.virutual-lib.left-1{position:absolute;width:22px;background-position:-34px -10px;height:40px;top:20%;left:25%;z-index:9;animation:Signal .3s ease infinite}@keyframes Signal{0%,100%{transform:rotate(0)}50%{transform:rotate(10deg)}}span.virutual-lib.left-2{position:absolute;width:30px;background-position:-15px -49px;height:20px;top:27%;left:22%;z-index:9;animation:Signal1 .3s ease infinite}@keyframes Signal1{0%,100%{transform:rotate(0)}50%{transform:rotate(-10deg)}}.block.block-system{position:relative}.feat-sec-1 .content-wrap{text-align:center;max-width:1400px;background:linear-gradient(to bottom,#eacf51 0%,#eacf51 80%,#eacf51 50%,white 50%,white 100%)}.feat-sec-1 .content-wrap>p{max-width:725px;margin:0 auto;text-align:left;padding:85px 0;font-family:var(--zf-primary-semibold);font-size:24px}.feat-sec-1 .content-wrap>div{text-align:center;max-width:930px;margin:0 auto;filter:drop-shadow(0 35px 36px rgba(0,0,0,0.2));transform:translateY(60px);transition:all 1s ease 1s}section.feat-sec-1{padding:0 0 120px;z-index:-1;position:relative}section.feat-sec-2{padding:60px 0;text-align:center}section.feat-sec-2>.content-wrap>p,section.feat-sec-3>.content-wrap>p{max-width:750px;margin:0 auto;font-family:var(--zf-primary-semibold);font-size:20px}section.feat-sec-2 .sub-feat{padding:90px 0;transform:translateY(60px);transition:all 1s ease}.zw-template-inner h3{font:34px/1.3 var(--zf-primary-bold)}.feat-sec-2 .sub-feat>div>h3,.feat-sec-2 .sub-feat>div>p{display:inline-block;max-width:275px;vertical-align:middle;text-align:left;margin:0 60px}.feat-sec-2 .sub-feat>div>h3{font-family:var(--zf-primary-extrabold);margin-left:0;min-width:280px}.feat-sec-2 .sub-feat>div>p{max-width:460px;margin-right:0}.feat-sec-2 .sub-feat>div{text-align:center;margin:0 auto}.feat-sec-2 span.bottom-line{border-bottom:1px solid silver;display:block;max-width:925px;margin:30px auto 50px}section.feat-sec-3{background:#222;color:#fff;text-align:center;padding:120px 0}section.feat-sec-3 .sub-feat{margin:120px auto 0}section.feat-sec-3 .sub-feat>div{display:inline-block;max-width:300px;vertical-align:top;text-align:left;margin:0 30px}section.feat-sec-3 .sub-feat>div:first-child{margin-left:0}section.feat-sec-3 .sub-feat>div:last-child{margin-right:0}section.feat-sec-3 .sub-feat>div h3{font-family:var(--zf-primary-regular);font-size:30px}span.virutual-lib{width:117px;height:75px;background:url(//www.zohowebstatic.com/sites/zweb/images/workdrive/workdrive-manufacturing-sprite.png) no-repeat;display:block;background-size:auto 75px;margin-bottom:10px}span.virutual-lib.icon2{background-position:-266px 0;width:83px}span.virutual-lib.icon3{background-position:-353px 0;width:86px}span.virutual-lib.icon4{background-position:-271px 0;width:96px;background-size:auto 68px}section.feat-sec-4{padding:160px 0 90px;text-align:center}.feat-left{vertical-align:top;display:inline-block;max-width:40%;margin:0 60px;margin-left:0;text-align:left}.feat-right{vertical-align:top;display:inline-block;max-width:40%;margin:15px 60px 0;margin-right:0;text-align:left;transform:translateX(-50px);transition:all 1s ease;opacity:0}.animated .feat-right{transform:translateX(0);opacity:1}.feat-left h3{font:42px/1.3 var(--zf-primary-light);max-width:350px}.feat-right>div>p{max-width:470px}.feat-right>div>h4{position:relative}span.line-anim.active{top:0}.content-wrap.animated .line-anim{top:-300px;z-index:-2}section.foot-sec{padding:90px 0 120px}section.foot-sec h1{max-width:710px;margin:0 auto 30px auto}section.foot-sec .content-wrap{max-width:1400px;text-align:center;background:#ccd2d0;padding:100px 0 100px}section.feat-sec-2 .animated .sub-feat{transform:translateY(0)}.feat-sec-1 .content-wrap.animated>div{transform:translateY(0)}.zw-template-inner h2{font-family:var(--zf-primary-bold)}.feat-left>p{font-family:var(--zf-primary-semibold)}span.circle.plus{display:none}.manufact-bottom{max-width:400px}img.static-img{z-index:1;position:relative}@media only screen and (min-width:1681px){span.scroll-plus{display:none}.head-sec .content-wrap{text-align:right}section.head-sec .cont-sec{text-align:left}}@media only screen and (max-width:1450px){span.scroll-plus{display:none}.feat-sec-1 .content-wrap{max-width:1280px}section.head-sec .img-sec{max-width:620px}img.book-anim{max-width:180px}img.spring-anim{max-width:85px}section.feat-sec-3 .sub-feat>div{max-width:300px;margin:50px 50px}section.feat-sec-3 .sub-feat>div:first-child{margin-left:50px}section.feat-sec-3 .sub-feat>div:last-child{margin-right:50px}.feat-left{margin:0 15px;margin-left:0}.feat-right{margin:15px 15px 0;margin-right:0;max-width:42%}.head-sec .content-wrap{text-align:right}section.head-sec .cont-sec{text-align:left}}@media only screen and (max-width:1279px){.head-sec .content-wrap{text-align:center}section.head-sec .cont-sec,section.head-sec .img-sec{text-align:center;display:block;margin:0 auto}.feat-sec-1 .content-wrap{background:unset}span.line-anim-white,span.line-anim{display:none}.feat-left,.feat-right{display:block;margin:0 auto;text-align:center;max-width:650px}.feat-right{display:block;margin:50px auto 0;text-align:left;max-width:405px}.feat-left h3{max-width:unset;font-size:40px}.feat-left>p{font-size:20px}.manufact-bottom{margin:0 auto;max-width:350px}}@media only screen and (max-width:1199px){h3,section.feat-sec-3 .sub-feat>div h3{font-size:28px}.feat-sec-1 .content-wrap>p{font-size:20px}.feat-sec-2 .sub-feat>div>h3,.feat-sec-2 .sub-feat>div>p{min-width:275px}}@media only screen and (max-width:991px){section.head-sec .img-sec{transform:scale(0.7)}.feat-sec-1 .content-wrap>p{text-align:center;padding:30px}section.feat-sec-1{padding:0 0 60px}.feat-sec-2 .sub-feat>div>h3,.feat-sec-2 .sub-feat>div>p{max-width:unset;text-align:center;margin:0 auto;padding:0 30px}.feat-sec-2 span.bottom-line{margin:10px auto 30px;max-width:650px}section.feat-sec-2 .sub-feat{padding:60px 0 30px}section.feat-sec-3{padding:90px 0}.zw-template-inner h2{font-size:30px}section.feat-sec-3 .sub-feat{margin:60px 0 0}section.feat-sec-3 .sub-feat>div{margin:35px}.feat-left h3{font-size:30px}section.feat-sec-4{padding:90px 0 0}section.foot-sec{padding:90px 0}section.foot-sec .content-wrap{padding:50px 0 50px}}@media only screen and (max-width:767px){.feat-sec-1 .content-wrap>p{padding:0;margin-bottom:30px}section.feat-sec-2{padding-top:10px}section.feat-sec-3 .sub-feat{margin:20px 0 0}h3,section.feat-sec-3 .sub-feat>div h3{font-size:24px}section.feat-sec-3 .sub-feat>div{display:block;margin:50px auto 0 !important}section.feat-sec-3 .sub-feat>div:first-child{margin-left:0}section.feat-sec-3 .sub-feat>div:last-child{margin-right:0}.zw-template-inner h4{font-size:18px;text-align:center}.feat-right>div>p{display:block;text-align:center;margin-bottom:40px}section.foot-sec{padding:30px 0 60px}section.foot-sec .content-wrap{background:unset;padding:0}.zw-template-inner h1{margin-top:0}span.virutual-lib.kite,span.virutual-lib.left-1,span.virutual-lib.left-2{transform:scale(0.6)}}@media only screen and (max-width:600px){img.spring-anim{display:none}img.book-anim{max-width:150px}span.virutual-lib.left-1,span.virutual-lib.left-2{display:none}}@media only screen and (max-width:450px){.feat-sec-2 .sub-feat>div>h3,.feat-sec-2 .sub-feat>div>p{padding:0}section.feat-sec-3 .sub-feat{margin-top:50px}img.book-anim{max-width:90px}section.head-sec .img-sec{transform:scale(0.8)}}.i18n-es-xl section.head-sec .cont-sec,.i18n-pt-br section.head-sec .cont-sec,.i18n-de section.head-sec .cont-sec,.i18n-fr section.head-sec .cont-sec{max-width:560px}.i18n-it section.head-sec .cont-sec{max-width:565px}.i18n-es-xl .feat-sec-1 .content-wrap>p{max-width:740px}.i18n-de .feat-sec-1 .content-wrap>p,.i18n-fr .feat-sec-1 .content-wrap>p,.i18n-nl .feat-sec-1 .content-wrap>p{max-width:770px}.lang-jp .feat-sec-2 .sub-feat>div>p,.i18n-pt-br .feat-sec-2 .sub-feat>div>p{max-width:475px}.i18n-id .feat-sec-2 .sub-feat>div>h3{max-width:295px}.i18n-es-xl .feat-left h3,.i18n-pt-br .feat-left h3{max-width:375px}.i18n-nl section.foot-sec h1{max-width:730px}.lang-jp section.feat-sec-3 .sub-feat>div{max-width:305px}.i18n-ar .head-sec .content-wrap{direction:ltr}.i18n-ar .feat-sec-1 .content-wrap>p{text-align:right}.i18n-ar .zw-template-inner h2,.i18n-ar .feat-sec-3>.content-wrap>p,.i18n-ar section.foot-sec h1{text-align:center}.i18n-ar .feat-sec-2 .sub-feat>div>h3,.i18n-ar .feat-sec-2 .sub-feat>div>p{text-align:right}.i18n-ar .feat-sec-2 .sub-feat>div>p{margin-right:60px;margin-left:0}.i18n-ar .feat-sec-2 .sub-feat>div>h3{margin-right:0;margin-left:60px}.i18n-ar section.feat-sec-3 .sub-feat{text-align:center}.i18n-ar section.feat-sec-3 .sub-feat>div{margin-left:30px;margin-right:0}.i18n-ar section.feat-sec-3 .sub-feat>div{margin:0 30px}.i18n-ar section.feat-sec-3 .sub-feat>div:last-child{margin-right:30px;margin-left:0}.i18n-ar .feat-left{margin-left:60px;margin-right:0}.i18n-ar .feat-right{margin-left:0;margin-right:60px}@media only screen and (max-width:1450px){.i18n-ar .feat-left{margin:15px 15px 0;margin-left:15px;margin-right:0}.i18n-ar .feat-right{margin-right:15px;margin-left:0}.i18n-ar section.head-sec .cont-sec{text-align:right}}@media only screen and (max-width:1279px){.i18n-ar .head-sec,.i18n-ar .head-sec *,.i18n-ar section.head-sec .cont-sec,.i18n-ar section.head-sec .cont-sec *{text-align:center}.i18n-ar .feat-right{margin:50px auto 0}.i18n-ar .feat-left{margin:0 auto}.i18n-ar .feat-left,.i18n-ar .feat-left *{text-align:center}.i18n-es-xl .feat-left h3,.i18n-pt-br .feat-left h3{margin:0 auto}}@media only screen and (max-width:991px){.i18n-ar .feat-sec-1 .content-wrap>p,.i18n-ar .zw-template-inner h1{text-align:center}.i18n-ar .feat-sec-2 .sub-feat>div>h3,.i18n-ar .feat-sec-2 .sub-feat>div>p{text-align:center;margin:0 auto;padding:0 30px}}