.zcontainer {
    max-width: 1240px;
    margin: 0 auto;
    width: 95%;
}

h1,
h2,
h3 {
    font-family: 'gilroybold'
}

h4,
h5 {
    font-family: 'gilroysemibold'
}

h1 {
    font-size: 60px;
    line-height: 1.2;
    margin: 20px 0;
}

h2 {
    font-size: 44px;
}

h3 {
    font-size: 25px;
}

h1 span {
    display: block;
    margin-bottom: 0;
}

h1 em {
    display: inline !important;
    font-style: inherit;
    color: #1777d2;
}

.ztop-header p {
    max-width: 720px;
    text-align: center;
    margin: 30px auto;
    font-size: 20px;
}

.ztop-header {
    text-align: center;
    padding: 70px 0 0;
    background: rgba(215, 242, 255, 1);
    background: -moz-linear-gradient(top, rgba(215, 242, 255, 1) 0%, rgba(215, 242, 255, 1) 42%, rgba(255, 255, 255, 1) 70%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(215, 242, 255, 1)), color-stop(42%, rgba(215, 242, 255, 1)), color-stop(70%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(215, 242, 255, 1) 0%, rgba(215, 242, 255, 1) 42%, rgba(255, 255, 255, 1) 70%);
    background: -o-linear-gradient(top, rgba(215, 242, 255, 1) 0%, rgba(215, 242, 255, 1) 42%, rgba(255, 255, 255, 1) 70%);
    background: -ms-linear-gradient(top, rgba(215, 242, 255, 1) 0%, rgba(215, 242, 255, 1) 42%, rgba(255, 255, 255, 1) 70%);
    background: linear-gradient(to bottom, rgba(215, 242, 255, 1) 0%, rgba(215, 242, 255, 1) 42%, rgba(255, 255, 255, 1) 70%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d7f2ff', endColorstr='#ffffff', GradientType=0);
}

a.zcta {
    background: #ef483e;
    color: #fff;
    padding: 8px 35px;
    margin: 0 auto;
    text-transform: uppercase;
    display: inline-block;
}

a.zprd-logo {
    padding: 22px 0 10px 50px;
    background: url('/sites/default/files/styles/product-home-page/public/mail-40_1.png');
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: 0;
    display: inline-block;
    line-height: 1;
    font-family: proxima_novasemibold, Arial, Helvetica, sans-serif;
    font-size: 21px;
    color: #000;
    text-transform: none;
    width: 52px;
    height: 14px;
}

.col3-zfeatures-inner {
    display: table-cell;
    vertical-align: middle;
    width: 33.33%;
}

.zcontainer.col3-zfeatures {
    table-layout: fixed;
    display: table;
    max-width: 1140px;
}

.zfeatures-list {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(227, 227, 227, 1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(227, 227, 227, 1);
    box-shadow: 0px 0px 5px 0px rgba(227, 227, 227, 1);
    max-width: 400px;
    width: 90%;
    box-sizing: border-box;
    background: #fff;
    padding: 35px 30px;
}

.col3-zfeatures-inner:last-child>.zfeatures-list:last-child {
    margin-top: 40px;
}

.zfeatures-icon,
.zpricing-illus,
.zcust-img,
.zillus-quotes {
    width: 60px;
    height: 60px;
    display: block;
    margin-bottom: 20px;
    background-image: url('/sites/default/files/mail/business-email-sprite.png');
    background-size: 855px auto;
}

.zillus-quotes {
    position: absolute;
}

.zillus-prop-sq {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #f0f9ff;
}

.zpricing-features li:after {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background: #01A768;
    left: 0;
    top: 6px;
    position: absolute;
}

.zpricing-features li:before {
    content: '';
    display: block;
    width: 4px;
    height: 8px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(38deg);
    position: absolute;
    top: 10px;
    left: 7px;
    z-index: 9;
}

.zpricing-features li.zlite {
    color: #4c4c4c;
    font-size: 14px;
}

.zpricing-features li.zlite:before,
.zpricing-features li.zlite:after {
    content: none;
}

.zpricing-illus {
    margin: 0 auto 20px;
}

.zfeatures-icon.make-good-imp {
    width: 112px;
    height: 86px;
    background-position: -157px 0;
}

.zfeatures-icon.stay-consistent {
    background-position: -107px 0;
    height: 85px;
    width: 45px;
}

.zfeatures-icon.identify-you {
    background-position: -274px 0;
    height: 80px;
}

.zpricing-illus.zpricing-illus-lite {
    background-position: -340px 0px;
    height: 85px;
}

.zpricing-illus.zpricing-illus-premium {
    background-position: -413px 0px;
    height: 85px;
}

.zfeatures-list p {
    margin-bottom: 0;
}

.banner-img {
    max-width: 900px;
    margin: 75px auto 0;
    display: block;
    width: 100%;
}

.col3-zfeatures-inner h2 {
    width: 320px;
    position: relative;
    margin-top: -70px;
}

.business-email-address {
    padding: 130px 0;
    position: relative;
    background: url('/sites/default/files/mail/business-email-address-bg.png');
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 860px;
}

.why-with-zohomail h2 {
    max-width: 700px;
    text-align: center;
    margin: 0 auto 50px;
}

.accordion-container {
    overflow: hidden;
    max-width: 1140px;
    margin: 0 auto;
}

.accordion-container>div {
    float: left;
    width: 50%;
}

.accordion-container-ss .zimage-ss {
    max-width: 550px;
    width: 100%;
}

.accordion-container-desc {
    padding-left: 30px;
}

.accordion-container-desc ul p {
    display: none;
}

.accordion-container-desc {
    text-align: right;
}

.accordion-container-desc ul {
    max-width: 480px;
    text-align: left;
    margin: 0 0 0 auto;
}

.accordion-container-desc h3 {
    margin: 0;
    padding: 20px 40px 20px 0;
    cursor: pointer;
    position: relative;
}

.accordion-container-desc li {
    border-bottom: 1px solid #e4e4e4;
}

.accordion-container-desc li:last-child {
    border-bottom: none;
}

.accordion-container>div {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.choose-your-plan {
    padding: 100px 0 70px;
    background-image: url('/sites/default/files/mail/choose-your-plan-bg.png');
    background-repeat: no-repeat;
    background-size: 100% 900px;
    background-position: bottom;
}

.zcontainer.col3-zpricing {
    display: table;
    table-layout: fixed;
}

.col3-zpricing-inner {
    display: table-cell;
    width: 33.33%;
    vertical-align: top;
}

.col3-zpricing-inner:first-child {
    padding-left: 60px;
    box-sizing: border-box;
    position: relative;
}

.zpricing-container {
    width: 90%;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0px 0px 5px 0px rgba(227, 227, 227, 1);
}

.col3-zpricing-inner .req {
    display: block;
    text-align: right;
    font-size: 15px;
    margin: 10px auto 0;
    padding: 0 10px;
}

.zpricing-main {
    padding: 30px 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
}

.zpricing-main h4 {
    background: #f5f5f5;
    padding: 5px 0;
}

.zpricegroup-common {
    font-family: proxima_nova_rgbold;
    display: block;
    line-height: 1;
    margin: 15px auto;
    color: #1777d2;
}

.zcurrency-symbol-common {
    font-size: 25px;
    vertical-align: top;
}

.z-price-text-common {
    font-size: 64px;
    line-height: 0.8;
}

.zpricing-features {
    padding: 30px 20px;
}

.zpricing-features li {
    padding-left: 35px;
    margin: 20px 0;
    position: relative;
}

.zpricing-features p {
    text-align: center;
    margin: 30px 0 20px;
}

.col3-zpricing-inner h2 {
    max-width: 240px;
    margin-top: 110px;
}

.col3-zpricing-inner h2+p {
    max-width: 320px;
}

.our-customer-stories {
    padding-top: 180px;
}

.our-customer-stories .zcontainer {
    max-width: 1140px;
}

.zstory-container {
    max-width: 840px;
    margin: -90px 0 0 auto;
}

.zstory-inner {
    width: 640px;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    padding: 30px 25px 30px 75px;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 100px;
}

.zstory-inner:first-child,
.zstory-inner:last-child {
    margin-left: auto;
}

.zstory-inner:last-child {
    margin-bottom: 0;
}

.our-customer-stories h2 {
    max-width: 300px;
    position: relative;
}

.zcust-img {
    width: 122px;
    height: 130px;
    display: inline-block;
    position: absolute;
    left: -40px;
    top: -75px;
}

.zcust-img.manik-koul {
    background-position: -483px 0;
}

.zcust-img.melissa-chan {
    background-position: -610px 0;
}

.zcust-img.jason-kimber {
    background-position: -733px 0;
}

.zstory-cust-details {
    font-family: 'gilroybold';
    font-size: 16px;
}

.zillus-prop-sq {
    position: absolute;
    width: 15px;
    height: 15px;
    background: #f0f9ff;
}

.zillus-prop-sq.zillus-prop-sq1 {
    background: #14b474;
    right: 10px;
    bottom: -40px;
    transform: scale(0.7) rotate(130deg);
}

.zillus-prop-sq.zillus-prop-sq2 {
    right: -60px;
    bottom: -35px;
    transform: scale(0.7) rotate(100deg);
}

.zillus-prop-sq.zillus-prop-sq3 {
    right: -110px;
    bottom: -10px;
    transform: scale(0.7) rotate(50deg);
}

.zillus-prop-sq.zillus-prop-sq4 {
    right: -150px;
    bottom: -45px;
    transform: scale(0.75) rotate(100deg);
    background: #03a9f5;
}

.zillus-prop-sq.zillus-prop-sq5 {
    right: -170px;
    bottom: 15px;
    transform: scale(0.5) rotate(120deg);
    background: #ef483e;
}

.zillus-prop-sq.zillus-prop-sq6 {
    right: -200px;
    bottom: -30px;
    transform: scale(0.9) rotate(100deg);
    background: #ffc100;
}

.zillus-prop-sq.zillus-prop-sq7 {
    right: -140px;
    bottom: 45px;
    transform: scale(0.7) rotate(100deg);
}

.zillus-quotes {
    position: absolute;
    width: 140px;
    height: 120px;
    background-position: 0 -96px;
    bottom: -205px;
    background-size: 780px auto;
}

.business-email-address-illus {
    position: absolute;
    left: -100%;
    top: -255px;
    max-width: 1000px;
    width: 440px;
}

.zbottom-lines {
    width: 100%;
    position: absolute;
    bottom: 30px;
    margin-left: -60px;
}

.zcurved-lines {
    width: 100%;
    height: 100px;
    border: solid 2px #bde8fd;
    border-top-color: rgb(189, 232, 253);
    border-right-color: rgb(189, 232, 253);
    border-bottom-color: rgb(189, 232, 253);
    border-left-color: rgb(189, 232, 253);
    border-top-color: rgb(0, 0, 0);
    border-right-color: rgb(0, 0, 0);
    border-bottom-color: rgb(0, 0, 0);
    border-left-color: rgb(0, 0, 0);
    border-color: transparent transparent #bde8fd transparent;
    border-radius: 0 0 280px 0%/60px;
    display: inline-block;
}

.zstr-lines {
    background: #bde8fd;
    width: 120px;
    display: block;
    height: 2px;
    margin: 20px 36px 0 auto;
}

.zbottom-section {
    background: #1777d2;
    padding: 120px 0 80px;
    text-align: center;
    margin-top: -40px;
    color: #fff;
}

.zbottom-section p {
    margin-top: 30px;
}

.accordion-container-desc h3::after,
.accordion-container-desc h3::before {
    position: absolute;
    content: "";
    right: 26px;
    top: 50%;
    width: 3px;
    height: 14px;
    background: #000;
    margin-top: -7px;
    transition: 0.5s all ease;
}

.accordion-container-desc h3::before {
    transform: rotate(45deg);
    right: 18px;
}

.accordion-container-desc h3::after {
    transform: rotate(-45deg);
}

.accordion-container-desc .zactive h3::after {
    transform: rotate(45deg);
}

.accordion-container-desc .zactive h3::before {
    transform: rotate(-45deg);
}

.main-container-wrapper.product-h-none #block-block-4 {
    display: block;
}

.product-nav-links .menu li {
    display: none;
}

.header,
.ZF-support,
.footer-search,
.ZPprivacy,
.signup-box form,
#personal,
#personal+label,
.get-signup-plan,
.feature-ss-content>a,
.link-txt {
    display: none;
}

.czonefooter {
    padding: 0;
}

.footer-sec-wrap {
    padding-bottom: 0;
}

.common-links p {
    font-size: 16px;
    border-top: 1px solid #e6e6e6;
    padding: 20px 10px;
    margin: 0;
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
    h1 {
        font-size: 52px;
    }
    h2 {
        font-size: 42px;
    }
    h3 {
        font-size: 22px;
    }
}

@media only screen and (max-width:1399px) {
    h1 {
        font-size: 48px;
    }
    h2 {
        font-size: 35px;
    }
}

@media only screen and (max-width:1199px) {
    h1 {
        font-size: 45px;
    }
    h2 {
        font-size: 32px;
    }
}

@media only screen and (max-width:991px) {
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 30px;
    }
    .ztop-header h1 {
        margin: 20px 0;
    }
    .ztop-header p {
        font-size: 18px;
    }
    .zcontainer {
        width: 90%;
    }
    .business-email-address {
        text-align: center;
        padding: 100px 0;
    }
    .business-email-address-illus {
        display: none;
    }
    .zcontainer.col3-zfeatures {
        max-width: 700px;
    }
    .col3-zfeatures-inner {
        width: 100%;
        display: block;
    }
    .col3-zfeatures-inner:first-child {
        margin-bottom: 50px;
    }
    .col3-zfeatures-inner h2 {
        width: 100%;
        margin: 0;
    }
    .zfeatures-list {
        display: block;
        margin: 0 auto 50px;
        width: 100%;
        max-width: 500px;
    }
    .col3-zfeatures-inner:last-child>.zfeatures-list:last-child {
        margin: 0 auto;
    }
    .zfeatures-icon {
        margin: 0 auto 30px;
    }
    .accordion-container>div {
        width: 100%;
    }
    .accordion-container-ss .zimage-ss {
        max-width: 450px;
        display: block;
        margin: 0 auto 40px;
    }
    .accordion-container-desc {
        padding: 0;
    }
    .accordion-container-desc ul {
        display: block;
        margin: 0 auto;
    }
    .accordion-container-desc h3::after,
    .accordion-container-desc h3::before {
        width: 2px;
        height: 10px;
    }
    .accordion-container-desc h3::before {
        right: 20px;
    }
    .choose-your-plan {
        padding: 60px 0 70px;
    }
    .col3-zpricing-inner .req {
        max-width: 500px;
        margin: 0 auto;
        text-align: center;
    }
    .col3-zpricing-inner {
        width: 100%;
        display: block;
    }
    .col3-zpricing-inner:last-child .zpricing-container {
        margin-bottom: 10px;
    }
    .col3-zpricing-inner:first-child {
        padding: 0;
        text-align: center;
    }
    .col3-zpricing-inner h2 {
        max-width: 100%;
        margin-top: 20px;
    }
    .col3-zpricing-inner h2+p {
        max-width: 400px;
        margin: 0 auto 50px;
    }
    .zbottom-lines {
        display: none;
    }
    .zpricing-container {
        max-width: 500px;
        margin-bottom: 50px;
        width: 100%;
    }
    .zstory-container {
        margin: 50px auto 0;
        max-width: 700px;
    }
    .our-customer-stories {
        padding: 80px 0;
    }
    .our-customer-stories .zcontainer h2 span {
        display: none;
    }
    .our-customer-stories h2 {
        max-width: 100%;
        text-align: center;
    }
    .zstory-inner {
        display: block;
        margin: 0 auto 50px;
        padding: 30px;
        width: 100%;
        max-width: 600px;
    }
    .zcust-img {
        position: static;
        display: block;
        margin: 0 auto 20px;
    }
    .zbottom-section {
        margin: 0;
        padding: 70px 0 40px;
    }
}

@media only screen and (max-width:767px) {
    body {
        -webkit-text-size-adjust: none;
    }
    h1 {
        font-size: 35px;
    }
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 22px;
    }
    .footer-sec-wrap .common-links {
        padding-top: 0;
    }
}
.common-links p{
    font-size: 13px;
    border-top: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-top: 8px;
}