.template-inner,.template-inner *{box-sizing:border-box}.template-inner h1{font-size:60px;font-family:var(--zf-secondary-bold);line-height:1.2;margin-bottom:5px}.template-inner h2{font-size:42px;font-family:var(--zf-secondary-bold);text-align:center;max-width:750px;margin:0 auto 15px}.template-inner h3{font-size:23px;font-family:var(--zf-secondary-bold)}.banner-section{padding:120px 0}.banner-box{display:table;table-layout:fixed;width:100%}.banner-box>div{display:table-cell;vertical-align:middle}.banner-content{width:60%;padding-right:50px}.banner-content h1 .page-selection{display:inline-block;color:gray;position:relative;padding-right:40px;cursor:pointer}.banner-content h1 .page-selection:after{content:'';width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:15px solid gray;position:absolute;top:10px;bottom:0;right:5px;margin:auto}.banner-content h1 .page-selection:before{content:'';background:gray;width:100%;height:2px;position:absolute;bottom:3px;left:0}.page-dropdown{position:absolute;width:100%;min-width:230px;background:#fff;transform:translateY(20px);opacity:0;visibility:hidden;transition:transform .2s linear,opacity .2s linear,visibility .2s linear;z-index:9}.page-selection.active .page-dropdown{transform:translateY(0);opacity:1;visibility:visible;box-shadow:0 0 30px rgba(0,0,0,0.06)}.page-dropdown li{font-size:20px}.page-dropdown li a{padding:20px;color:#000;display:block}.page-dropdown li a:hover{color:#1976d2;background:#f0f8ff}.page-dropdown li:first-child{border-bottom:1px solid #f9f9f9}.banner-box p{margin:30px 0}.banner-text{max-width:500px}.banner-media{width:40%}.banner-media img{max-width:500px;width:100%;transform:translateY(50px);opacity:0;transition:transform 1s ease,opacity 1s ease}.banner-media.active img{transform:translateY(0);opacity:1}.features-section .content-wrap{padding:100px 0;background:#eff7ff}.features-inner{padding:70px 0 10px;display:table;width:100%;max-width:1100px;margin:0 auto}.features-inner div{width:50%;float:left;padding:40px;margin-bottom:30px}.m-icon{position:relative;padding-left:70px;margin-bottom:20px}.m-icon:before{content:'';position:absolute;width:50px;height:50px;left:0;bottom:0;top:0;margin:auto;background:url('//www.zohowebstatic.com/sites/zweb/images/mail/images/migration-brand-sprite.png') no-repeat 0 0/550px auto}.m-icon-1:before{background-position:-350px -50px}.m-icon-2:before{background-position:-200px -50px}.m-icon-3:before{background-position:-0 -100px}.m-icon-4:before{background-position:-50px -100px}.steps-section{padding:120px 0 90px}.steps-outer{max-width:780px;margin:90px auto 0;counter-reset:number;position:relative}.steps-outer:before{content:'';height:96%;width:1px;background:#ccc;position:absolute;left:138px;top:35px;z-index:9}.steps-outer:after{width:10px;height:10px;background:#1976d2;position:absolute;left:134px;bottom:-40px;border-radius:55px;z-index:9}.step-scrolled{content:'';height:0;width:2px;background:#1976d2;position:absolute;left:138px;top:35px;z-index:9;transition:height .1s linear}.steps-box{position:relative;padding-left:250px}.steps-box:last-child .steps-inner{margin-bottom:0}.steps-text{position:absolute;top:0;left:0;color:#1976d2;font-family:var(--zf-secondary-semibold)}.steps-text:after{counter-increment:number;content:"0" counter(number);display:block;font-size:35px;line-height:30px}.steps-inner{position:relative;border-radius:0;padding:30px 30px 30px 50px;margin-bottom:60px;background:#f7f7f7;transition:box-shadow .2s linear,background .2s linear,border-radius .5s linear}.steps-final{padding:0;box-shadow:none !important;border-radius:0 !important;background:transparent}.steps-final a{padding:15px 45px 15px 30px;display:inline-block;background:#f7f7f7;border-radius:40px;position:relative;font-family:var(--zf-secondary-bold);color:#1976d2;transition:box-shadow .2s linear,background .2s linear}.steps-final a:after{content:'';width:0;height:0;border-top:5px solid transparent;border-left:9px solid #1976d2;border-bottom:5px solid transparent;position:absolute;top:0;right:25px;bottom:0;margin:auto}.steps-box.active .steps-final a,.steps-box.viewed .steps-final a{background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,0.09)}.steps-box.active .steps-inner,.steps-box.viewed .steps-inner{background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,0.09);border-radius:20px}.steps-inner span{position:absolute;left:-137px;top:10px;width:50px;height:50px;border:1px solid #ccc;border-radius:50px;background:#fff}.steps-inner span:before{content:'';width:15px;height:15px;border-radius:50px;background:#ccc;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;z-index:9}.steps-final span:before{width:10px;height:10px}.steps-box.active .steps-inner span:before,.steps-box.viewed .steps-inner span:before{background:#1976d2}.steps-box.active .steps-inner span:after{content:'';width:50px;height:50px;border-radius:50px;position:absolute;left:-1px;top:0;right:0;bottom:0;margin:auto;animation:wave 1.5s linear forwards infinite;z-index:-1}@keyframes wave{0%{-webkit-transform:scale(0.6);transform:scale(0.6);opacity:1;border:1px solid #1976d2}100%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:.1;border:1px solid rgba(25,118,210,0.40)}}.steps-box.active h3{color:#1976d2}.steps-inner p{margin:0;font-size:16px}.compare-section{padding:100px 0 60px}.compare-box{max-width:1000px;margin:90px auto 0;display:table;table-layout:fixed}.compare-box>div{display:table-cell;vertical-align:top}.compare-head{width:300px}.compare-body{width:70%}.compare-body-inner{display:table;width:100%;text-align:center}.compare-body-inner>div{float:left;width:50%;padding:0 15px}.compare-body-inner ul{display:table;width:100%}.default ul{background:#fff9e8;border:1px solid #fff9e8}.other ul{border:1px solid #ccc}.compare-body-inner .tick{display:inline-block;width:20px;height:20px;border-radius:50px;background:#01a768;position:relative}.compare-body-inner .tick:before{content:'';display:block;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(38deg);position:absolute;top:5px;left:8px}.compare-body-inner .tick-red{background:#e25050}.compare-body-inner .tick-red:before{content:'';font-size:20px;display:block;width:10px;height:2px;background:#fff;border:0;transform:rotate(45deg);position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.compare-body-inner .tick-red:after{content:'';font-size:20px;display:block;width:10px;height:2px;background:#fff;border:0;transform:rotate(-45deg);position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.compare-body-inner .tick-blue{background:#1976d2}.default ul li:first-child span{padding-left:48px;position:relative;font-size:0}.default ul li:first-child span:before{position:absolute;content:'';display:block;height:44px;margin:0 auto;background:var(--zp-mail) no-repeat;width:100px;left:50%;transform:translate(-50%,-50%);top:calc(50% - 7px)}.other ul li:first-child span{content:'';background:url('//www.zohowebstatic.com/sites/zweb/images/mail/images/migration-brand-sprite.png') no-repeat -228px -2px/360px auto;display:inline-block;height:28px;width:135px;margin:0 5px}.compare-box li{margin:50px 0;font-size:18px}.compare-body-inner li{font-family:var(--zf-primary-semibold)}.default ul li:last-child{color:#1976d2}.compare-note{display:block;position:relative;font-size:15px;margin:10px 0 0 40px}.compare-note:before{content:'';display:block;width:10px;height:10px;background:#1976d2;border-radius:50px;position:absolute;left:-15px;top:2px;bottom:0;margin:auto}.bottom-section{padding:80px 0;text-align:center}.bottom-section h2{margin-bottom:10px}.bottom-section p{margin:0;padding-top:20px}@media only screen and (min-width:1400px) and (max-width:1599px){.template-inner h1{font-size:52px}.template-inner h2{font-size:42px}.template-inner h3{font-size:22px}}@media only screen and (max-width:1399px){.template-inner h1{font-size:48px}.template-inner h2{font-size:35px}}@media only screen and (max-width:1199px){.template-inner h1{font-size:45px}.template-inner h2{font-size:32px}}@media only screen and (max-width:1024px){.inner-media img{max-width:300px}.features-section{padding:30px 0 20px}}@media only screen and (max-width:991px){.template-inner h1{font-size:40px;margin:10px auto 30px}.template-inner h2{font-size:30px}.banner-section{padding:40px 0 60px}.banner-box>div{width:100%;display:block;text-align:center}.banner-content{padding:0}.banner-media{margin-top:60px}.banner-media img{max-width:400px}.banner-box p{margin:30px auto}.banner-content h1 .page-selection{padding-right:35px}.banner-content h1 .page-selection:after{top:3px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid gray}.page-dropdown{text-align:left;left:-50%;right:-50%;margin:auto;min-width:200px}.page-dropdown li{font-size:18px}.page-dropdown li a{padding:15px}.inner-content,.inner-media{width:100%;display:block;text-align:center}.inner-media{margin-bottom:30px}.features-inner{padding:50px 0 0}.features-inner div{padding:20px 40px}.steps-section{padding:60px 0 30px}.steps-outer:before,.step-scrolled{left:77px;top:40px}.steps-outer:after{left:73px}.steps-box{padding-left:150px}.steps-inner span{width:30px;height:30px;top:27px;left:-87px}.steps-inner span:before{width:10px;height:10px}.steps-final span:before{width:8px;height:8px}.steps-box.active .steps-inner span:after{left:-11px}@keyframes wave{0%{-webkit-transform:scale(0.3);transform:scale(0.3);opacity:1;border:1px solid #1976d2}100%{-webkit-transform:scale(.9);transform:scale(.9);opacity:.1;border:1px solid rgba(25,118,210,0.40)}}.compare-section{padding:80px 0 30px}}@media only screen and (max-width:767px){body{-webkit-text-size-adjust:none}.main-container-wrapper .zw-product-header .menu-icon-help-header{margin-top:20px}.main-container-wrapper.body-umain .zw-product-header .menu-icon-help-header{margin-top:0}.template-inner h1{font-size:31px}.template-inner h2{font-size:28px}.template-inner h3{font-size:18px}.banner-section{padding:60px 0 50px}.features-section .content-wrap{padding:80px 0 40px}.features-inner{padding:30px 15px 0}.features-inner div{width:100%;text-align:center;padding:0 0 30px;max-width:450px;margin:0 auto;float:none}.m-icon{padding:60px 0 0 0}.m-icon:before{right:0;bottom:inherit}.bottom-section{padding:50px 0}}@media only screen and (max-width:600px){.banner-media img{max-width:300px}.compare-box{position:relative;overflow:hidden;display:block;margin:60px auto 0}.compare-head{width:150px;position:absolute;top:0;left:0;background-color:#fafafa;opacity:.95;padding-left:10px;z-index:9}.compare-box .compare-body{overflow-x:auto;display:block;width:100%}.compare-body-inner{display:block;margin:0 0 0 155px}.compare-body-inner>div{padding:0 5px}.compare-box li{font-size:16px;min-height:50px;margin:25px 0}.compare-body-inner .tick{margin-top:3px}.compare-note{padding-top:10px;display:table;margin:0 0 20px 180px;width:100%}.compare-note:before{top:12px}}@media only screen and (max-width:480px){.steps-outer{margin:50px auto 0}.steps-outer:after{left:5px}.steps-outer:before,.step-scrolled{left:9px;top:38px}.steps-box{padding-left:40px}.steps-text{display:none}.steps-inner{padding:25px;margin-bottom:40px}.steps-inner.steps-final{padding:0}.steps-final a{font-size:16px}.steps-inner span{top:23px;left:-45px}}