.integration-logo{margin-bottom:50px}.integration-logo span{background-size:auto 100px;display:inline-block;transition:ease all 1.5s;-webkit-transition:ease all 1.5s;-moz-transition:ease all 1.5s}.integration-logo span.slack-icon{background-image:url(/sites/zweb/images/producticon/bugtracker.svg);width:100px;height:100px;transform:translateX(-40px)}.animated .integration-logo span.slack-icon{transform:translateX(0)}.animated .integration-logo span.plus-icon{transform:translateX(0)}.animated .integration-logo span.desk-icon{transform:rotate(0)}.integration-logo span.plus-icon{width:30px;height:100px;background-image:url(/sites/zweb/images/bugtracker/desk-slack-plus.png);background-position:center;background-repeat:no-repeat;background-size:auto 30px;transform:rotate(45deg);transform-origin:center;margin:0 50px}.integration-logo span.desk-icon{background-image:url(/sites/zweb/images/bugtracker/desk-slack-integration.png);background-position:-100px 0;width:85px;height:100px;transform:translateX(40px)}.banner-section{text-align:center}.common-sec{padding:120px 0}.middle-align{margin:0 auto;max-width:780px}.middle-align h1{margin-bottom:30px;font-family:var(--zf-primary-extrabold);font-size:56px}.middle-align p{max-width:490px;margin:0 auto;margin-bottom:30px}h3{font-size:32px}.what-bug-tracker{text-align:center;background:#fafafa}.what-bug-tracker p{max-width:540px;margin:0 auto}.what-bug-tracker .act-btn{border:2px solid #03a9f5;color:#03a9f5;font-size:16px;padding:8px 30px;margin-top:30px}video{max-width:100%;box-shadow:10px 10px 13px -2px rgba(0,0,0,.05);margin-top:10px}.features-section h2{text-align:center}.column-wrap{display:table;width:100%}.column-wrap>div{display:table-cell;vertical-align:middle;width:50%}.column-wrap>.left{padding-right:15%}.section2 .column-wrap .right{padding-left:15%}.section2 .column-wrap .left{padding-right:0}.section2{background:#fafafa}.common-sec img{box-shadow:10px 10px 13px -2px rgba(0,0,0,.05)}.section1 h2{max-width:620px;margin:0 auto;margin-bottom:100px}h2{font-size:36px}.img-wrap{position:relative}.img-wrap .img1,.img-wrap .img3{position:absolute}.img-wrap .img1{max-width:250px;left:-125px;top:80px}.img-wrap .img3{top:125px;max-width:150px;right:-75px}.mobile{display:none}.single-colum{max-width:900px;text-align:center;margin:0 auto}.single-colum p{max-width:620px;margin:0 auto;margin-bottom:60px}.img4{max-width:540px;margin-left:0}.single-colum .img-wrap{text-align:left}.img5{position:absolute;max-width:490px;top:160px;right:0}.section4{padding-bottom:180px;padding-top:20px}.section5{text-align:center;padding-top:20px}.section5 h2+p{max-width:640px;margin:0 auto;margin-bottom:20px}.section5 a{border-bottom:1px solid #03a9f5}.box-wrap{display:table;max-width:1040px;margin:0 auto;text-align:left;margin-top:80px}.box-wrap>div{display:table-cell;vertical-align:middle;width:50%}.box-wrap .box1 .box-inner{background:#f9fffb;border:1px solid #cef8e0}.box-wrap .box2 .box-inner{background:#fff7f8;border:1px solid #f7d5d4}.box-wrap .box-inner{padding:60px 80px;margin:0 25px;height:100%}.box-inner span{position:relative;width:50px;height:50px;display:inline-block;margin-bottom:25px}.box-inner span:before{content:'';background-image:url(/sites/zweb/images/bugtracker/bug-tracker-sprite-icon.png);background-size:93px auto;position:absolute;left:0;top:0;display:inline-block;width:100%;height:100%}.box1 .box-inner span:before{background-position:0 0}.box2 .box-inner span:before{background-position:-45px 3px}.box-inner h3{text-transform:uppercase;font-size:22px}.box-inner p{font-size:16px}.bottom-section{text-align:center;padding-top:30px}.bottom-section h2{max-width:840px;margin:0 auto;margin-bottom:30px}.section1 img{transform:translateX(50px)}.section3 img{transform:translateX(50px)}.section1 .animated img{transform:translateX(0)}.section3 .animated img{transform:translateX(0)}.common-sec img,.video-animation{transition:ease all 1.5s;-webkit-transition:ease all 1.5s;-moz-transition:ease all 1.5s}.section2 .img1{transform:translateX(50px)}.video-animation{transform:translateX(50px)}.section2 .img3{transform:translateX(-50px)}.section2 .animated .img1,.section2 .animated .img3,.section4 .animated .img4,.section4 .animated .img5,.section5 .animated .box2,.section5 .animated .box1,.animated .video-animation{transform:translateX(0)}.section4 .img4{transform:translateX(50px)}.section4 .img5{transform:translateX(-50px)}.section1 .single-colum img{max-width:640px}.section4 img.img4{box-shadow:10px 0 13px -2px rgba(0,0,0,.05)}@media only screen and (max-width:1440px){.content-wrap{max-width:1040px}}@media only screen and (max-width:1366px){.content-wrap{max-width:980px}}@media only screen and (max-width:1279px){.column-wrap{display:block;text-align:center}.section1 video{max-width:680px}.column-wrap>.left{display:block;width:100%;text-align:center;padding:0}.section1 h2{max-width:550px;margin:0 auto;margin-bottom:50px}h3{font-size:26px}.section4{padding-bottom:100px}.column-wrap p{max-width:520px;margin:0 auto;margin-bottom:20px}.common-sec{padding:80px 0}.middle-align h1{max-width:520px;margin:0 auto;margin-bottom:30px}.desktop{display:none !important}.mobile{display:block !important}.column-wrap>div{width:100%;display:block}.section2 .column-wrap .right{padding:0}.single-colum .img-wrap{text-align:center}.column-wrap>div img{max-width:600px;margin:0 auto;display:block;margin-top:30px}.box-wrap .box-inner{padding:60px 65px}.content-wrap{max-width:100%}.middle-align h1{font-size:38px}.column-wrap>div img{max-width:90%}.section1 img,.column-wrap>div img,.video-animation{transform:translateX(0);transform:translateY(50px)}.section3 img{transform:translateX(0);transform:translateY(50px)}.section4 .img4{transform:translateX(0);transform:translateY(50px)}.section1.show-animation img,.section3.show-animation img,.section4.show-animation .img4,.show-animation .column-wrap>div img,.show-animation .video-animation{transform:translateY(0)}.img4{box-shadow:10px 10px 13px -2px rgba(0,0,0,.05)}}@media only screen and (max-width:991px){.box-wrap .box-inner{padding:60px 60px}}@media only screen and (max-width:767px){.integration-logo span.plus-icon{margin:0 20px;background-size:auto 20px;width:20px}.section1 video{max-width:90%}.middle-align h1{font-size:28px;margin-bottom:20px}.common-sec{padding:60px 0}.integration-logo{margin-bottom:30px}.middle-align p{margin-bottom:20px}.what-bug-tracker h3{font-size:24px}.act-btn{font-size:16px}h2{font-size:28px}.mobile img{max-width:90%}.section4{padding-bottom:60px}.box-wrap .box-inner{margin:0;padding:30px 25px}.box-wrap>div{display:block;width:100%}.box1{margin-bottom:30px}h3{font-size:24px}.section5 h2+p{max-width:300px}.box-wrap{display:block;margin-top:40px;max-width:360px}.single-colum p{max-width:520px}.bottom-section h2{max-width:500px}.show-animation .integration-logo span.slack-icon{transform:translateX(0)}.show-animation .integration-logo span.plus-icon{transform:translateX(0)}.show-animation .integration-logo span.desk-icon{transform:rotate(0)}.section4 img.img4,.section2 .mobile img,.section3 img{box-shadow:none !important}.box-inner span{margin-bottom:15px}.bottom-section{padding-top:10px}.section5{padding-top:20px}.integration-logo span.slack-icon{transform:translateX(-20px)}.integration-logo span.desk-icon{transform:translateX(20px)}}