



embed, img, object, video {
    /*max-width: 100%;
    height: auto;*/
}


ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
    outline: 0;
    color: #fff;
}

.zp-icon {
    background: var(--product-icons) no-repeat;
    width: var(--zp-i-w);
    height: var(--zp-i-h);
    background-size: var(--zp-i-bs);
}

a:focus, input:focus, keygen:focus, select:focus, textarea:focus {
    box-shadow: none;
    outline: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 15px;
}

h1 {
    /*font: 42px/1.2 Zoho_Puvi_Bold;*/
    letter-spacing: -0.1px;
}

/*h2 {
    font: 32px/1.25 Zoho_Puvi_SemiBold;
}

h3 {
    font: 27px/1.3 Zoho_Puvi_SemiBold;
}

h4 {
    font: 23px/1.4 Zoho_Puvi_SemiBold;
}

h5 {
    font: 17px/1.4 Zoho_Puvi_SemiBold;
}*/

h6 {
    font-size: 15px;
}

p {
    font-size: 17px;
    line-height: 1.6;
    margin: 0 0 20px;
}

.zw-template-zp_home video {
    width: 100%;
}

.main {
    position: relative;
}

.content-wrap {
    position: relative;
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
}

.ismobileapp .signup-testimonial-wrap {
    display: none;
}

.ismobileapp .login-text {
    display: none;
}

.zshow-common {
    display: block !important;
}

.zhide-common {
    display: none !important;
}

.act-btn {
    display: inline-block;
    font-family: var(--zf-primary-semibold),sans-serif;
    padding: 8px 30px;
    margin: 0;
    border: 1px solid transparent;
    cursor: pointer;
    z-index: 1;
    font-size: 15px;
    text-transform: uppercase;
    position: relative;
    text-align: center;
}

.cta-btn {
    background: #f0483e;
    color: #fff;
}

.act-btn.cta-btn {
    visibility: hidden;
    opacity: 0;
}

.button {
    position: relative;
    display: inline-block;
    font-size: 15px;
    padding: 18px 60px;
    background: #f0483e;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    cursor: pointer;
}

#zprd_name_html {
    display: none;
}

.lock, .zw-body-lock {
    overflow: hidden;
}

.logo, .zgh-brand a, .product-header-top .product-title a {
    background: var(--zoho-logo-web) no-repeat;
}

.zwph-white .zgh-brand a {
    background-image: var(--zoho-logo-darkbg);
}

.zgh-megaMenuCat li.zgh-b-bundles > span:after, .zgh-megaMenuCat li.zgh-b-marketplace:after, [class^="zgh-i-"]:before, .zgh-megaMenuCat li.zgh-b-marketplace > span:after {
    background: var(--product-icons) no-repeat;
}

.zgh-i-docs:before, .zgh-i-site24x7:before, .zgh-i-mdm:before, .zgh-i-patchmanagerplus:before, .zgh-i-identitymanagement:before, .zgh-i-log360cloud:before, .zgh-i-servicedeskplus:before {
    background: var(--product-icons-png) no-repeat;
}

a.reload-img, .apps-download-links-wrap a, .zgh-products .zgh-marketplace a:after, .ZF-contact ul li.zf-support-mail a:before, .footer-search .footer-search-btn span, .zgh-search-icon, .zgh-search-wrap .zgh-search-btn, .zgh-localSelect:before, .footer-sec-wrap ul.zft-social-icons li a, .signup-box .socl-signup span.vi-apple::after, .signup-box .socl-signup a.vi-apple:after, .signup-box .socl-signup a, .signup-box .socl-signup span, .signup-box .socl-signup a.vi-google, .signup-box .socl-signup span.vi-google, .zmobile-menu-searchbtn span {
    background: var(--common-elements) no-repeat;
}

.zlang-container .zlang-text::after, .zgh-localBox li a::before, .zlang-container-inner li a::before, .zgh-localization .zgh-localSelect:before, .lang-support span {
    background: var(--country-flags) no-repeat;
}


.zgh-megaMenuCat li.zgh-b-marketplace {
    padding: 20px 55px 20px 0;
}

.zgh-megaMenuCat li.zgh-b-bundles:after {
    top: inherit;
    bottom: 8px;
    background-position: -100px 0;
    filter: brightness(0) invert(1);
}

.zgh-products.active .zgh-megaMenuCat li > span {
    position: relative;
}

.zgh-megaMenuCat > span {
    display: block;
}

.zgh-products .zgh-megaMenuPro {
    position: relative;
}

    .zgh-products .zgh-megaMenuPro > div {
        padding: 20px;
        overflow: hidden;
        display: none;
        opacity: 0;
        visibility: hidden;
        position: relative;
    }

.zgh-megaMenu.active .zgh-megaMenuPro > div.active {
    display: flex;
    flex-wrap: wrap;
    opacity: 1;
    visibility: visible;
}

.zgh-megaMenuPro .zgh-menuItem {
    width: 25%;
}

.zgh-menuItem.zgh-b-remotely {
    display: none;
}

.zgh-megaMenuPro > div:not(.zgh-bundles):not(.zgh-marketplace) > .zgh-menuItem:first-child, .zgh-megaMenuPro > div:not(.zgh-bundles):not(.zgh-marketplace) .zmenu-menuProBox-1 .zgh-menuItem:first-child {
    background: linear-gradient(to right,#f3f3f3,#fff);
}

.zgh-bundles .zgh-menuItem {
    width: 49%;
    margin-bottom: 10px;
}

.zgh-bundles .zgh-b-crmplus {
    background: #f0f8ff;
    margin-right: 5px;
}

.zgh-bundles .zgh-b-financeplus {
    background: #edfff8;
    margin-left: 5px;
}

.zgh-bundles .zgh-b-peopleplus {
    background: #ededf5;
    margin-right: 5px;
}

.zgh-bundles .zgh-b-marketingplus {
    background: #ffe7ea;
    margin-right: 5px;
}

.zgh-bundles .zgh-b-creatorplus {
    background: #ebe8fc;
    margin-right: 5px;
}

.zgh-bundles .zgh-b-workplace {
    background: #fff6f7;
    margin-left: 5px;
}

.zgh-bundles .zgh-b-itmanagement {
    background: #fffef3;
    margin-right: 5px;
}

.zgh-bundles .zgh-b-zohoone {
    width: 100%;
    background: #fdf9c6;
    margin-left: 5px;
}

.zgh-bundles a {
    min-height: 90px;
    padding: 15px 15px 10px 96px;
}

.zgh-megaMenuPro .zgh-menuItem:hover {
    background: #d6d6d626;
}

.zgh-hidden {
    display: none;
}

.zmenu-moreBox {
    text-align: center;
    width: 100%;
    display: table;
}

.zmenu-moreBtn {
    display: inline-block;
    font-family: var(--zf-primary-semibold);
    color: #03a9f5;
    padding: 2px 15px;
    font-size: 15px;
    margin: 20px 0 0;
    cursor: pointer;
    position: relative;
}

    .zmenu-moreBtn:after, .zmenu-moreBtn:before {
        content: '';
        width: 7px;
        height: 2px;
        background: #03a9f5;
        position: absolute;
        top: -1px;
        bottom: 0;
        right: 0;
        margin: auto;
    }

    .zmenu-moreBtn:after {
        transform: rotate(-45deg);
    }

    .zmenu-moreBtn:before {
        transform: rotate(45deg);
        right: 4px;
    }

    .zmenu-moreBtn.active:after {
        transform: rotate(45deg);
    }

    .zmenu-moreBtn.active:before {
        transform: rotate(-45deg);
    }

.zgh-menuItem a {
    color: #000;
    display: block;
    position: relative;
    padding: 25px 15px 25px 70px;
}

.zgh-bundles .zgh-menuItem a {
    padding: 25px 15px 10px 91px;
}

.zgh-megaMenuPro > div:not(.zgh-bundles):not(.zgh-marketplace) > .zgh-menuItem:first-child a, .zgh-megaMenuPro > div:not(.zgh-bundles):not(.zgh-marketplace) .zmenu-menuProBox-1 .zgh-menuItem:first-child a {
    padding: 25px 10px 25px 80px;
}

.zgh-menuItem a span {
    background: #fef07d;
    color: #c46b0c;
    font-size: 8px;
    position: absolute;
    top: 10px;
    left: 70px;
    padding: 0 3px;
    line-height: 12px;
    font-family: var(--zf-primary-bold);
    text-transform: uppercase;
}

.zgh-menuItem p {
    font-size: 17px;
    margin: 0 0 5px;
    line-height: 20px;
    font-family: var(--zf-primary-semibold),sans-serif;
    color: #000;
}

.zgh-megaMenuPro > div:not(.zgh-bundles):not(.zgh-marketplace) > .zgh-menuItem:first-child p, .zgh-megaMenuPro > div:not(.zgh-bundles):not(.zgh-marketplace) .zmenu-menuProBox-1 .zgh-menuItem:first-child p {
    font-size: 20px;
}

.zgh-i-zohoone p {
    padding: 0 30px 0 80px;
    position: relative;
    font-size: 22px;
}

    .zgh-i-zohoone p:after {
        content: 'Zoho';
        line-height: 30px;
        background: 0;
        width: 75px;
        height: 30px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        margin: auto;
    }

.zgh-menuItem em {
    font-size: 12px;
    line-height: 18px;
    display: block;
    font-style: normal;
    color: #000;
}

.zgh-i-zohoone em {
    font-size: 13px;
    line-height: 20px;
}

.zgh-megaMenuCat li.zgh-b-marketplace {
    margin-top: 0;
    border: 0;
}

    .zgh-megaMenuCat li.zgh-b-marketplace:after {
        background-position: 0 0;
        transform: scale(0.95);
    }

.zgh-megaMenuCat .zgh-b-marketplace {
    margin-top: 0;
    border: 0;
}

.zgh-marketplace .marketplace-title {
    font-family: var(--zf-primary-semibold);
    font-size: 15px;
    text-indent: 1px;
    margin-bottom: 20px;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.zgh-marketplace a p {
    font-size: 15px;
}

.zgh-marketplace .zgh-menuItem {
    width: 32.7%;
    min-height: 115px;
}

.zgh-marketplace .zgh-b-extensions {
    background: #f0f4fe;
    margin-right: .45%;
}

.zgh-marketplace .zgh-b-customapps {
    background: #e4fbf2;
    margin: 0 .45%;
}

.zgh-marketplace .zgh-b-industrysolutions {
    background: #fdf0ef;
    margin-left: .45%;
}

.zgh-marketplace .zgh-b-buildandsell {
    width: 100%;
    background: #fcf2e9;
    margin-top: 10px;
}

.zgh-products .zgh-marketplace a:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 15px;
    background-size: 450px auto;
    background-position: -225px 0;
    top: 8px;
    right: 8px;
    visibility: hidden;
    opacity: 0;
}

.zgh-products .zgh-marketplace a:hover:after {
    visibility: visible;
    opacity: 1;
}

.zgh-megaMenuCat li.zgh-b-bundles > span:after, .zgh-megaMenuCat li.zgh-b-marketplace > span:after, [class^="zgh-i-"]:before {
    content: '';
    background-size: var(--zp-i-bs);
    width: var(--zp-i-w);
    height: var(--zp-i-w);
    background-position: var(--uset-position);
    position: absolute;
    top: 16px;
    left: 15px;
}

.zgh-megaMenuCat li.zgh-b-bundles > span:after, .zgh-megaMenuCat li.zgh-b-marketplace > span:after {
    background-position: -400px -120px;
    position: absolute;
    top: -2px;
    bottom: 0;
    margin: auto;
    right: 15px;
    left: auto;
    filter: invert(1);
    transform: scale(0.55);
    transform-origin: center right;
}

.zgh-megaMenuCat li.zgh-b-bundles > span:after {
    background-position: -160px 0;
    filter: brightness(0) invert(1);
    transform: scale(0.6);
}

.zgh-megaMenuCat li.zgh-b-bundles > span, .zgh-megaMenuCat li.zgh-b-marketplace > span {
    display: block;
}

.zgh-i-docs:before, .zgh-i-site24x7:before, .zgh-i-mdm:before, .zgh-i-patchmanagerplus:before, .zgh-i-identitymanagement:before, .zgh-i-log360cloud:before, .zgh-i-servicedeskplus:before {
    background-size: 440px auto;
}

.zgh-megaMenuPro > div:not(.zgh-bundles):not(.zgh-marketplace) > .zgh-menuItem a:before {
    transform: scale(.7);
    left: 20px;
}

.zgh-megaMenuPro > div:not(.zgh-bundles):not(.zgh-marketplace) > .zgh-menuItem:first-child a:before, .zgh-megaMenuPro > div:not(.zgh-bundles):not(.zgh-marketplace) .zmenu-menuProBox-1 .zgh-menuItem:first-child a:before {
    transform: scale(1.4);
    left: 22px;
    top: 35px;
}

.zgh-i-crm:before {
    background-position: var(--zp-crm-bp);
}

.zgh-i-desk:before {
    background-position: var(--zp-desk-bp);
}

.zgh-i-salesiq:before {
    background-position: var(--zp-salesiq-bp);
}

.zgh-i-motivator:before {
    background-position: var(--zp-motivator-bp);
}

.zgh-i-bigin::before {
    background-position: var(--zp-bigin-bp);
}

.zgh-i-social:before {
    background-position: var(--zp-social-bp);
}

.zgh-i-campaigns:before {
    background-position: var(--zp-campaigns-bp);
}

.zgh-i-forms:before {
    background-position: var(--zp-forms-bp);
}

.zgh-i-sites:before {
    background-position: var(--zp-sites-bp);
}

.zgh-i-backstage:before {
    background-position: var(--zp-backstage-bp);
}

.zgh-i-meeting:before {
    background-position: var(--zp-meeting-bp);
}

.zgh-i-servicedeskplus:before {
    background-position: 0 0;
}

.zgh-i-assist:before {
    background-position: var(--zp-assist-bp);
}

.zgh-i-books:before {
    background-position: var(--zp-books-bp);
}

.zgh-i-invoice:before {
    background-position: var(--zp-invoice-bp);
}

.zgh-i-expense:before {
    background-position: var(--zp-expense-bp);
}

.zgh-i-inventory:before {
    background-position: var(--zp-inventory-bp);
}

.zgh-i-billing:before {
    background-position: var(--zp-billing-bp);
}

.zgh-i-checkout:before {
    background-position: var(--zp-checkout-bp);
}

.zgh-i-payroll:before {
    background-position: var(--zp-payroll-bp);
}

.zgh-i-people:before {
    background-position: var(--zp-people-bp);
}

.zgh-i-recruit:before {
    background-position: var(--zp-recruit-bp);
}

.zgh-i-connect:before {
    background-position: var(--zp-connect-bp);
}

.zgh-i-pagesense:before {
    background-position: var(--zp-pagesense-bp);
}

.zgh-i-survey:before {
    background-position: var(--zp-survey-bp);
}

.zgh-i-workerly:before {
    background-position: var(--zp-workerly-bp);
}

.zgh-i-creator:before {
    background-position: var(--zp-creator-bp);
}

.zgh-i-site24x7:before {
    background-position: -400px 0;
}

.zgh-i-flow:before {
    background-position: var(--zp-flow-bp);
}

.zgh-i-vault:before {
    background-position: var(--zp-vault-bp);
}

.zgh-i-bugtracker:before {
    background-position: var(--zp-bugtracker-bp);
}

.zgh-i-mdm:before {
    background-position: -360px 0;
}

.zgh-i-patchmanagerplus:before {
    background-position: -40px 0;
}

.zgh-i-analytics:before {
    background-position: var(--zp-analytics-bp);
}

.zgh-i-analytics {
    min-height: 111px;
}

.zgh-i-mail:before {
    background-position: var(--zp-mail-bp);
}

.zgh-i-writer:before {
    background-position: var(--zp-writer-bp);
}

.zgh-i-sheet:before {
    background-position: var(--zp-sheet-bp);
}

.zgh-i-show:before {
    background-position: var(--zp-show-bp);
}

.zgh-i-notebook:before {
    background-position: var(--zp-notebook-bp);
}

.zgh-i-showtime:before {
    background-position: var(--zp-showtime-bp);
}

.zgh-i-backtowork::before {
    background-position: var(--zp-backtowork-bp);
}

.zgh-i-shifts::before {
    background-position: var(--zp-shifts-bp);
}

.zgh-i-wiki:before {
    background-position: -400px -80px;
}

.zgh-i-projects:before {
    background-position: var(--zp-projects-bp);
}

.zgh-i-sprints:before {
    background-position: var(--zp-sprints-bp);
}

.zgh-i-orchestly:before {
    background-position: var(--zp-orchestly-bp);
}

.zgh-i-docs:before {
    background-position: -320px 0;
}

.zgh-i-cliq:before {
    background-position: var(--zp-cliq-bp);
}

.zgh-i-sign:before {
    background-position: var(--zp-sign-bp);
}

.zgh-i-officeintegrator:before {
    background-position: var(--zp-officeintegrator-bp);
}

.zgh-i-workdrive:before {
    background-position: var(--zp-workdrive-bp);
}

.zgh-i-commerce:before {
    background-position: var(--zp-commerce-bp);
}

.zgh-i-landingpage:before {
    background-position: var(--zp-landingpage-bp);
}

.zgh-i-bookings:before {
    background-position: var(--zp-bookings-bp);
}

.zgh-i-marketinghub:before {
    background-position: var(--zp-marketinghub-bp);
}

.zgh-i-identitymanagement:before {
    background-position: -200px 0;
}

.zgh-i-log360cloud:before {
    background-position: -280px 0;
}

.zgh-i-catalyst:before {
    background-position: var(--zp-catalyst-bp);
}

.zgh-i-remoteaccessplus:before {
    background-position: var(--zp-remoteaccessplus-bp);
}

.zgh-i-zohodirectory:before {
    background-position: var(--zp-directory-bp);
}

.zgh-i-lens:before {
    background-position: var(--zp-lens-bp);
}

.zgh-i-endpointcentral::before {
    background-position: var(--zp-endpointcentral-bp);
}

.zgh-i-endpointcentralmsp::before {
    background-position: var(--zp-endpointcentral-bp);
}

.zgh-i-zeptomail::before {
    background-position: var(--zp-zeptomail-bp);
}

.zgh-i-calendar::before {
    background-position: var(--zp-calendar-bp);
}

.zgh-i-voice::before {
    background-position: var(--zp-voice-bp);
}

.zgh-i-embeddedbi::before {
    background-position: var(--zp-embeddedbi-bp);
}

.zgh-i-contracts::before {
    background-position: var(--zp-contracts-bp);
}

.zgh-email-office.active > div {
    min-height: 112px;
}

.zgh-i-dataprep::before {
    background-position: var(--zp-dataprep-bp);
}

.zgh-i-learn::before {
    background-position: var(--zp-learn-bp);
}

.zgh-i-teaminbox::before {
    background-position: var(--zp-teaminbox-bp);
}

.zgh-i-officesuite:before {
    background-position: var(--zp-officesuite-bp);
}

.zgh-bundles [class^="zgh-i-"]:before {
    top: 25px;
    left: 15px;
}

.zgh-marketplace [class^="zgh-i-"]:before {
    top: 25px;
}

.zgh-i-extensions:before {
    background-position: -480px -120px;
}

.zgh-i-customapps:before {
    background-position: -520px -120px;
}

.zgh-i-industrysolutions:before {
    background-position: -560px -120px;
}

.zgh-i-buildandsell:before {
    background-position: -440px -120px;
}

.zgh-i-thrive::before {
    background-position: var(--zp-thrive-bp);
}

.zgh-i-routeiq::before {
    background-position: var(--zp-routeiq-bp);
}

.zgh-i-directory::before {
    background-position: var(--zp-directory-bp);
}

.zgh-i-apptics::before {
    background-position: var(--zp-apptics-bp);
}

.zgh-i-webinar::before {
    background-position: var(--zp-webinar-bp);
}

.zgh-i-tables:before {
    background-position: var(--zp-tables-bp);
}

.zgh-i-fsm:before {
    background-position: var(--zp-fsm-bp);
}

.zgh-i-marketingautomation:before {
    background-position: var(--zp-marketingautomation-bp);
}

.zgh-i-solo:before {
    background-position: var(--zp-solo-bp);
}

.zgh-i-publish:before {
    background-position: var(--zp-publish-bp);
}

.zgh-i-campfire:before {
    background-position: var(--zp-campfire-bp);
}

.zgh-i-qengine:before {
    background-position: var(--zp-qengine-bp);
}

.zgh-i-mail360:before {
    background-position: var(--zp-mail360-bp);
}

.zgh-b-tables, .zgh-b-qengine, .zgh-b-publish {
    display: none;
}

.ccode-us .zgh-b-tables, .ccode-in .zgh-b-tables, .region-mea .zgh-b-qengine, .ccode-us .zgh-b-qengine, .ccode-in .zgh-b-qengine, .ccode-eu .zgh-b-qengine, .ccode-us .zgh-b-publish, .ccode-ca .zgh-b-publish, .ccode-in .zgh-b-publish, .ccode-au .zgh-b-publish {
    display: block;
}

.zgh-utilities {
    display: flex;
    align-items: center;
    margin: 0 0 0 auto;
}

.zgh-search {
    margin-right: 20px;
    height: 22px;
    line-height: 1.6;
}

.zgh-search-icon {
    display: inline-block;
    cursor: pointer;
    background-position: -295px 0;
    background-size: 620px auto;
    width: 15px;
    height: 16px;
}

.zgh-search-container {
    position: fixed;
    top: -250px;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 9999;
    border-bottom: 1px solid #eee;
    transition: top 500ms ease-in-out;
}

    .zgh-search-container.active {
        top: 0;
    }

.zgh-search-box {
    padding: 19px 20px;
    position: relative;
    max-width: 740px;
    width: 100%;
    margin: auto;
}

    .zgh-search-box input:-webkit-autofill, .zgh-search-box input:-webkit-autofill:hover, .zgh-search-box input:-webkit-autofill:focus, .zgh-search-box input:-webkit-autofill:active {
        box-shadow: 0 0 0 30px white inset;
    }

.zgh-search-wrap {
    background: #fff;
    position: relative;
    z-index: 2;
}

    .zgh-search-wrap form {
        position: relative;
    }

    .zgh-search-wrap .zgh-search-btn {
        position: absolute;
        right: 0;
        top: 10px;
        width: 21px;
        height: 22px;
        padding: 0;
        border: 0;
        outline: 0;
        background-size: 795px auto;
        background-position: -377px 0;
        cursor: pointer;
    }

.zgh-search-field {
    font-size: 15px;
    width: 100%;
    padding: 11px 40px 11px 11px;
    border: 0;
    outline: 0;
}

.zgh-search-box #zgh-search-action .zgh-search-field {
    max-width: 100%;
    margin: 0;
    height: initial;
    padding: 11px 40px 11px 11px;
    line-height: initial;
    font-size: 15px;
    border: 0;
    text-indent: 0;
    width: 100%;
    font-family: var(--zf-primary-regular);
}

.zgh-search-clear {
    position: absolute;
    right: 0;
    top: 50%;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    cursor: pointer;
    display: none;
}

    .zgh-search-clear:before, .zgh-search-clear:after {
        position: absolute;
        left: 15px;
        top: 8px;
        content: ' ';
        height: 20px;
        width: 1px;
        background-color: #333;
    }

    .zgh-search-clear:before {
        transform: rotate(45deg);
    }

    .zgh-search-clear:after {
        transform: rotate(-45deg);
    }

.zgh-search-container .zgh-search-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.36);
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: all 800ms ease;
}

.zgh-search-container.active .zgh-search-overlay {
    visibility: visible;
    opacity: 1;
}

.zgh-headerWrap {
    display: flex;
    flex-wrap: wrap;
}

.zgh-brand {
    padding: 0 20px 0 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    .zgh-brand a {
        height: 65px;
        width: 130px;
        background-size: 100% auto;
        background-position: left center;
        display: inline-block;
        text-indent: -99999px;
    }

.zgh-localization {
    display: flex;
    flex-wrap: wrap;
    margin-right: 15px;
    position: relative;
    padding: 10px 0;
}

.IE .zgh-localization {
    height: inherit;
}

.zgh-localSelect {
    position: relative;
    font-size: 12px;
    font-family: var(--zf-primary-semibold),sans-serif;
    padding-left: 27px;
    display: inline-block;
    cursor: pointer;
    line-height: 16px;
}

.zgh-localBox {
    width: 400px;
    padding-top: 10px;
    position: absolute;
    top: 47px;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: transform .3s ease-in-out,opacity .3s ease-in-out;
}

.zgh-localization.active .zgh-localBox {
    opacity: 1;
    visibility: visible;
    transform: translateY(-20px);
}

.zgh-localization ul {
    position: relative;
    border: 2px solid #e0e0e0;
    padding: 15px 20px 15px 20px;
    background: #fff;
    display: block;
    width: 100%;
    box-shadow: 2px 4px 10px rgba(0,0,0,.1);
    display: flex;
    flex-wrap: wrap;
}

    .zgh-localization ul:before {
        content: '';
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 10px solid #e0e0e0;
        position: absolute;
        right: 15px;
        margin: auto;
        top: -11px;
    }

    .zgh-localization ul:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 8px solid #fff;
        position: absolute;
        right: 17px;
        margin: auto;
        top: -7px;
    }

.zgh-localization li {
    line-height: 1.2;
    margin-bottom: 12px;
    width: 50%;
    position: relative;
    margin: 5px 0;
}

.zgh-localization a {
    font-size: 12px;
    color: #000;
    display: inline-block;
    padding: 3px 0 3px 30px;
}

    .zgh-localization a:hover {
        color: #03a9f5;
    }

.i18n-ar .zgh-search-wrap .zgh-search-btn {
    right: unset;
    left: 0;
}

.zgh-accounts {
    padding-left: 10px;
    display: inline-block;
}

    .zgh-accounts > a {
        display: inline-block;
        font-family: var(--zf-primary-semibold),sans-serif;
        font-size: 12px;
        padding: 7px 15px;
        line-height: 25px;
        text-transform: uppercase;
    }

    .zgh-accounts .zgh-login {
        color: #f0483e;
        display: none;
    }

    .zgh-accounts .zgh-signup {
        color: #fff;
        background: #f0483e;
        margin-right: 10px;
    }

.zgh-user-box {
    position: relative;
    z-index: 999;
    padding-right: 5px;
}

.zgh-userPanel {
    position: relative;
    width: 35px;
    height: 35px;
}

    .zgh-userPanel ul {
        position: relative;
        width: 298px;
        height: 122px;
        margin: 0;
        padding: 0;
        transition: padding .2s ease;
        background: #fff;
    }

        .zgh-userPanel ul > li {
            line-height: 1;
        }

        .zgh-userPanel ul:after {
            position: absolute;
            right: 0;
            bottom: 40px;
            left: 0;
            width: 100%;
            height: 1px;
            content: '';
            background: #e8e8e8;
        }

    .zgh-userPanel.active .zgh-userLink {
        width: 300px;
        height: 122px;
        border: 1px solid #e8e8e8;
    }

    .zgh-userPanel.active ul {
        padding: 10px 10px 0;
    }

    .zgh-userPanel.active img {
        width: 60px;
        cursor: default;
    }

.zgh-userAvatar {
    cursor: pointer;
    max-height: 100%;
    width: 35px;
    height: 35px;
    line-height: 60px;
    border-radius: 100%;
    object-fit: cover;
}

.zgh-userLink {
    position: absolute;
    right: -5px;
    top: 0;
    overflow: hidden;
    width: 0;
    height: 0;
    transition: width .2s ease,height .2s ease;
}

.zgh-userImage {
    float: left;
    margin-right: 10px;
}

    .zgh-userImage img {
        width: 36px;
        cursor: pointer;
        transition: width .2s ease;
    }

.zgh-userName {
    font-size: 15px;
    line-height: 22px;
    display: inline-block;
    overflow: hidden;
    width: 200px;
    margin-top: 5px;
    white-space: nowrap;
    text-transform: capitalize;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    vertical-align: middle;
}

.zgh-userAccess {
    vertical-align: middle;
    display: inline-block;
    width: 200px;
}

    .zgh-userAccess a {
        font: 13px var(--zf-primary-semibold),sans-serif;
        text-transform: capitalize;
        color: #2fa763;
        display: inline-block;
        vertical-align: middle;
    }

.zgh-userAccount {
    position: absolute;
    bottom: 15px;
    left: 10px;
}

    .zgh-userAccount a {
        font-size: 11px;
        color: #03a9f5;
        vertical-align: middle;
        font-family: var(--zf-primary-semibold);
    }

.zgh-userLogout {
    position: absolute;
    right: 10px;
    bottom: 12px;
}

    .zgh-userLogout a {
        font-size: 10px;
        padding: 4px 15px;
        color: #000;
        background: #efefef;
        display: inline-block;
        text-transform: uppercase;
    }

.product-header-top .zgh-accounts {
    padding: 0;
    margin-left: 15px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.product-header-top .zgh-signup {
    font-size: 11px;
}

.product-header-top .zgh-userPanel.active .zgh-userLink {
    top: -10px;
    right: -10px;
}

.z-mobile-menu-v2 {
    position: relative;
    z-index: 999;
}

.zoverflow-mobile {
    overflow: hidden;
}

.z-bottom-cta-menu, .zmobile-menu-new {
    display: none;
}

.ztop-slide-mobile-menu {
    position: fixed;
    top: -100px;
    left: 0;
    width: 100%;
    background: #fff;
    transition: .75s ease all;
    box-shadow: 0 3px 13px 0 rgba(133,133,133,0.2);
    z-index: 999;
    display: none;
}

    .ztop-slide-mobile-menu.onscroll {
        top: 0;
    }

.product-header-top {
    left: 0;
    background: #fff;
    max-width: 100%;
    transition: .25s ease;
    margin: 0 auto;
    overflow: hidden;
    z-index: 100;
    box-shadow: 0 1px 3px rgba(0,0,0,.05);
    border-bottom: 1px solid rgba(0,0,0,.1);
    position: fixed;
    width: 100%;
    top: 0;
    min-height: 65px;
    display: flex;
    align-items: center;
}

    .product-header-top .menu li:first-child {
        margin-left: 0;
    }

    .product-header-top .menu li {
        margin-left: 40px;
    }

        .product-header-top .menu li a {
            color: #000;
            font-size: 15px;
        }

    .product-header-top .product-title {
        display: flex;
        align-items: center;
        margin-top: 0;
        margin-right: auto;
        order: 1;
        padding-left: 15px;
    }

.menu > li {
    display: inline-flex;
}

.menu li:last-child a {
    padding-right: 0;
}



.slide {
    top: -500px;
}

.product-header-top .content-wrap {
    max-width: 100%;
    width: 100%;
    padding: 0;
}

.product-header-top > div {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.menu li a.active, .menu li span.active {
    box-shadow: 0 -2px 0 #000 inset;
    font-family: var(--zf-primary-semibold);
}

.zw-product-header .product-title a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.zw-product-header span.zprd-display-name {
    padding-left: 10px;
    line-height: 1.4;
}

.product-title > a {
    font-size: 20px;
    font-family: var(--zf-primary-semibold),Arial,Helvetica,sans-serif;
    color: #000;
    position: relative;
}

.zwph-white .product-title > a {
    color: #fff;
}

.product-header-top .product-title a {
    background: 0;
    display: flex;
    align-items: center;
    min-height: 65px;
}


.zgh-b-payroll {
    display: none;
}

.domain-com.ccode-in.lang-en .zgh-b-payroll, .domain-in .zgh-b-payroll {
    display: block;
}

.zsiq_custommain, div.zsiq_floatmain {
    z-index: 999 !important;
}

.z-bottom-cta-menu.z-disabled > a {
    background: #f1f1f1;
    pointer-events: none;
    color: #868686;
}

.z-bottom-cta-menu:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background: #fff;
    opacity: .01;
    left: 0;
    top: 0;
    display: none;
}

.z-bottom-cta-menu.disablemenuclick:after {
    display: block;
}

.z-mobile-menu-v2.moveup {
    z-index: 9999;
}

body.i18n-ar .zsiq_theme1.zsiq_floatmain {
    right: auto;
    left: 20px;
}

body.i18n-ar .zsiq-newtheme.zls-sptwndw {
    left: 5px;
    right: auto;
}

.apps-download-links-wrap a {
    height: 41px;
    width: 119px;
    margin: 0 5px 5px 0;
    background-size: 804px auto;
    background-position: 0 -34px;
    display: inline-block;
    text-indent: -99999px;
}

    .apps-download-links-wrap a.app-store {
        background-position: 0 -35px;
    }

    .apps-download-links-wrap a.g-play {
        width: 133px;
        background-position: -120px -35px;
    }

    .apps-download-links-wrap a.windows-app {
        width: 141px;
        background-position: -255px -36px;
        background-color: #000;
        border-radius: 6px;
        border: 1px solid #747474;
    }

    .apps-download-links-wrap a.mac-download-app-store {
        background-position: -485px -35px;
        width: 156px;
    }

.zc-video-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.95);
    overflow: auto;
    z-index: 9999;
    display: none;
    padding: 20px 0;
}

.zc-video-close {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 15px;
    right: 20px;
}

a.zc-video-close::before {
    content: 'x';
    color: #000;
    font-size: 40px;
    display: block;
}

a.zc-video-close:before, a.zc-video-close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 30px;
    width: 1px;
    background-color: #000;
}

a.zc-video-close:before {
    transform: rotate(45deg);
}

a.zc-video-close:after {
    transform: rotate(-45deg);
}

.zc-video-modalInner {
    max-width: 70%;
    width: 90%;
    height: 100%;
    display: table;
    table-layout: fixed;
    margin: 0 auto;
}

.zc-video-container {
    display: table-cell;
    vertical-align: middle;
}

.zc-video-box {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
}

.zc-video-iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.z-video-wrap .z-popup-content {
    padding: 0;
    box-shadow: none;
    max-width: 67%;
}

.z-popup-overlay, .z-pouup-wrap, .z-pouup-wrap-inner {
    top: 0;
    left: 0;
}

.z-popup-overlay, .z-pouup-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 0 8px;
    z-index: 1000;
}

.z-pouup-wrap {
    display: none;
}

.z-pouup-wrap-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 30px;
}

    .z-pouup-wrap-inner:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-left: -5px;
    }

.z-popup-content-inner .popup-data {
    display: block;
}

.z-popup-overlay {
    background: #fff;
    background: rgba(255,255,255,1);
    cursor: pointer;
}

.z-popup-content-wrap {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    width: 100%;
}

.z-popup-content {
    margin: 0 auto;
    max-width: 750px;
    background: #fff;
    z-index: 1001;
    position: relative;
    border: 1px solid #f2f2f2;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    padding: 50px;
}

.popup-close {
    cursor: pointer;
    height: 65px;
    position: fixed;
    right: 20px;
    top: 20px;
    width: 65px;
}

.popup-data {
    display: none;
}

.slick-dots {
    text-align: center;
}

    .slick-dots li button:focus, .slick-dots li button:hover, .slick-list:focus, .slick-next, .slick-prev {
        outline: 0;
    }

.slick-next, .slick-prev {
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    z-index: 1;
    transform: translate(0,-50%);
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0;
}

    .slick-next:after, .slick-next:before, .slick-prev:after, .slick-prev:before {
        content: '';
        position: absolute;
        width: 2px;
        height: 18px;
        background: #c7d0df;
        transition: .5s ease;
    }

.slick-dots {
    position: relative;
}

.slick-next:hover:after, .slick-next:hover:before, .slick-prev:hover:after, .slick-prev:hover:before {
    background: #3f51b6;
}

.slick-next:before {
    transform: rotate(-45deg);
    top: 0;
    right: 10px;
}

.slick-next:after {
    transform: rotate(45deg);
    bottom: 0;
    right: 10px;
}

.slick-prev:before {
    transform: rotate(45deg);
    top: 0;
    left: 10px;
}

.slick-prev:after {
    transform: rotate(135deg);
    bottom: 0;
    left: 10px;
}

.slick-next.slick-disabled, .slick-prev.slick-disabled {
    opacity: .25;
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 10px 0;
    list-style: none;
}

    .slick-dots li {
        display: inline-block;
        margin: 0 3px;
        background: #c7d0df;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        cursor: pointer;
        border: 1px solid #fff;
        transition: .5s ease;
    }

        .slick-dots li.slick-active {
            background: #3f51b6;
            width: 12px;
            height: 12px;
            border: 1px solid #3f51b6;
        }

        .slick-dots li button {
            display: none;
        }

.slick-list, .slick-slider, .slick-track {
    position: relative;
    display: block;
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-slider .slick-list, .slick-slider .slick-track {
    transform: translate3d(0,0,0);
}

.slick-track {
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:after {
        clear: both;
        display: table;
        content: '';
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-arrow.slick-hidden {
    display: none;
}

.i18n-ar .slick-slider .slick-list, .i18n-ar .slick-slider .slick-dots {
    direction: ltr;
    text-align: center;
}

.z-testimonial-item > div {
    text-align: center;
}

.z-testiContent, .z-testimonial-head, .z-testimonial-head h4 {
    position: relative;
}

.z-testimonial-slide-wrap {
    text-align: center;
    margin: 0 auto;
}

    .z-testimonial-slide-wrap .content-wrap {
        max-width: 920px;
        width: 90%;
        padding: 80px 0 20px;
    }

.z-testiContent {
    width: 100%;
}

.z-testimonial-head h4 {
    font-family: var(--secondaryfont-regular);
    left: 0;
    right: 0;
    margin: auto;
    line-height: 1.6;
    color: #000;
}

    .z-testimonial-head h4 a {
        color: #000;
    }

.z-testimonial-head.active h4 {
    bottom: 0;
    position: absolute;
}

.test-icon {
    width: 90px;
    height: 90px;
    display: block;
    margin: 40px auto 15px;
    background: #ccc;
    border-radius: 100%;
    overflow: hidden;
}

.z-testimonial-item > div {
    position: relative;
    max-width: 720px;
    margin: 0 auto;
}

.z-testimonial-item p {
    font-size: 11px;
    color: #000;
    margin: 0;
    line-height: 1.4;
}

    .z-testimonial-item p span {
        display: block;
        color: #3f51b6;
        font-size: 17px;
    }

.quick-connect-links-wrap {
    position: fixed;
    top: 50%;
    right: 0;
    margin-top: -100px;
    width: 220px;
    background: #fff;
    z-index: 90;
}

    .quick-connect-links-wrap .quick-connect-links {
        position: absolute;
        left: 100%;
        top: 0;
        width: 220px;
        background: #fff;
        box-shadow: 0 0 20px rgb(0 0 0 / 16%);
        border-radius: 5px;
    }

    .quick-connect-links-wrap > span {
        position: absolute;
        width: 45px;
        height: 45px;
        background: #03a9f5;
        z-index: 1;
        top: -60px;
        right: 0;
        display: none;
        cursor: pointer;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

        .quick-connect-links-wrap > span:after, .quick-connect-links-wrap > span:before {
            content: '';
            position: absolute;
            left: 10px;
            width: 10px;
            height: 2px;
            background: #fff;
        }

        .quick-connect-links-wrap > span:before {
            top: 42%;
            transform: translate(-50%,-50%) rotate(-45deg);
            left: 52%;
        }

        .quick-connect-links-wrap > span:after {
            top: 55%;
            transform: translate(-50%,-50%) rotate(-135deg);
            left: 52%;
        }

.quick-connect-links > span {
    display: inline-block;
    position: absolute;
    width: 32px;
    height: 32px;
    z-index: 1;
    top: 7px;
    right: 10px;
    cursor: pointer;
    border-top: 0;
}

    .quick-connect-links > span:after, .quick-connect-links > span:before {
        content: '';
        position: absolute;
        left: 11px;
        width: 15px;
        height: 2px;
        background: #000;
    }

    .quick-connect-links > span:before {
        top: 15px;
        transform: rotate(45deg);
    }

    .quick-connect-links > span:after {
        top: 15px;
        transform: rotate(-45deg);
        left: 11px;
    }

.quick-connect-links h4 {
    position: relative;
    margin: 5px 40px 5px 22px;
    border-bottom: 1px solid #eceff1;
    font-size: 15px;
    font-family: var(--primaryfont-bold);
    padding: 9px 0;
}

.quick-connect-links ul {
    margin: 0 20px 10px;
}

    .quick-connect-links ul li {
        position: relative;
        list-style: none;
        padding: 8px 0 8px 19px;
        font-size: 13px;
        margin: 0;
    }

        .quick-connect-links ul li:before, .quick-connect-links ul li:after {
            content: '';
            position: absolute;
            left: 5px;
            width: 1px;
            height: 5px;
            transition: .5s ease;
            background: #000;
        }

        .quick-connect-links ul li:last-child {
            border-bottom: 0;
        }

        .quick-connect-links ul li a {
            color: #000;
            transition: .3s ease;
            cursor: pointer;
        }

            .quick-connect-links ul li a:hover {
                color: #03a9f5;
            }

        .quick-connect-links ul li:hover:before, .quick-connect-links ul li:hover:after {
            background: #03a9f5;
        }

        .quick-connect-links ul li:before {
            top: 14px;
            transform: rotate(-45deg);
        }

        .quick-connect-links ul li:after {
            top: 17px;
            transform: rotate(45deg);
        }

.zw-template-zp_pricing_comparison .quick-connect-links-wrap, .zw-template-zp_pricing .quick-connect-links-wrap, .zw-template-zp_signup .quick-connect-links-wrap, .other-lang .quick-connect-links-wrap {
    display: none;
}

.tls-infostrip {
    background: #e86960;
    padding: 30px 10px;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
}

    .tls-infostrip a {
        color: #fff;
        padding: 5px 10px;
        border: 1px solid #fff;
        margin-left: 15px;
        display: inline-block;
    }

    .tls-infostrip p {
        font-size: 13px;
        display: inline;
        color: #fff;
    }

span.zclosestrip.tlsClose {
    display: inline-block;
    font-size: 13px;
    position: relative;
    width: 15px;
    height: 15px;
    overflow: hidden;
    text-indent: -999px;
    vertical-align: middle;
    margin-left: 25px;
    cursor: pointer;
}

.tlsClose:after, .tlsClose:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 1px;
    height: 100%;
    left: 50%;
    top: 0;
}

.tlsClose:after {
    transform: rotate(45deg);
}

.tlsClose:before {
    transform: rotate(-45deg);
}

.langstrip, .lbanner {
    width: 100%;
    background-color: #000;
    text-align: center;
    color: #fff;
    padding: 15px 20px;
    font-size: 15px;
    display: none;
    position: relative;
    z-index: 999;
}

    .lbanner .langTxt {
        font-family: var(--zf-primary-semibold);
        padding-right: 0;
        cursor: pointer;
        display: inline-block;
        margin: 0 auto;
        direction: ltr;
    }

.i18n-ar .langstrip, .i18n-ar .langstrip .langTxt, .i18n-ar .lbanner {
    text-align: center;
    direction: ltr;
}

.langBtn, .langClose {
    display: inline-block;
    cursor: pointer;
}

.langTxt {
    padding-right: 20px;
}

.langBtn {
    background: #3ea36b;
    padding: 5px 15px;
    color: inherit;
    border-radius: 2px;
}

.langClose {
    margin-left: 30px;
    text-indent: -99999px;
    width: 28px;
    height: 28px;
    position: relative;
    vertical-align: middle;
    margin-top: -4px;
    background: #fff;
    border-radius: 100%;
    transform: scale(0.9);
}

    .langClose:after, .langClose:before {
        content: "";
        position: absolute;
        background: #000;
        width: 2px;
        height: 14px;
        transform-origin: center center;
    }

    .langClose:after {
        transform: rotate(45deg);
        left: 13px;
        top: 7px;
    }

    .langClose:before {
        transform: rotate(-45deg);
        left: 13px;
        top: 7px;
    }

.zDCnotif-container {
    position: relative;
    top: 0;
    left: 0;
    z-index: 999;
    text-align: center;
    width: 100%;
    padding: 12px 38px 12px 38px;
    background: #010720;
    color: #fff;
    line-height: 1.2;
}

.lang-rtl .zDCnotif-container P {
    text-align: center;
}

.zDCnotifClose {
    position: absolute;
    right: 14px;
    top: 10px;
    font-size: 19px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 100%;
}

    .zDCnotifClose:before, .zDCnotifClose:after {
        content: "";
        position: absolute;
        width: 2px;
        height: 10PX;
        background: #000;
        top: 7px;
        right: 6px;
        transform: rotate(45deg);
        transform-origin: top right;
    }

    .zDCnotifClose:after {
        right: auto;
        left: 6px;
        top: 7px;
        transform: rotate(-45deg);
        transform-origin: top left;
    }

.zDCnotif-container p {
    margin: 0;
    font-size: 15px;
}

    .zDCnotif-container p span {
        color: red;
        font-family: var(--primaryfont-semibold);
        text-transform: capitalize;
    }

.z-bottom-cta-menu.z-disabled a {
    display: none !important;
}

.z-bottom-cta-menu.z-disabled .mobile-menu-icon1::after, .z-bottom-cta-menu.z-disabled {
    background: 0;
    box-shadow: none;
}

.br-ns-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9997;
    background: #000;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 25px 15px;
}

    .br-ns-fixed p, .br-ns-outer p {
        font-size: 16px;
        margin-bottom: 0;
    }

.br-ns-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9998;
    background: rgba(0,0,0,0.9);
}

.br-ns-outer {
    position: fixed;
    left: 50%;
    top: 50%;
    background: #fff;
    z-index: 9999;
    width: 95%;
    padding: 25px;
    text-align: center;
    margin-left: -240px;
    margin-top: -75px;
    max-width: 480px;
}

.br-ns-close::after, .br-ns-close::before {
    content: "";
    width: 12px;
    height: 1px;
    background: #fff;
    top: 50%;
    left: 50%;
    margin-top: -0.5px;
    margin-left: -6px;
    position: absolute;
    transform: rotate(45deg);
}

.br-ns-close::before {
    transform: rotate(-45deg);
}

.br-ns-close {
    position: absolute;
    right: -13px;
    top: -13px;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    background: #000;
    cursor: pointer;
    border: 1px solid #fff;
}

.br-ns-fixed .br-ns-close {
    display: none;
}


.lang-support {
    display: inline-block;
}

    .lang-support span {
        display: inline-block;
        width: 23px;
        height: 18px;
        margin: 5px 20px 5px 0;
        text-indent: -9999px;
        overflow: hidden;
        opacity: .6;
        transition: .5s ease;
        background-size: 260px;
        background-position: left top;
    }

        .lang-support span:hover {
            opacity: 1;
        }

        .lang-support span.english {
            background-position: 0 0;
        }

        .lang-support span.spanish {
            background-position: -24px 0;
        }

        .lang-support span.french {
            background-position: -47px 0;
        }

        .lang-support span.german {
            background-position: -71px 0;
        }

        .lang-support span.italian {
            background-position: -95px 0;
        }

        .lang-support span.japanese {
            background-position: -118px 0;
        }

        .lang-support span.portuguese {
            background-position: -142px 0;
        }

        .lang-support span.brazil {
            background-position: -166px 0;
        }

        .lang-support span.chinese {
            background-position: -189px 0;
        }

        .lang-support span.dutch {
            background-position: -213px 0;
        }

        .lang-support span.russia {
            background-position: -237px -23px;
        }

        .lang-support span.hungary {
            background-position: -236px 0;
        }

        .lang-support span.danish {
            background-position: 0 -23px;
        }

        .lang-support span.polish {
            background-position: -24px -23px;
        }

        .lang-support span.turkish {
            background-position: -48px -23px;
        }

        .lang-support span.vietnamese {
            background-position: -71px -23px;
        }

        .lang-support span.hindi {
            background-position: -95px -23px;
        }

        .lang-support span.korean {
            background-position: -119px -23px;
        }

        .lang-support span.thai {
            background-position: -142px -23px;
        }

        .lang-support span.indonesia {
            background-position: -166px -23px;
        }

        .lang-support span.arabic {
            background-position: -189px -23px;
        }

img[id^="imgid"] {
    border: 1px solid #e5e5e5;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 10px;
}

a.reload-img {
    font-size: 16px;
    height: 25px;
    width: 25px;
    text-indent: -9999px;
    display: inline-block;
    background-position: -616px 0;
    background-size: 1180px;
    margin: 0;
    vertical-align: middle;
}

.plHr {
    border: 15px solid #fafafa;
    padding: 15px 15px 0;
    margin-bottom: 30px;
}

    .help-content-inner-wrap .plHr h2, .plHr h2 {
        background: #fafafa;
        font-size: 18px;
        margin: -30px -15px 15px;
        padding: 10px 15px;
        border: 0;
    }

        .plHr h2 a, .plHr h2 a:hover {
            text-decoration: none;
        }

.feedback {
    width: 100%;
    max-width: 640px;
    padding: 40px 0;
    border-top: 2px solid #999;
    border-bottom: 1px solid #999;
}

.helpful-wrap > div.feedback span a {
    transition: .5s all ease;
}

.feedback a.thickbox {
    cursor: pointer;
}

.help-docs-feedback-form {
    width: 100%;
    max-width: 500px;
}

.feedback .success-mesg, .feedback .yes-msg {
    color: #4f8a10;
    display: none;
    font-family: var(--zf-primary-semibold);
    font-size: 21px;
    margin-top: 10px;
    padding: 20px 0;
    width: 100%;
}

.feedback .help-docs-feedback-form .input-container, .feedback .help-docs-feedback-form .textarea-container {
    width: 100%;
    margin-top: 10px;
}

    .feedback .help-docs-feedback-form .input-container > input, .feedback .help-docs-feedback-form .textarea-container > textarea {
        border: 1px solid #eee;
        padding: 10px;
        width: 100%;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

    .feedback .help-docs-feedback-form .textarea-container > textarea {
        height: 100px;
    }

.feedback .help-docs-feedback-form .input-container {
    margin-top: 10px;
}

.feedback .help-docs-feedback-form .zbtn {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #737373;
    color: #fff;
    font-family: var(--zf-primary-semibold);
    font-size: 13px;
    margin-top: 25px;
    padding: 7px 25px;
    text-transform: uppercase;
    cursor: pointer;
    border: 0;
}

.feedback .help-docs-feedback-form .radio-container label {
    color: #000;
    display: inline-block;
    font-size: 15px;
    margin: 5px 20px 5px 5px;
}

.feedback .help-docs-feedback-form label {
    display: block;
    font-size: 13px;
    margin: 0 0 10px;
}

.feedback label.error {
    clear: both;
    color: red;
    display: block;
    line-height: 20px;
}

.ccode-ae .langstrip, .ccode-sa .langstrip, .ccode-ae .lbanner, .ccode-sa .lbanner {
    direction: rtl;
    text-align: center;
}

.ccode-ae .langTxt, .ccode-sa .langTxt {
    padding: 0 0 0 20px;
}

.ccode-ae .langClose, .ccode-sa .langClose {
    margin: 0 30px 0 0;
}

.ccode-in .footer-sec-wrap .product-links > div.footer-contact.for-india {
    display: block;
}

.ccode-br #zip-countryname-change, .ccode-za #zip-countryname-change {
    display: none;
}

.ccode-ae .langClose, .ccode-sa .langClose {
    right: auto;
    left: 10px;
}

.cookiestrip {
    text-align: center;
}

a.cookieManage {
    overflow: hidden;
}

.cookiestrip a, ul.zdomainlink li {
    font-family: var(--zf-primary-semibold);
}

#cookie-policy {
    display: none;
}

.cookiestrip {
    text-align: center;
    border-top: 1px solid #ccc;
    font-size: 13px;
    padding: 25px;
    background: #273238;
    position: fixed;
    z-index: 999999999999;
    width: 100%;
    bottom: 0;
    color: #fff;
}

    .cookiestrip a {
        text-decoration: underline;
        color: #fff;
    }

a.cookieManage {
    display: inline-block;
    margin-left: 15px;
    font-size: 12px;
    cursor: pointer;
    padding: 4px 7px;
    line-height: 1;
    vertical-align: bottom;
    color: #fff;
    border: 1px solid #fff;
    text-decoration: none;
}

.cookieClose {
    display: inline-block;
    margin-left: 15px;
    font-size: 12px;
    cursor: pointer;
    padding: 4px 7px;
    line-height: 1;
    vertical-align: bottom;
    color: #fff;
    background: #dc544c;
    text-decoration: none;
}

.bottom-cta-wrap {
    position: relative;
    text-align: center;
}

    .bottom-cta-wrap .content-wrap {
        padding: 60px 0;
    }

        .bottom-cta-wrap .content-wrap h2 {
            position: relative;
            z-index: 1;
            max-width: 980px;
            margin: 0 auto 15px;
        }

        .bottom-cta-wrap .content-wrap a.cta-btn {
            margin-top: 20px;
        }

.footer-wrapper .menu li a:hover {
    background: 0;
}

.footer-sec-wrap {
    border-top: 1px solid #eaeaea;
    background: #f5f5f5;
}

    .footer-sec-wrap .content-wrap {
        margin: 0 auto;
        max-width: 1280px;
        width: 100%;
        padding: 50px 0;
        overflow: visible;
    }

    .footer-sec-wrap .product-links.one-column div:first-child h4 {
        display: none;
    }

    .footer-sec-wrap.two-column .content-wrap {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        max-width: 1700px;
    }

    .footer-sec-wrap.two-column .bottom-promo .content-wrap {
        margin: 40px auto;
    }

    .footer-sec-wrap.two-column .promo-section-wrap {
        width: 30%;
        padding: 60px 0;
        background: #f5f5f5;
        display: flex;
        align-items: center;
    }

    .footer-sec-wrap.two-column .footer-links-wrap {
        width: 70%;
        padding: 60px;
    }

    .footer-sec-wrap .footer-links-wrap {
        padding: 0 30px;
    }

.customer-stories {
    margin: 0 auto;
    max-width: 400px;
    width: 80%;
    overflow: hidden;
    text-align: center;
    padding: 0 20px;
}

    .customer-stories img {
        display: block;
        height: auto;
        margin: 0 auto;
        max-width: 100%;
        width: 100%;
    }

    .customer-stories a + a {
        margin-top: 20px;
        display: block;
    }

    .customer-stories p a {
        position: relative;
        color: #555;
        font-size: 12px;
        text-decoration: none;
        display: inline-block;
    }

        .customer-stories p a span {
            display: block;
            color: #999;
            font-size: 11px;
            font-style: italic;
        }

.common-links {
    position: relative;
    font-size: 11px;
    text-align: center;
}

.footer-sec-wrap.two-column .common-links {
    text-align: left;
}

.common-links:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #f5f5f5;
}

.one-column .common-links:before {
    display: none;
}

.footer-sec-wrap.two-column .common-links:before {
    width: 75%;
}

.common-links ul {
    list-style: none;
    overflow: hidden;
}

.common-links .ZPprivacy {
    padding: 0 20px;
}

.common-links ul.ZPprivacy li {
    display: inline-block;
    border-right: 1px solid #ccc;
    padding: 0 10px;
    margin-bottom: 10px;
}

.common-links ul li a {
    display: inline-block;
    color: #000;
    text-decoration: none;
    padding: 0;
}

.common-links ul.ZPprivacy li:last-child {
    padding-right: 0;
    border-right: 0;
}

.zw-only-copyright p {
    padding: 0 20px;
    font-size: 11px;
    max-width: 100%;
    margin-bottom: 10px;
    text-align: center;
}

.footer-sec-wrap .product-links {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.footer-sec-wrap.three-column .product-links.three-column {
    max-width: 980px;
}

.footer-sec-wrap .product-links > div {
    padding: 0 40px 0 0;
}

    .footer-sec-wrap .product-links > div.footer-contact.for-india {
        display: none;
    }

.footer-sec-wrap .product-links.one-column > div {
    padding: 0;
}

.footer-sec-wrap .product-links ul {
    list-style: none;
    padding: 0;
}

.footer-sec-wrap .product-links h4 {
    margin-bottom: 10px;
    text-align: left;
    color: #000;
}

.footer-sec-wrap .product-links ul + h4 {
    margin-top: 20px;
}

.footer-sec-wrap .product-links ul li a {
    color: #000;
    text-decoration: none;
    font-size: 14px;
    padding: 5px 0;
    display: inline-block;
}

.footer-sec-wrap .product-links ul li ul {
    padding-left: 10px;
}

    .footer-sec-wrap .product-links ul li ul li a {
        font-size: 11px;
    }

.footer-sec-wrap .product-links ul li.active > a {
    color: #00aeef;
}

.footer-sec-wrap .product-links.one-column ul {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

    .footer-sec-wrap .product-links.one-column ul li {
        padding: 5px 20px;
    }

        .footer-sec-wrap .product-links.one-column ul li:first-child {
            margin-left: 0;
        }

        .footer-sec-wrap .product-links.one-column ul li:last-child {
            margin-right: 0;
        }

.footer-sec-wrap .product-links.three-column > div {
    flex: 0 0 33.33%;
    max-width: 33.33%;
}

.footer-sec-wrap.two-column .product-links.four-column > div, .footer-sec-wrap .product-links.four-column > div {
    flex: 0 0 25%;
    max-width: 25%;
}

.footer-sec-wrap .product-links.two-column > div {
    flex: 0 0 50%;
    max-width: 50%;
}

.product-links.one-column {
    justify-content: center;
}

.zdc-container, .zlang-container {
    position: relative;
}

    .zdc-container .zdc-text, .zlang-container .zlang-text {
        display: inline-block;
        font-size: 11px;
        line-height: 14px;
        padding: 5px 5px 5px 26px;
        position: relative;
        cursor: pointer;
    }

    .zlang-container .zlang-text {
        padding-right: 15px;
    }

    .zdc-container .zdc-container-inner, .zlang-container .zlang-container-inner {
        display: none;
        right: 0;
        padding: 10px 0;
        position: absolute;
        bottom: 15px;
        width: 125px;
    }

    .zlang-container .zlang-container-inner {
        z-index: 10;
    }

    .zdc-container ul, .zlang-container ul {
        background: #fff;
        border: 1px solid #e0e0e0;
        margin: 0;
        padding: 15px;
        position: relative;
        z-index: 1;
        width: 100%;
        overflow: visible;
        display: block;
    }

        .zdc-container ul::after, .zdc-container ul::before, .zlang-container ul::after, .zlang-container ul::before {
            border: solid transparent;
            content: " ";
            height: 0;
            right: 1px;
            pointer-events: none;
            position: absolute;
            top: 100%;
            width: 0;
            z-index: 3;
        }

        .zdc-container ul::before, .zlang-container ul::before {
            border-color: silver rgba(221,229,237,0) rgba(221,229,237,0);
            border-width: 7px;
            margin-left: -7px;
            right: 0;
        }

        .zdc-container ul::after, .zlang-container ul::after {
            border-color: #fff rgba(255,255,255,0) rgba(255,255,255,0);
            border-width: 6px;
            margin-left: -6px;
        }

        .zlang-container ul li.lang-domain {
            font-family: var(--zf-primary-semibold);
            border-bottom: 1px dotted #eee;
            position: absolute;
            top: 0;
            left: 0;
            background-color: #ffffed;
        }

            .zlang-container ul li.lang-domain a {
                padding-left: 10px;
                font-size: 13px;
            }

    .zlang-container .zlang-container-inner.zshow {
        display: block;
    }

    .zdc-container a, .zlang-container a {
        background: rgba(0,0,0,0);
        border: 0;
        color: #000;
        font-size: 11px;
        height: auto;
        margin: 0;
        opacity: 1;
        text-align: left;
        text-indent: 0;
        width: 100%;
        padding: 5px 0;
    }

        .zdc-container a:hover, .zlang-container a:hover {
            color: #03a9f5;
        }

    .zlang-container .zlang-container-inner {
        width: 400px;
        bottom: 25px;
        display: block;
    }

    .zlang-container ul {
        padding: 20px 30px 20px 20px;
        border: 2px solid #e0e0e0;
        box-shadow: 0 0 10px rgba(0,0,0,.1);
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }

        .zlang-container ul li {
            width: 50%;
            position: relative;
            border: 0;
            line-height: 1.2;
            display: flex;
            margin: 6px 0;
        }

.common-links .zlang-container li a {
    font-size: 12px;
    padding: 3px 0 3px 30px;
}

.zlang-container ul:before {
    margin-left: 0;
    border-width: 0;
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #e0e0e0;
    position: absolute;
    right: 14px;
    margin: auto;
    bottom: -12px;
}

.zlang-container ul:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #fff;
    position: absolute;
    right: 16px;
    margin: auto;
    bottom: -12px;
}

.common-links:before {
    content: none;
}

.czonefooter {
    padding: 0 0 30px;
    margin-top: 0;
}

.ZF-support {
    background: #fff;
    display: block;
    width: 100%;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

.ZF-container {
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 10px 0;
    display: table;
}

.ZF-contact > ul {
    text-align: right;
    margin: 0;
    overflow: visible;
}

    .ZF-contact > ul > li {
        border: 0;
        font-size: 17px;
        display: inline-block;
        padding-right: 10px;
    }

        .ZF-contact > ul > li:first-child {
            padding-right: 20px;
        }

        .ZF-contact > ul > li > a {
            color: #03a9f5;
            font-family: var(--zf-primary-semibold);
            position: relative;
        }

.ZF-contact ul li.zf-support-mail a:before {
    content: '';
    background-size: 530px auto;
    background-position: -324px 0;
    width: 23px;
    height: 16px;
    position: absolute;
    left: 0;
    right: 0;
}

.ZF-contact > ul > li:last-child:before {
    content: none;
}

.ZF-support .ZF-dlsel {
    text-align: right;
}

.ZF-support .zlang-text:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #000;
    position: absolute;
    top: 8px;
    right: 0;
}

.ZF-support ul li.zf-support-mail a {
    position: relative;
    padding-left: 30px;
    line-height: 13px;
}

.zdc-container .zdc-text {
    padding: 5px 15px 5px 5px;
}

.common-links .zlang-text {
    padding-right: 15px;
}

.czonefooter.common-links .zdc-text:before, .czonefooter.common-links .zlang-text:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #000;
    position: absolute;
    top: 8px;
    right: 0;
}

.footer-sec-wrap.two-column .czonefooter {
    text-align: center;
    padding-top: 0;
    margin-top: 0;
}

.zdc-container {
    display: none;
}

.ZPprivacy li {
    line-height: 12px;
}

.zw-only-copyright {
    padding: 20px 0;
}

    .zw-only-copyright p {
        margin: 0;
    }

.footer-sec-wrap .product-links ul.zft-social-icons li {
    display: inline-block;
    margin-right: 10px;
}

.footer-sec-wrap ul.zft-social-icons li a {
    display: inline-block;
    text-indent: -999px;
    font-size: 0;
    height: 28px;
    width: 32px;
    background-size: 875px auto;
    padding: 0;
    vertical-align: middle;
}

.footer-sec-wrap ul.zft-social-icons li.zft-twitter a {
    background-position: -210px 0;
    width: 25px;
    background-size: 795px auto;
    height: 25px;
}

.footer-sec-wrap ul.zft-social-icons li.zft-linkedin a {
    background-position: -300px 0;
    width: 33px;
    height: 27px;
    background-size: 1000px auto;
}

.footer-sec-wrap ul.zft-social-icons li.zft-youtube a {
    background-position: -317px 0;
    width: 39px;
}

.footer-sec-wrap ul.zft-social-icons li.zft-fb a {
    background-position: -201px 0;
    background-size: 890px auto;
    width: 29px;
}

.footer-sec-wrap ul.zft-social-icons li.zft-office365 a {
    background-position: -290px 0;
    width: 24px;
    background-size: 870px;
}

.footer-sec-wrap ul.zft-social-icons li.zft-pinterest a {
    background-position: -393px 0;
    background-size: 890px;
    width: 29px;
}

.footer-sec-wrap ul.zft-social-icons li.zft-instagram a {
    background-position: -362px 0;
    width: 30px;
    background-size: 890px;
}

.footer-sec-wrap ul.zft-social-icons li.zft-flickr a {
    background-position: -611px -90px;
}

.footer-search {
    margin: 50px auto;
    position: relative;
    max-width: 900px;
    width: 90%;
}

form#footer-search-action {
    border: 1px solid #dfdfdf;
}

.footer-search .footer-search-input {
    background: transparent;
    padding: 12px 60px 12px 12px;
    font-size: 15px;
    max-width: 100%;
    margin: 0;
    height: initial;
    line-height: initial;
    border: 0;
    text-indent: 0;
    width: 100%;
    font-family: var(--zf-primary-regular);
}

.footer-search .footer-search-btn {
    height: 100%;
    width: 48px;
    top: 0;
    right: 0;
    cursor: pointer;
    position: absolute;
    border: 1px solid #dfdfdf;
    background: #f7f7f7;
}

    .footer-search .footer-search-btn span {
        background-size: 796px auto;
        background-position: -378px 0;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-top: 4px;
        margin-left: 2px;
        opacity: .7;
    }

.zlang-container-inner.localBox-single {
    width: 200px;
}

    .zlang-container-inner.localBox-single li {
        width: 100%;
        padding: 0;
    }

.zw-only-copyright ul li a {
    display: inline-block;
    color: #000;
    text-decoration: none;
    font-size: 13px;
}

.zw-only-copyright ul li {
    display: inline-block;
    border-right: 1px solid #ccc;
    padding: 0 10px;
}

    .zw-only-copyright ul li:first-child {
        padding-left: 0;
    }

    .zw-only-copyright ul li:last-child {
        padding-right: 0;
    }

    .zw-only-copyright ul li:last-child, .i18n-ar .zw-only-copyright ul li:last-child {
        border: 0;
    }

.zw-only-copyright ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.r-g-f .zw-only-copyright p {
    font-size: 13px;
    padding: 0;
}

.r-g-f .zw-only-copyright .content-wrap {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1280px;
}

.i18n-ar .zw-only-copyright ul li {
    border-left: 1px solid #ccc;
    border-right: 0;
    padding: 0 10px;
}

.r-g-f .i18n-ar .zw-only-copyright ul li:last-child {
    border-color: transparent;
}

.r-g-f .zw-only-copyright + .zsocial-share {
    border-top: 1px solid #eee;
    padding: 15px 0;
}

.r-g-f:not(.zw-template-zp_signup) .zw-only-copyright {
    border-top: 1px solid #e6e6e6;
}

.i18n-ar .zw-only-copyright ul li:first-child {
    padding-right: 0;
}

.i18n-ar .zw-only-copyright ul li:last-child {
    padding-left: 0;
}

.signup-box .sgfrm {
    margin: 15px 0 0;
    position: relative;
}

.mobile-ccode .ccodelabel {
    border-right: 1px solid #d5d5d5;
}

.rmobiledisabled #country_code, .rmobiledisabled #country_code_rmobile {
    display: none;
}

.rmobiledisabled #rmobile {
    position: relative;
}

.signup-box .rmobiledisabled #countryCodeDiv:before {
    display: none;
}

.signup-box h5 {
    font: 19px/1.4 Zoho_Puvi_SemiBold;
}

.body-umain .signup-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.signup-box {
    max-width: 350px;
    display: flex;
    flex-direction: column;
    margin: 0 0 0 auto;
}

    .signup-box span.portalink {
        font-size: 13px;
    }

.body-umain .signup-box {
    display: none;
}

.signup-box h5 {
    text-align: left;
}

.signup-box form > div {
    position: relative;
}

.signup-box .za-newsletter-container {
    margin: 10px 0 0;
    position: relative;
    font-size: 11px;
}

.czone-dc .za-newsletter-container {
    display: none !important;
}

    .czone-dc .za-newsletter-container.zshow {
        display: block !important;
    }

.signup-box input[type='email'], .signup-box input[type='number'], .signup-box input[type='password'], .signup-box input[type='search'], .signup-box input[type='tel'], .signup-box input[type='text'], .signup-box input[type='url'], .signup-box textarea, .signup-box .za-country-container .globalcountrycode-signup, .signup-box .za-state-container .za-globalstate-signup, .za-select-container select#customselect {
    color: #000;
    padding: 14px 12px;
    border: 1px solid #d5d5d5;
    display: block;
    width: 100%;
    font-size: 13px;
    background: #fff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    z-index: 1;
    transition: .5s ease;
    border-radius: 0;
    height: 45px;
    font-family: var(--primaryfont-regular);
    line-height: 1;
}

select::-ms-expand {
    display: none;
}

.signup-box .za-country-container, .signup-box .za-state-container, .signup-box .za-select-container {
    position: relative;
    background: #fff;
}

    .signup-box .za-country-container.za-country-container-arrow::after, .signup-box .za-state-container::after, .signup-box .za-select-container::after {
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #666;
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        content: "";
        display: block;
        z-index: 9;
    }

    .signup-box .za-select-container::after {
        top: 65%;
    }

    .signup-box input[type='email']:focus, .signup-box input[type='number']:focus, .signup-box input[type='password']:focus, .signup-box input[type='search']:focus, .signup-box input[type='tel']:focus, .signup-box input[type='text']:focus, .signup-box input[type='url']:focus, .signup-box textarea:focus, .signup-box .za-country-container .globalcountrycode-signup:focus, .signup-box .za-state-container .za-globalstate-signup:focus {
        border-color: #03a9f5;
    }

.signup-box .za-tos-container {
    margin-bottom: 15px;
    margin-top: 8px;
    position: relative;
}

    .signup-box .za-tos-container .field-msg {
        margin: 12px 0 0 -15px;
    }

.signup-box .za-captcha-container .za-captcha {
    margin-top: 5px;
}

.signup-box .two-col-input {
    display: flex;
    flex-wrap: wrap;
}

    .signup-box .two-col-input .sgfrm {
        width: 50%;
    }

        .signup-box .two-col-input .sgfrm:first-child {
            padding-right: 10px;
        }

.signup-box .field-error .field-msg {
    display: block;
    text-align: left;
}

.signup-box .sign_agree.field-error {
    margin-bottom: 5px;
}

.signup-box .phone-field #country_code, .signup-box .phone-field #country_code_rmobile, .signup-box .phone-field .downarrow {
    position: absolute;
    top: 13px;
    left: 12px;
    pointer-events: none;
    font-size: 11px;
}

.signup-box .phone-field .downarrow {
    top: 20px;
    left: 55px;
    width: 0;
    height: 0;
    border-top: 6px solid #000;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.signup-box .phone-field .za_country_code {
    width: 70px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 50px;
    z-index: 9999;
    cursor: pointer;
}

.signup-box .phone-field input.phoneno-field {
    padding-left: 75px;
    margin-bottom: 10px;
}

.signup-box .error, .signup-box .za-email-suggestion .za-domain-error {
    color: red;
    font-size: 11px;
    line-height: 1.5;
    margin-top: 5px;
}

.signup-box .za-email-container a {
    color: #000;
    text-decoration: underline;
    margin-left: 5px;
}

.signup-box form > .field-msg {
    position: relative;
    bottom: auto;
    left: auto;
    margin-bottom: 10px;
}

.signup-box .za-captcha-container + p {
    margin: 0;
}

.signup-box .sign_agree, .signup-box label {
    font-size: 11px;
    display: inline-block;
    line-height: 1.3;
    color: #333;
    cursor: pointer;
    margin-top: 5px;
    width: 100%;
    text-align: left;
    font-family: var(--zf-primary-semibold),sans-serif;
}

.signup-box #newsletter, .signup-box #tos {
    height: 1px;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 1px;
}

.signup-box p.zcountry-info {
    font-size: 11px;
    margin: 10px 0 0;
    text-align: left;
}

    .signup-box p.zcountry-info #zip-countryname {
        font-weight: 700;
        text-transform: uppercase;
    }

.signup-box span#zip-countryname-change {
    color: #000;
    cursor: pointer;
    text-decoration: underline;
    margin-left: 3px;
}

.signup-box .za-state-container {
    display: none;
}

.signup-box .za-country-container.za-country-container-arrow {
    display: none;
}

    .signup-box .za-country-container.za-country-container-arrow.zshow {
        display: block;
        margin-top: 30px;
    }

.signup-box .za-country-container .placeholder, .signup-box .za-country-container .placecountryregion {
    font-size: 11px;
    top: -20px;
    left: 0;
    position: absolute;
}

.signup-box p.dc-info {
    font-size: 11px;
    margin: 6px 0 5px;
    text-align: left;
}

.signup-box .za-country-container.za-country-container-arrow.zshow + .dc-info, .signup-box .za-state-container.zshow + .dc-info {
    margin-top: 5px;
}

.signup-box .dc-info span.dcset {
    text-transform: uppercase;
}

.signup-box .sign_agree a {
    color: #333;
    text-decoration: underline;
}

.signup-box .sgnbtn input[type='submit'], .signup-box .sgnbtn input[type='button'] {
    font-size: 15px;
    height: 50px;
    padding: 0 60px;
    background: #f0483e;
    text-align: center;
    text-transform: uppercase;
    border: 0;
    color: #fff;
    width: 100%;
    cursor: pointer;
    font-weight: 600;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.signup-box .password-strength {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -7px;
}

    .signup-box .password-strength div {
        background: #fe0000;
        height: 5px;
        width: 0;
    }

.za-password-container .password-strengths p {
    font-size: 10px;
    margin: 0;
    line-height: 1.6;
}

.za-password-container .password-strengths .strengths-bar {
    height: 10px;
    background: #d1d1d1;
    margin: 3px 0 1px 1px;
    max-width: 247px;
    position: relative;
}

    .za-password-container .password-strengths .strengths-bar span {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 0;
        background: #d1d1d1;
        transition: .6s ease all;
    }

.za-password-container .password-strengths .strong-pass {
    display: none;
}

.za-password-container .password-strengths .strengths-bar span.weak-bg {
    background: #e46e3f;
    background: -moz-linear-gradient(left,#e46e3f 0%,#eda147 100%);
    background: -webkit-linear-gradient(left,#ff9800 0%,#c76f07 100%);
    background: -webkit-linear-gradient(left,#ff9800 0%,#c76f07 100%);
}

.za-password-container .password-strengths .strengths-bar span.strong-bg {
    _background: #8ace4e;
    background: -moz-linear-gradient(left,#8ace4e 0%,#00c158 100%);
    background: -webkit-linear-gradient(left,#8ace4e 0%,#00c158 100%);
    background: linear-gradient(to right,#8ace4e 0%,#00c158 100%);
}

.signup-box .za-company-container .za-company-box {
    display: flex;
    margin: 15px 0 0;
    background: #fff;
    white-space: nowrap;
    border: 1px solid #d5d5d5;
}

    .signup-box .za-company-container .za-company-box.field-error {
        margin: 15px 0 35px;
    }

.signup-box .za-company-container .portal-id, .signup-box .za-company-container .portal-input {
    position: static;
}

.signup-box .za-company-container .portal-id {
    padding: 14px 12px;
    font-size: 13px;
    background: #f5f5f5;
    color: #000;
}

.signup-box .za-company-container .portal-input {
    margin: 0;
    line-height: 18px;
    border: 0;
}

.signup-box .za-company-container .za-company-box .field-msg {
    position: absolute;
    left: 0;
    bottom: -25px;
}

.signup-box .za-country_code-container, .signup-box .za-ccountry_code-container {
    position: relative;
}

    .signup-box .za-country_code-container select, .signup-box .za-ccountry_code-container select {
        opacity: 0;
        width: 80px;
        border: 0;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        padding: 10px;
        line-height: 25px;
        background: #fff;
        text-indent: -99999px;
        cursor: pointer;
        height: 45px;
        z-index: 1;
        position: relative;
    }

.signup-box #countryCodeDiv, .signup-box #countryconfirmCodeDiv {
    background-color: #fff;
    width: 78px;
    position: absolute;
    left: 1px;
    top: 1px;
    line-height: 25px;
    padding: 10px 0 10px 10px;
    font-size: 13px;
    color: #666;
    pointer-events: none;
    height: 43px;
    z-index: 1;
    border-right: 1px solid #d5d5d5;
}

    .signup-box #countryCodeDiv:before, .signup-box #countryconfirmCodeDiv:before {
        position: absolute;
        content: '';
        left: 55px;
        top: 18px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 8px solid #666;
    }

.signup-box .za-country_code-container input[type='text'], .signup-box .za-country_code-container input[type='tel'], .signup-box .za-ccountry_code-container input[type='text'], .signup-box .za-ccountry_code-container input[type='tel'] {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 0;
    pointer-events: auto;
    padding-right: 15px;
    padding-left: 90px;
    width: 100%;
    z-index: 0;
}

.signup-box .get-signup-plan {
    margin: 10px 0;
    position: relative;
}

.signup-box input[type=radio] {
    margin: 0 5px 0 2px;
    border: 0;
    position: relative;
    width: 16px;
    background: 0;
    padding: 0;
    top: 5px;
    height: 16px;
    display: inline-block;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #000;
    z-index: 1;
    transition: .5s ease;
}

    .signup-box input[type=radio]:before {
        content: '';
        position: absolute;
        width: 16px;
        height: 16px;
        background: #fff;
        border: 1px solid #666;
        left: -2px;
        top: -2px;
        border-radius: 100%;
        pointer-events: none;
    }

    .signup-box input[type=radio]:after {
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        background: #fff;
        left: 3px;
        top: 3px;
        border-radius: 100%;
        pointer-events: none;
    }

    .signup-box input[type=radio].zactive:after, .signup-box input[type=radio]:checked:after {
        background: #666;
    }

.signup-box .get-signup-plan label {
    margin: 0 20px 0 0;
    font-size: 13px;
    position: relative;
    top: -1px;
    cursor: pointer;
    width: inherit;
}

.signup-box .get-signup-plan .optioncheck {
    margin-top: 10px;
}

.signup-box .za-newsletter-container label, .signup-box .za-tos-container label {
    position: relative;
    padding-left: 15px;
}

.signup-box .za-newsletter-container #signup-newsletter, .signup-box .za-tos-container #signup-termservice {
    position: absolute;
    top: 2px;
    left: 0;
}

.signup-box #signup-newsletter, .signup-box #signup-termservice {
    border: 1px solid #333;
    display: inline-block;
    height: 10px;
    margin-right: 4px;
    width: 10px;
    position: relative;
    vertical-align: middle;
}

    .signup-box #signup-newsletter.checked::after, .signup-box #signup-termservice.checked::after {
        background: #333;
        content: "";
        height: 1px;
        left: -1px;
        position: absolute;
        top: 4px;
        transform: rotate(45deg);
        width: 5px;
    }

    .signup-box #signup-newsletter.checked::before, .signup-box #signup-termservice.checked::before {
        background: #333;
        content: "";
        height: 1px;
        left: 1px;
        position: absolute;
        top: 1px;
        transform: rotate(-45deg);
        width: 15px;
    }

.signup-box .socl-signup {
    color: #aaa;
    font-size: 14px;
    line-height: 24px;
    padding: 0;
    margin-top: 10px;
}

    .signup-box .socl-signup p {
        font-size: 13px;
    }

    .signup-box h5, .signup-box .dc-info, .signup-box .sign_agree, .signup-box label, .signup-box .sign_agree a, .signup-box p.zcountry-info, .signup-box span#zip-countryname-change, .signup-box .socl-signup p {
        color: #000;
    }

    .signup-box .socl-signup a, .signup-box .socl-signup span {
        background-size: 950px auto;
        font-size: 0;
        text-indent: -9999px;
        display: inline-block;
        color: #aaa;
        cursor: pointer;
        margin: 0 0 0 10px;
        overflow: hidden;
        width: 36px;
        height: 36px;
        line-height: 24px;
        vertical-align: middle;
    }

        .signup-box .socl-signup a.vi-google, .signup-box .socl-signup span.vi-google {
            background-size: 667px auto;
            background-position: -75px 0;
            width: 74px;
            height: 28px;
            font-size: 0;
            text-indent: -9999px;
        }

        .signup-box .socl-signup a.vi-facebook, .signup-box .socl-signup span.vi-facebook {
            background-position: -215px 0;
            width: 30px;
            height: 30px;
        }

        .signup-box .socl-signup a.vi-twitter, .signup-box .socl-signup span.vi-twitter {
            background-position: -208px 0;
            background-size: 790px auto;
            width: 25px;
            height: 25px;
        }

        .signup-box .socl-signup a.vi-linkedin, .signup-box .socl-signup span.vi-linkedin {
            background-position: -318px 0;
            background-size: 1060px auto;
            width: 35px;
            height: 29px;
        }

        .signup-box .socl-signup a.vi-office365, .signup-box .socl-signup span.vi-office365 {
            background-position: -317px 0;
            width: 26px;
            height: 26px;
        }

        .signup-box .socl-signup span.vi-apple, .signup-box .socl-signup a.vi-apple {
            background: 0;
            background-color: #000;
            background-size: 600px auto;
            position: relative;
            border-radius: 4px;
            width: 35px;
        }

            .signup-box .socl-signup span.vi-apple::after, .signup-box .socl-signup a.vi-apple:after {
                content: "";
                width: 25px;
                height: 40px;
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                background-position: -444px 5px;
                background-size: 655px auto;
                margin: 0 auto;
            }

        .signup-box .socl-signup span.vi-github {
            background-size: 910px auto;
            background-position: -704px -93px;
            height: 30px;
            width: 30px;
        }

.signup-box-dark .socl-signup span.vi-github {
    background-position: -736px -93px;
}

.domain-in .socl-signup .vi-twitter, .domain-eu .socl-signup .vi-twitter, .domain-eu .socl-signup .vi-linkedin, .ccode-eucountries .socl-signup .vi-linkedin {
    display: none;
}

.signup-box-dark input[type='email'], .signup-box-dark input[type='number'], .signup-box-dark input[type='password'], .signup-box-dark input[type='search'], .signup-box-dark input[type='tel'], .signup-box-dark input[type='text'], .signup-box-dark input[type='url'], .signup-box-dark textarea, .signup-box-dark .za-country-container .globalcountrycode-signup, .signup-box-dark .za-state-container .za-globalstate-signup, .signup-box-dark #signup-newsletter, .signup-box-dark #signup-termservice {
    border: 1px solid #fff;
}

.signup-box-dark .za-email-container a, .signup-box-dark h5, .signup-box-dark .dc-info, .signup-box-dark .sign_agree, .signup-box-dark label, .signup-box-dark .sign_agree a, .signup-box-dark p.zcountry-info, .signup-box-dark span#zip-countryname-change, .signup-box-dark .socl-signup p {
    color: #fff;
}

.signup-box-dark #signup-newsletter.checked::before, .signup-box-dark #signup-termservice.checked::before, .signup-box-dark #signup-newsletter.checked::after, .signup-box-dark #signup-termservice.checked::after {
    background: #fff;
}

.signup-box-dark .socl-signup a.vi-twitter, .signup-box-dark .socl-signup span.vi-twitter {
    background-position: -261px -82px;
}

div.zgdprform-countrylist-container {
    position: relative;
}

div.zgdprform-state-container {
    margin-top: 15px;
    position: relative;
}

    div.zgdprform-state-container .globalstatecode, div.zgdprform-countrylist-container .globalcountrycode {
        width: 100%;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: 1px solid #e4e4e4;
        padding: 10px 10px;
        font-size: 13px;
        height: auto;
        border-radius: 0;
        outline: 0;
        background: #fff;
    }

.zgdprform-opt-container {
    font-size: 11px;
    margin-bottom: 5px;
}

div.zgdprform-state-container::after, div.zgdprform-countrylist-container::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #666;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -3px;
    border-radius: 6px;
}

div.zgdprform-countrylist-container.czone_select_added::after {
    opacity: 1;
}

.signup-box .field-msg {
    font-family: var(--primaryfont-regular);
}

.zgdprform-opt-container input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
}

.signup-box .za-emailormobile-container.dialactive input {
    padding-left: 90px;
}

.za-emailormobile-container .za-country_code-container {
    width: 80px;
    position: absolute;
    left: 1px;
    top: 0;
    margin: 0;
    z-index: 99;
}

.za-org-container-namespace .za-org-namespace-box {
    display: table;
    width: 100%;
    margin: 15px 0 0;
    background: #fff;
    border: 1px solid #d5d5d5;
    position: relative;
}

    .za-org-container-namespace .za-org-namespace-box.field-error {
        margin: 15px 0 55px;
    }

.signup-box .za-org-container-namespace .portal-id, .signup-box .za-org-container-namespace .portal-input {
    display: table-cell;
    vertical-align: middle;
    position: static;
}

.signup-box .za-org-container-namespace .portal-id {
    padding: 14px 12px;
    font-size: 13px;
    background: #f5f5f5;
    color: #000;
}

.signup-box .za-org-container-namespace .portal-input {
    margin: 0;
    line-height: 18px;
    border: 0;
}

.signup-box .za-org-container-namespace .za-org-namespace-box.field-error #x_portal + .field-msg {
    position: absolute;
    left: 0;
    bottom: -25px;
}

.zotp-container-show form > * {
    display: none;
}

.za-otp-container span.resendotp.nonclickelem {
    opacity: .4;
    pointer-events: none;
}

.zotp-container-show form > .signupotpcontainer {
    display: block;
}

.signupotpcontainer .verifytitle {
    font-family: var(--primaryfont-semibold);
    margin-bottom: 10px;
}

.signupotpcontainer .change {
    font-family: var(--primaryfont-semibold);
    cursor: pointer;
    margin-left: 5px;
    font-size: .9em;
    border-bottom: 1px solid;
    display: inline-block;
    line-height: 1;
}

.signupotpcontainer .otpmobile {
    margin-bottom: 15px;
}

.signupotpcontainer .resendotp {
    font-family: var(--primaryfont-semibold);
    cursor: pointer;
    text-decoration: underline;
    font-size: .9em;
    margin-top: 8px;
    display: inline-block;
}

.signupotpcontainer .za-submitbtn-otp .signupbtn {
    background: #f0483e;
    border-color: #f0483e;
    font-size: 15px;
    color: #fff;
    font-family: var(--primaryfont-semibold);
    cursor: pointer;
    padding: 14px 12px;
    display: block;
    width: 100%;
    margin: 15px 0 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    z-index: 1;
    transition: .5s ease;
    border-radius: 0;
    border: 0;
}

.dorpdown-field-container {
    margin-top: 20px;
}

    .dorpdown-field-container > select {
        padding: 14px 12px;
        width: 100%;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        border: 1px solid rgba(0,0,0,.8);
        position: relative;
        font-size: 13px;
    }

    .dorpdown-field-container::after {
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #666;
        position: absolute;
        right: 12px;
        top: 30px;
        content: "";
        display: block;
        z-index: 0;
    }

    .dorpdown-field-container.field-error::after {
        top: 20px;
    }

.zwc_sfield .col:first-child {
    width: 60%;
}

.zwc_sfield {
    display: flex;
    flex-wrap: wrap;
}

    .zwc_sfield .col:last-child {
        width: 40%;
    }

    .zwc_sfield input[type='text'] {
        height: 50px;
    }

    .zwc_sfield .sgnbtn input[type='submit'], .zwc_sfield .sgnbtn input[type='button'] {
        white-space: normal;
        padding: 0 35px;
    }

        .zwc_sfield .sgnbtn input[type='submit'].zwc_creating_account, .zwc_sfield .sgnbtn input[type='button'].zwc_creating_account {
            padding: 0 10px;
            font-size: 12px;
        }

.logo {
    background-position: left top;
    height: 23px;
    width: 66px;
    display: inline-block;
    background-size: 69px auto;
    width: 70px;
    height: 25px;
    text-indent: -99999px;
    font-size: 0;
    vertical-align: top;
}

.ccode-in .signup-box p.dc-info {
    display: none;
}

.cwf-loading {
    position: relative;
    min-height: 200px;
    border-radius: 3px;
}

    .cwf-loading::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(144,144,144,0.168627451);
        z-index: 9;
        transition: all .5s;
        border-radius: 3px;
    }

    .cwf-loading::after {
        content: "";
        width: 28px;
        height: 28px;
        border: 3px solid #bebebe;
        border-bottom-color: #ff3d00;
        border-radius: 50%;
        transform-origin: center;
        position: absolute;
        z-index: 99;
        left: 50%;
        top: 50%;
        animation: load-rotate-360 1s linear infinite;
    }

@keyframes load-rotate-360 {
    0% {
        transform: translate(-50%,-50%) rotate(0);
    }

    100% {
        transform: translate(-50%,-50%) rotate(360deg);
    }
}

.other-lang .zgh-menuItem.zgh-b-peopleplus, .other-lang .zgh-menuItem.zgh-b-identitymanagement, .other-lang .zgh-menuItem.zgh-b-log360cloud {
    display: none;
}

.other-lang .ztop-slide-mobile-menu {
    display: none;
}

.other-lang .quick-connect-links-wrap {
    display: none;
}

.other-lang .ztopstrip-container {
    display: none;
}

.other-lang .zgh-b-calendar {
    display: none;
}

.other-lang .zgh-b-catalyst, .other-lang .zgh-b-desktopcentral, .other-lang .zgh-b-teaminbox {
    display: none;
}

.other-lang .zgh-b-marketplace, .other-lang .zgh-marketplace {
    display: none;
}

.other-lang .zgh-bundles a {
    min-height: 130px;
}

.other-lang .zgh-menuItem.zgh-b-marketingplus {
    display: none;
}

.other-lang .zgh-b-legal {
    display: none;
}

.other-lang .zgh-megaMenuCat {
    width: 340px;
    padding: 20px 20px 0 105px;
}

.i18n-ar .zgh-megaMenuCat li.zgh-b-bundles > span:after, .i18n-ar .zgh-megaMenuCat li.zgh-b-marketplace > span:after {
    right: auto;
    left: 0;
}

.i18n-ar .menu .dropdown-menu, .i18n-ar .dropdown-right .dropdown-menu, .i18n-ar .menu li.last .dropdown-menu {
    left: 0;
    right: auto;
}

.i18n-ar .dropdown-menu .sub-level > a:after, .i18n-ar .zw-product-header .product-nav-links li.sub-level .nolink:after, .i18n-ar .product-header-top .product-nav-links li.sub-level .nolink:after {
    right: auto;
    left: 20px;
    transform: scale(-1,1);
}

.i18n-ar .product-nav-links li.sub-level .nolink, .i18n-ar .product-nav-links li.sub-level .nolink {
    padding: 7px 20px 7px 40px;
}

.i18n-ar .dropdown-menu .sub-dropdown {
    right: 100%;
}

.i18n-ar .product-header-top .zgh-accounts {
    margin: 0;
}

.i18n-ar .zgh-accounts .zgh-signup {
    margin: 0 0 0 10px;
}

.i18n-ar .zw-product-header span.zprd-display-name {
    padding-left: 0;
    padding-right: 10px;
}

.i18n-ar .zgh-localization {
    margin-right: 0;
}

.i18n-ar .zgh-search-box #zgh-search-action .zgh-search-field {
    padding: 11px 11px 11px 40px;
}

.i18n-ar .zgh-localBox {
    right: unset;
    left: 0;
}

.i18n-ar .zgh-localization ul:before {
    right: unset;
    left: 15px;
}

.i18n-ar .zgh-localization ul:after {
    right: unset;
    left: 17px;
}

.i18n-ar .zDCnotif-container {
    text-align: center;
}

.i18n-ar .zDCnotifClose {
    right: unset;
    left: 14px;
}

.i18n-ar .ZF-support ul li.zf-support-mail a {
    padding-left: 15px;
    padding-right: 30px;
}

.i18n-ar .zgh-localization a, .i18n-ar .zdc-container a, .i18n-ar .zlang-container a {
    direction: ltr;
    text-align: right;
}

.i18n-ar .zgh-products .zgh-megaMenuCat li, .i18n-ar .zgh-menuItem p, .i18n-ar .zgh-menuItem em, .i18n-ar .zgh-menuItem strong {
    text-align: right;
}

.i18n-ar .zgh-brand {
    padding: 2px 10px 2px 20px;
}

.i18n-ar .zgh-search {
    margin: 0 0 0 20px;
}

.i18n-ar .zgh-utilities {
    margin: 0 auto 0 0;
}

.i18n-ar .zgh-accounts {
    padding: 0 10px 0 0;
}

.i18n-ar .zgh-user-box {
    padding-left: 5px;
}

.i18n-ar .zgh-megaMenuBox {
    left: unset;
    right: 0;
}

.i18n-ar .zgh-products .zgh-megaMenuCat {
    padding: 20px 115px 0 20px;
    width: 330px;
}

    .i18n-ar .zgh-products .zgh-megaMenuCat li {
        padding: 2px 0 2px 0;
    }

.i18n-ar .zgh-megaMenuPro > div:not(.zgh-bundles):not(.zgh-marketplace) > .zgh-menuItem:first-child a, .i18n-ar .zgh-megaMenuPro > div:not(.zgh-bundles):not(.zgh-marketplace) .zmenu-menuProBox-1 .zgh-menuItem:first-child a {
    padding: 25px 85px 25px 15px;
}

.i18n-ar .zgh-menuItem a {
    padding: 25px 70px 25px 15px;
}

.i18n-ar .zgh-bundles .zgh-menuItem a {
    padding: 15px 96px 10px 15px;
}

.i18n-ar .zgh-bundles .zgh-menuItem.zgh-b-zohoone a {
    padding: 15px;
}

.i18n-ar [class^="zgh-i-"]:before, .i18n-ar .zgh-bundles [class^="zgh-i-"]:before {
    left: unset;
    right: 15px;
    transform-origin: right center;
}

.i18n-ar .zgh-nav > ul .zgh-megaMenu > a {
    padding: 7px 0 7px 15px;
}

.i18n-ar .zgh-megaMenu > a:before, .i18n-ar .zgh-megaMenu > a:after {
    right: unset;
    left: -12px;
}

.i18n-ar .zgh-userLink {
    right: unset;
    left: -5px;
}

.i18n-ar .product-header-top .zgh-userPanel.active .zgh-userLink {
    right: unset;
    left: -10px;
}

.i18n-ar .zgh-userImage {
    float: right;
    margin: 0 0 0 10px;
}

.i18n-ar .zgh-userAccount {
    left: unset;
    right: 10px;
}

.i18n-ar .zgh-userLogout {
    right: unset;
    left: 10px;
}

.i18n-ar .zgh-products .zgh-megaMenuCat li.active:before {
    left: unset;
    right: 0;
}

.i18n-ar .zgh-products .zgh-megaMenuCat li.zgh-b-bundles:after, .i18n-ar .zgh-products .zgh-megaMenuCat li.zgh-b-marketplace:after {
    right: unset;
    left: 15px;
}

.i18n-ar .zgh-products .zgh-megaMenuCat li.zgh-b-bundles, .i18n-ar .zgh-products .zgh-megaMenuCat li.zgh-b-marketplace {
    padding: 20px 0 10px 0;
}

.i18n-ar .zgh-i-zohoone p:after {
    left: inherit;
    right: 38px;
}

.i18n-ar .product-title > span.product-icon {
    left: auto;
    right: 0;
}

.i18n-ar .zgh-localization ul {
    flex-direction: row-reverse;
}

.i18n-ar .product-header-top .menu li:first-child {
    margin-left: 40px;
}

.i18n-ar .signup-box .two-col-input .sgfrm:first-child {
    padding-left: 10px;
    padding-right: 0;
}

.i18n-ar .signup-box .za-country-container .placeholder, .i18n-ar .signup-box .za-country-container .placecountryregion {
    left: auto;
}

.other-lang .footer-sec-wrap {
    border-top: 0;
    display: none;
}

.i18n-ar .zlang-container .zlang-container-inner {
    right: unset;
    left: 0;
}

.i18n-ar .zlang-container ul:before {
    right: unset;
    left: 14px;
}

.i18n-ar .zlang-container ul:after {
    right: unset;
    left: 16px;
}

.i18n-ar .common-links .ZF-contact > ul {
    text-align: left;
}

    .i18n-ar .common-links .ZF-contact > ul > li:last-child {
        border-right: 0;
    }

.i18n-ar .footer-search .footer-search-btn {
    right: unset;
    left: 0;
}

.i18n-ar .footer-search .footer-search-input {
    padding: 12px 12px 12px 60px;
}

.i18n-ar .ZF-contact ul li.zf-support-mail:before {
    right: 30px;
    left: auto;
}

.i18n-ar .ZF-support .zlang-text:before {
    right: auto;
    left: 0;
}

.i18n-ar .ZF-support .zlang-text {
    padding: 5px 21px 5px 15px;
}

.i18n-ar .common-links .zlang-container li a {
    padding: 3px 30px 3px 0;
}

.i18n-ar .zlang-container ul {
    flex-direction: row-reverse;
}

.i18n-ar .footer-sec-wrap .product-links ul.zft-social-icons li {
    margin: 0 0 0 10px;
}

.i18n-ar .apps-download-links-wrap a {
    margin: 0 0 5px 5px;
}

.i18n-ar a, .i18n-ar abbr, .i18n-ar acronym, .i18n-ar address, .i18n-ar applet, .i18n-ar article, .i18n-ar aside, .i18n-ar audio, .i18n-ar b, .i18n-ar big, .i18n-ar blockquote, .i18n-ar canvas, .i18n-ar caption, .i18n-ar center, .i18n-ar cite, .i18n-ar code, .i18n-ar dd, .i18n-ar del, .i18n-ar details, .i18n-ar dfn, .i18n-ar div, .i18n-ar dl, .i18n-ar dt, .i18n-ar em, .i18n-ar embed, .i18n-ar fieldset, .i18n-ar figcaption, .i18n-ar figure, .i18n-ar footer, .i18n-ar form, .i18n-ar h1, .i18n-ar h2, .i18n-ar h3, .i18n-ar h4, .i18n-ar h5, .i18n-ar h6, .i18n-ar header, .i18n-ar hgroup, .i18n-ar i, .i18n-ar iframe, .i18n-ar img, .i18n-ar ins, .i18n-ar kbd, .i18n-ar label, .i18n-ar legend, .i18n-ar li, .i18n-ar mark, .i18n-ar menu, .i18n-ar nav, .i18n-ar object, .i18n-ar ol, .i18n-ar output, .i18n-ar p, .i18n-ar pre, .i18n-ar q, .i18n-ar ruby, .i18n-ar s, .i18n-ar samp, .i18n-ar section, .i18n-ar small, .i18n-ar span, .i18n-ar strike, .i18n-ar strong, .i18n-ar sub, .i18n-ar summary, .i18n-ar sup, .i18n-ar table, .i18n-ar tbody, .i18n-ar td, .i18n-ar tfoot, .i18n-ar th, .i18n-ar thead, .i18n-ar time, .i18n-ar tr, .i18n-ar tt, .i18n-ar u, .i18n-ar ul, .i18n-ar var, .i18n-ar video, body.i18n-ar {
    direction: rtl;
    text-align: right;
}

.i18n-ar .product-header-top .product-title {
    margin: 0 10px 0 auto;
}

.i18n-ar .cookiestrip, .i18n-ar .cookiestrip > div {
    text-align: center;
}

.i18n-ar a.cookieManage, .i18n-ar span.cookieClose {
    margin: 0 15px 0 0;
}

.i18n-ar #newsletter, .i18n-ar #signup-newsletter, .i18n-ar #tos {
    left: auto;
    right: 0;
}

.i18n-ar #signup-newsletter, .i18n-ar #signup-termservice {
    margin: 0 4px;
}

.i18n-ar form .za-country-container.za-country-container-arrow::after, .i18n-ar form .za-state-container::after {
    left: 12px;
    right: auto;
}

.i18n-ar .category-wrap > ul li .addon-image, .i18n-ar .category-wrap > ul li .addon-wrap, .i18n-ar .footer-sec-wrap .product-links h4 {
    text-align: initial;
}

.i18n-ar .zw-only-copyright p, .i18n-ar .common-links ul.ZPprivacy, .i18n-ar .pricing-faq h2, .i18n-ar .product-block span.detail span, .i18n-ar h1.field-price-heading {
    text-align: center;
}

    .i18n-ar .common-links ul.ZPprivacy li:first-child {
        padding-left: 10px;
        border-right: 0;
    }

    .i18n-ar .common-links ul.ZPprivacy li:last-child {
        padding-right: 10px;
        border-right: 1px solid #ccc;
    }

.i18n-ar .common-links ul.zdomainlink li {
    border-left: 0;
    border-right: 1px solid #ccc;
}

    .i18n-ar .common-links ul.zdomainlink li:first-child {
        border-right: 0;
    }

.i18n-ar .common-links .zlang-container-inner li:last-child {
    border-right: 0;
}

.i18n-ar .learn-more {
    padding-right: 0;
}

    .i18n-ar .learn-more::before {
        border-color: transparent #03a9f5 transparent transparent;
        right: 88px;
    }

.i18n-ar .watch-btn {
    padding: 8px 38px 10px 0;
}

    .i18n-ar .watch-btn:before {
        right: 0;
    }

    .i18n-ar .watch-btn:after {
        right: 9px;
    }

.i18n-ar .feature-box ul li {
    padding-right: 40px;
}

    .i18n-ar .feature-box ul li:before {
        right: 20px;
    }

.i18n-ar #userinfo-signout, .i18n-ar .product-header-top #userinfo-signout, .i18n-ar .product-header-top .userinfo-details, .i18n-ar .userinfo-details {
    right: auto;
    left: 0;
}

.i18n-ar .product-header-top .zoho-proinner-container, .i18n-ar .zoho-proinner-container {
    padding: 10px 85px 5px 10px;
}

.i18n-ar .expanded.dropdown .caret {
    margin-right: 5px;
}

.i18n-ar.ccode-ae .langstrip, .i18n-ar.ccode-sa .langstrip, .i18n-ar.ccode-ae .lbanner, .i18n-ar.ccode-sa .lbanner {
    direction: rtl;
    text-align: center;
}

.i18n-ar .ZF-contact > ul > li:first-child {
    padding-right: 0;
    padding-left: 20px;
}

.i18n-ja .za-country_code-container #mobile {
    padding-left: 15px;
    width: 100%;
    position: relative;
    left: 0;
}

.other-lang .signup-box .za-country-container .placeholder {
    display: none;
}

.i18n-ar .signup-box .za-company-container .portal-id {
    direction: ltr;
    text-align: right;
}

.i18n-ar .signup-box p.dc-info, .i18n-ar .signup-box .sign_agree, .i18n-ar .signup-box label, .i18n-ar .signup-box p.zcountry-info, .i18n-ar .signup-box .field-error .field-msg {
    text-align: right;
}

.i18n-ar .signup-box .za-company-container .za-company-box .field-msg {
    left: inherit;
    right: 0;
}

.i18n-ar .signup-box .za-tos-container .field-msg {
    margin: 12px -15px 0 0;
}

.i18n-ar .signup-box input[type=radio] {
    margin: 0 2px 0 5px;
}

.zw-other-lang .signup-box .get-signup-plan label {
    margin: 0 30px 0 0;
}

.zw-other-lang .signup-box .get-signup-plan input[type=radio] {
    margin: 0 0 0 2px;
    top: 2px;
}

.zw-other-lang .signup-box .get-signup-plan {
    display: grid;
    grid-auto-columns: 25px 1fr 25px 1fr;
}

.zw-other-lang .get-signup-plan input[type=radio] {
    grid-area: 1/1/1/2;
}

    .zw-other-lang .get-signup-plan input[type=radio] + label {
        grid-area: 1/2/1/2;
    }

        .zw-other-lang .get-signup-plan input[type=radio] + label + input[type=radio] {
            grid-area: 1/3/1/4;
        }

            .zw-other-lang .get-signup-plan input[type=radio] + label + input[type=radio] + label {
                grid-area: 1/4/1/5;
            }

.i18n-ar .signup-box .get-signup-plan label {
    margin: 0 0 0 20px;
}

.i18n-ar .signup-box .socl-signup a, .i18n-ar .signup-box .socl-signup span {
    margin: 0 10px 0 0;
}

.i18n-ar .signup-box #country_code_rmobile, .i18n-ar .signup-box #country_code, .i18n-ar .signup-box #ccodediv {
    direction: ltr;
    text-align: right;
}

.i18n-ar .signup-box #countryCodeDiv, .i18n-ar .signup-box #countryconfirmCodeDiv {
    left: unset;
    right: 1px;
    padding: 10px 10px 10px 0;
    border-right: 0;
    border-left: 1px solid #d5d5d5;
}

    .i18n-ar .signup-box #countryCodeDiv:before, .i18n-ar .signup-box #countryconfirmCodeDiv:before {
        left: inherit;
        right: 60px;
    }

.i18n-ar .signup-box .za-country_code-container input[type='text'], .i18n-ar .signup-box .za-country_code-container input[type='tel'], .i18n-ar .signup-box .za-ccountry_code-container input[type='text'], .i18n-ar .signup-box .za-ccountry_code-container input[type='tel'] {
    padding-left: 15px;
    padding-right: 90px;
}

.i18n-ar .signup-box .za-newsletter-container label, .i18n-ar .signup-box .za-tos-container label {
    padding-left: 0;
    padding-right: 20px;
}

.i18n-ar .signup-box .za-newsletter-container #signup-newsletter, .i18n-ar .signup-box .za-tos-container #signup-termservice {
    position: absolute;
    top: 3px;
    left: inherit;
    right: 0;
}

.i18n-ar .za-emailormobile-container .za-country_code-container {
    right: 0;
}

.i18n-ar .signup-box .za-emailormobile-container.dialactive input {
    padding-right: 90px;
    padding-left: 10px;
}

.i18n-ja .mobile-ccode #country_code_rmobile, .i18n-ja .mobile-ccode select#country_code, .i18n-ja .mobile-ccode div#countryCodeDiv {
    display: none;
}

@media screen and (max-width:1400px) {
    .zgh-brand a {
        width: 100px;
    }

    .zgh-brand {
        padding: 0 10px 0 10px;
    }

    .zgh-marketplace .zgh-menuItem {
        min-height: auto;
    }

    .footer-sec-wrap.two-column.fourColList .content-wrap > div {
        width: 100%;
        display: block;
    }

    .footer-sec-wrap.two-column.fourColList .footer-links-wrap {
        padding: 0 30px;
    }

    .footer-sec-wrap.fourColList .promo-section-wrap {
        padding: 0 0 50px;
    }

    .footer-sec-wrap .customer-stories {
        max-width: 100%;
        width: 100%;
    }

        .footer-sec-wrap .customer-stories > a {
            max-width: 350px;
            display: inline-block;
            width: 100%;
        }

    .fourColList .customer-stories a + a {
        margin-left: 20px;
        margin-top: 0;
    }

    .footer-sec-wrap.two-column.fourColList {
        padding: 60px 0;
    }
}

@media only screen and (max-width:1365px) {
    .zgh-accounts .zgh-signup {
        display: none;
    }
}

@media only screen and (max-width:1199px) {
    .zw-product-header .content-wrap {
        width: 95%;
    }

    .product-header-top .menu li {
        margin-left: 0;
    }

    .zgh-nav > ul > li {
        margin-right: 15px;
    }

    .header .hide, .header .menu, .product-header-top {
        display: none;
    }

    .menu-icon, .mobile-menu, .product-nav-links .menu {
        display: block;
    }

    .menu-icon {
        background-position: -72px 3px;
        cursor: pointer;
        height: 25px;
        left: 95px;
        position: absolute;
        text-indent: -999em;
        width: 20px;
    }

    .zgh-localization {
        display: none;
    }

    .zgh-search {
        margin-right: 10px;
    }

    .quick-link-wrap {
        display: none;
    }

    .quick-connect-links-wrap {
        display: none;
    }

    .signup-box h5 {
        font-size: 17px;
    }

    .i18n-ar .menu-icon {
        left: 0;
        right: 95px;
    }

    .i18n-ar .mobile-apps-link {
        text-align: center;
    }

    .i18n-ar .zgh-search {
        margin: 0 0 0 10px;
    }
}

@media only screen and (max-width:1023px) {
    .product-title + .product-nav-links li a.active, .product-title + .product-nav-links li span.active, .product-header-top .product-title + .product-nav-links li a.active, .product-header-top .product-title + .product-nav-links li span.active, .menu li a.active, .menu li span.active {
        box-shadow: 0 -2px 0 #000 inset;
        font-family: var(--zf-primary-semibold);
    }

    .zwph-white .product-title + .product-nav-links li a.active, .zwph-white .product-title + .product-nav-links li span.active {
        box-shadow: 0 -2px 0 #fff inset;
        font-family: var(--zf-primary-semibold);
    }

    .zgh-nav > ul > li {
        margin-right: 15px;
    }

        .zgh-nav > ul > li:first-child, .zgh-nav > ul > li:nth-last-child(2) {
            display: none;
        }

    .product-title + .product-nav-links li {
        margin-left: 30px;
    }

    .bottom-cta-wrap .content-wrap {
        padding: 60px 0;
    }

        .bottom-cta-wrap .content-wrap:after {
            display: none;
        }

    .footer-sec-wrap .content-wrap {
        padding: 30px 0;
    }

    .footer-sec-wrap .product-links ul + h4, .footer-sec-wrap .product-links h4 {
        margin: 20px 0 10px;
    }

    .footer-sec-wrap.two-column .content-wrap {
        width: 100%;
    }

    .footer-sec-wrap.two-column .product-links.four-column > div, .footer-sec-wrap .product-links.two-column > div, .footer-sec-wrap .product-links.three-column > div, .footer-sec-wrap .product-links.four-column > div {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .footer-sec-wrap.two-column .promo-section-wrap {
        display: block;
        width: 100%;
        padding: 0 0 30px;
    }

    .footer-sec-wrap.two-column .content-wrap .footer-links-wrap {
        padding: 0 30px;
        width: 100%;
    }

    .footer-sec-wrap .product-links > div {
        display: block;
        overflow: hidden;
    }

    .footer-sec-wrap .product-links ul li {
        display: inline-block;
        margin: 10px 35px 10px 0;
    }

    .footer-sec-wrap .product-links.one-column ul li {
        margin: 0;
    }

    .footer-sec-wrap.two-column .common-links:before {
        width: 100%;
    }

    .footer-sec-wrap.two-column {
        padding: 50px 0;
    }

    .common-links ul.ZPprivacy li {
        font-size: 11px;
    }

    .zw-only-copyright p {
        padding: 0 10px;
    }

    .customer-stories a + a {
        margin-left: 20px;
        margin-top: 0;
    }

    .i18n-ar .footer-sec-wrap .product-links ul li {
        margin: 10px 0 10px 35px;
    }

    .i18n-ar .footer-sec-wrap .product-links ul.zft-social-icons li {
        margin-left: 8px;
        margin-right: 0;
    }
}

@media only screen and (min-width:1200px) {
    .zgh-megaMenuCat li.zgh-b-bundles {
        display: none;
    }

    .zgh-megaMenu .zgh-megaMenuPro > div {
        padding-bottom: 110px;
    }

    .zgh-products .zgh-megaMenuPro > div:not(.zgh-bundles) {
        max-width: 1100px;
    }

    .zgh-products.active .zgh-megaMenuPro > div.zgh-bundles {
        position: absolute;
        display: none;
        opacity: 1;
        visibility: visible;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 10px 10px 15px;
        background: #f9f2db;
    }

        .zgh-products.active .zgh-megaMenuPro > div.zgh-bundles.active-visible {
            display: flex;
            flex-wrap: wrap;
        }

    .zgh-megaMenuCat li.zgh-b-marketplace:before {
        content: '';
        width: 500%;
        height: 1px;
        background: #424654;
        position: absolute;
        top: 0;
        right: 0;
    }

    .zgh-megaMenuPro .zgh-bundles > div {
        margin: 0;
        width: 100%;
        max-width: 430px;
        min-width: 430px;
        background: 0;
    }

    .other-lang .zgh-megaMenuPro .zgh-bundles > div {
        max-width: 400px;
        min-width: 400px;
    }

    .IE .zgh-megaMenuPro .zgh-bundles > div {
        width: 400px;
        max-width: inherit;
        min-width: inherit;
    }

    .zgh-bundles .zgh-menuItem:hover {
        background: 0;
    }

    .zgh-megaMenuPro .zgh-bundles > div:first-child {
        margin-right: 5px;
    }

    .zgh-bundles [class^="zgh-i-"]:before {
        transform: scale(0.95);
        transform-origin: center top;
    }

    .zgh-bundles .zgh-menuItem a, .zgh-bundles .zgh-menuItem .zgh-i-zohoone {
        padding: 25px 15px 0 60px;
        min-height: initial;
        display: block;
    }

    .IE .zgh-bundles .zgh-menuItem a, .IE .zgh-bundles .zgh-menuItem .zgh-i-zohoone {
        min-height: inherit;
    }

    .zgh-bundles .zgh-i-crmplus:before {
        background-position: var(--zp-crmplus-bp);
        filter: brightness(0);
    }

    .zgh-bundles .zgh-i-financeplus:before {
        background-position: var(--zp-fplus-bp);
        filter: brightness(0);
    }

    .zgh-bundles .zgh-i-peopleplus:before {
        background-position: var(--zp-pplus-bp);
        filter: brightness(0) invert(0);
    }

    .zgh-bundles .zgh-i-creatorplus:before {
        background-position: -240px -240px;
    }

    .zgh-bundles .zgh-i-marketingplus:before {
        background-position: var(--zp-mplus-bp);
        filter: brightness(0);
        transform: scale(0.95);
        transform-origin: center top;
    }

    .zgh-bundles .zgh-i-workplace:before {
        background-position: var(--zp-workplace-bp);
        filter: brightness(0);
    }

    .zgh-bundles .zgh-i-itmanagement:before {
        background-position: -122px 0;
        width: 35px;
        filter: brightness(0);
    }

    .zgh-bundles .zgh-i-zohoone:before {
        background-position: var(--zp-one-bp);
        filter: brightness(0);
    }

    .zgh-i-zohoone p:after {
        content: 'Zoho';
        background: 0;
        line-height: 30px;
    }

    .zgh-i-zohoone p, .zgh-bundles em {
        padding: 0;
        display: block;
    }

    .zgh-bundles p {
        margin-bottom: 0;
    }

    .zgh-bundles em {
        font-size: 11px;
    }

    .zgh-bundles strong {
        font-weight: 100;
        font-size: 11px;
        position: absolute;
        top: 0;
        left: 15px;
    }

    .zgh-i-zohoone p {
        padding-left: 47px;
        font-size: inherit;
    }

    .zgh-i-zohoone em {
        font-size: 11px;
        line-height: 18px;
    }

    .zgh-megaMenuCat li.zgh-b-marketplace:after {
        content: none;
    }

    .zgh-localBox.localBox-single {
        width: 200px;
    }

        .zgh-localBox.localBox-single li {
            width: 100%;
            padding-right: 0;
        }

    .other-lang .header .menu li > a {
        padding: 10px 7px;
    }

    .other-lang .zgh-products .zgh-megaMenuInner > * {
        height: 500px;
    }

    .i18n-ar .zgh-bundles strong {
        left: unset;
        right: 15px;
    }

    .i18n-ar .zgh-bundles .zgh-menuItem a, .i18n-ar .zgh-bundles .zgh-menuItem.zgh-b-zohoone a {
        padding: 25px 60px 0 15px;
    }

    .i18n-ar .zgh-megaMenuPro .zgh-bundles > div:first-child {
        margin: 0 0 0 5px;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .content-wrap {
        width: 95%;
    }

    h1, h1.center {
        font-size: 34px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 23px;
    }

    h4 {
        font-size: 19px;
    }

    h5 {
        font-size: 17px;
    }

    h6 {
        font-size: 15px;
    }

    .product-header-top .menu li {
        margin-left: 20px;
    }

    .i18n-ar .product-title {
        margin: 0 10px 0 0;
    }

    .product-header-top .menu > li > a {
        padding: 10px;
        margin-top: 5px;
    }

    .common-links:before, .footer-sec-wrap.two-column .common-links:before {
        width: 100%;
    }

    .common-links ul {
        margin-bottom: 5px;
    }

    .footer-sec-wrap.two-column .common-links ul.ZPprivacy li {
        margin-bottom: 10px;
    }

    .common-links ul.ZPprivacy li {
        font-size: 11px;
        padding: 0 8px;
    }

    .footer-sec-wrap .ZF-support .ZF-contact > ul > li {
        margin-bottom: 0;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .content-wrap {
        width: 95%;
    }

    .zw-product-header .content-wrap {
        width: 97%;
    }

    h1, h2 {
        font-family: var(--zf-primary-bold);
    }

    h1 {
        line-height: 1.3;
        font-size: 30px;
    }

    h2 {
        font-size: 25px;
    }

    h3 {
        font-size: 21px;
    }

    h4 {
        font-size: 19px;
    }

    h5, h6 {
        font-size: 17px;
    }

    p {
        font-size: 15px;
        line-height: 1.8;
    }

    .menu li a {
        font-size: 13px;
        padding: 10px 15px;
    }

    .menu li .nolink {
        font-size: 13px;
    }

    .zw-product-header .product-nav-links li, .product-title + .product-nav-links li {
        margin: 0 0 0 20px;
    }

    .i18n-ar .product-title {
        margin: 0 10px 0 0;
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .zgh-products .zgh-megaMenuInner {
        margin: 15px auto 0;
    }

    .zgh-megaMenuCat {
        width: 200px;
        padding-left: 20px;
    }

    .other-lang .zgh-megaMenuCat {
        width: 200px;
        padding: 20px 20px 0 20px;
    }

    .zgh-megaMenuCat li {
        font-size: 13px;
    }

        .zgh-megaMenuCat li.zgh-b-bundles {
            padding: 20px 0 10px 0;
        }

        .zgh-megaMenuCat li.zgh-b-marketplace {
            padding: 10px 0 20px 0;
        }

        .zgh-megaMenuCat li.zgh-b-bundles:after {
            top: 18px;
            bottom: initial;
        }

        .zgh-megaMenuCat li.zgh-b-bundles:before {
            content: '';
            width: 500%;
            height: 1px;
            background: #424654;
            position: absolute;
            top: 0;
            right: 0;
        }

    .other-lang .zgh-megaMenuCat li.zgh-b-bundles:before {
        right: -20px;
    }

    .zgh-products .zgh-megaMenuPro > div, .zgh-products .zgh-megaMenuPro > .zgh-bundles {
        padding: 10px;
    }

    .zgh-megaMenuPro .zgh-menuItem {
        width: 33.333%;
    }

    .zgh-bundles .zgh-menuItem {
        width: 49%;
    }

        .zgh-bundles .zgh-menuItem a {
            padding: 15px 15px 15px 85px;
            min-height: 130px;
        }

    .zgh-bundles .zgh-b-crmplus, .zgh-bundles .zgh-b-peopleplus, .zgh-bundles .zgh-b-itmanagement, .zgh-bundles .zgh-b-zohoone {
        margin: 0 5px 10px 0;
    }

    .zgh-bundles .zgh-b-financeplus, .zgh-bundles .zgh-b-workplace, .zgh-bundles .zgh-b-creatorplus, .zgh-bundles .zgh-b-marketingplus {
        margin: 0 0 10px 5px;
    }

    .zgh-bundles .zgh-menuItem strong {
        font-size: 11px;
        font-weight: 100;
        line-height: 20px;
        display: block;
    }

    .zgh-bundles [class^="zgh-i-"]:before {
        transform: scale(1.4);
        transform-origin: left center;
        top: 30px;
    }

    .zgh-bundles .zgh-i-zohoone:before {
        background-position: var(--zp-one-bp);
    }

    .zgh-bundles .zgh-i-crmplus:before {
        background-position: var(--zp-crmplus-bp);
    }

    .zgh-bundles .zgh-i-financeplus:before {
        background-position: var(--zp-fplus-bp);
    }

    .zgh-bundles .zgh-i-peopleplus:before {
        background-position: var(--zp-pplus-bp);
    }

    .zgh-bundles .zgh-i-creatorplus:before {
        background-position: -300px -360px;
    }

    .zgh-bundles .zgh-i-marketingplus:before {
        background-position: var(--zp-mplus-bp);
    }

    .zgh-bundles .zgh-i-workplace:before {
        background-position: var(--zp-workplace-bp);
    }

    .zgh-bundles .zgh-i-itmanagement:before {
        background-position: -120px 0;
    }

    .zgh-menuItem p {
        font-size: 14px;
    }

    .zgh-menuItem em {
        font-size: 11px;
    }

    .zmenu-moreBtn {
        font-size: 13px;
    }

    [class^="zgh-i-"]:before {
        transform: scale(.7);
    }

    .zgh-i-zohoone p:after {
        transform: scale(1);
        background-position: -5px -254px;
        background-size: 620px auto;
    }

    .zgh-i-zohoone p {
        font-size: 22px;
        margin: 5px 0 10px;
        padding-left: 58px;
    }

    .zgh-marketplace .zgh-b-customapps {
        margin-left: 0;
    }

    .zgh-products .zgh-megaMenuPro > .zgh-bundles, .zgh-products .zgh-megaMenuPro > .zgh-marketplace {
        max-width: 800px;
    }

    .zgh-megaMenuBox .zgh-marketplace .zgh-menuItem {
        width: 100%;
        margin: 0 0 2% 0;
    }

    .zgh-megaMenuBox .zgh-marketplace .zgh-menuItem {
        width: 32%;
    }

    .zgh-megaMenuBox .zgh-marketplace .zgh-b-extensions {
        margin-right: 1%;
    }

    .zgh-megaMenuBox .zgh-marketplace .zgh-b-customapps {
        margin: 0 1% 10px;
    }

    .zgh-megaMenuBox .zgh-marketplace .zgh-b-industrysolutions {
        margin-left: 1%;
    }

    .zgh-megaMenuBox .zgh-marketplace .zgh-b-buildandsell {
        width: 100%;
    }

    .other-lang .zgh-bundles .zgh-b-itmanagement {
        margin: 0 0 10px 5px;
    }

    .other-lang .zgh-bundles .zgh-b-workplace, .other-lang .zgh-bundles .zgh-b-zohoone {
        margin: 0 5px 10px 0;
    }

    .other-lang .zgh-bundles .zgh-menuItem a {
        min-height: 150px;
    }

    .i18n-ar .zgh-products .zgh-megaMenuCat {
        padding: 20px 20px 20px 0;
        width: 200px;
    }

    .i18n-ar .zgh-bundles .zgh-menuItem a, .i18n-ar .zgh-bundles .zgh-menuItem.zgh-b-zohoone a {
        padding: 15px 85px 15px 15px;
    }

    .i18n-ar .zgh-bundles .zgh-b-crmplus, .i18n-ar .zgh-bundles .zgh-b-workplace, .i18n-ar .zgh-bundles .zgh-b-zohoone {
        margin: 0 0 10px 5px;
    }

    .i18n-ar .zgh-bundles .zgh-b-financeplus, .i18n-ar .zgh-bundles .zgh-b-itmanagement {
        margin: 0 5px 10px 0;
    }

    .i18n-ar .zgh-bundles .zgh-menuItem.zgh-b-zohoone a {
        margin-bottom: 0;
    }

    .i18n-ar .zgh-i-zohoone p {
        padding: 0;
    }

        .i18n-ar .zgh-i-zohoone p:after {
            right: 45px;
        }

    .zgh-megaMenuPro > div:not(.zgh-bundles):not(.zgh-marketplace) > .zgh-menuItem:first-child a, .zgh-megaMenuPro > div:not(.zgh-bundles):not(.zgh-marketplace) .zmenu-menuProBox-1 .zgh-menuItem:first-child a, .zgh-menuItem a {
        padding: 25px 15px 25px 50px;
    }

        .zgh-megaMenuPro > div:not(.zgh-bundles):not(.zgh-marketplace) > .zgh-menuItem:first-child a:before, .zgh-megaMenuPro > div:not(.zgh-bundles):not(.zgh-marketplace) .zmenu-menuProBox-1 .zgh-menuItem:first-child a:before, .zgh-megaMenuPro > div:not(.zgh-bundles):not(.zgh-marketplace) > .zgh-menuItem a:before {
            transform: scale(.8);
            left: 5px;
            top: 16px;
        }

    .zgh-megaMenuPro > div:not(.zgh-bundles):not(.zgh-marketplace) > .zgh-menuItem:first-child p, .zgh-megaMenuPro > div:not(.zgh-bundles):not(.zgh-marketplace) .zmenu-menuProBox-1 .zgh-menuItem:first-child p {
        font-size: 15px;
    }

    .zgh-marketplace [class^="zgh-i-"]:before {
        left: 5px;
    }

    .zgh-menuItem a span {
        left: 50px;
    }

    .zgh-nav > ul > li.zgh-products {
        display: inline-block;
    }

    .zgh-marketplace .zgh-menuItem a, .zgh-bundles .zgh-menuItem a {
        min-height: 150px;
    }

    .zgh-bundles .zgh-menuItem a {
        padding: 15px 15px 15px 70px;
    }

    .zgh-bundles [class^="zgh-i-"]:before {
        left: 5px;
    }
}

@media only screen and (max-width:991px) {
    .signup-box {
        display: none;
    }
}

@media only screen and (max-width:767px) {
    .content-wrap {
        width: 90%;
    }

    h1, h2 {
        font-family: var(--zf-primary-bold);
    }

    h1 {
        font-size: 27px;
    }

    h2 {
        font-size: 25px;
    }

    h3 {
        font-size: 21px;
    }

    h4 {
        font-size: 19px;
    }

    h5 {
        font-size: 17px;
    }

    h6, p {
        font-size: 15px;
    }

    p {
        line-height: 1.8;
    }

    .langClose {
        position: absolute;
        right: 10px;
        top: 10px;
        margin-top: 0;
    }

    .br-ns-outer {
        left: 5%;
        top: 80px;
        width: 90%;
        margin-left: 0;
        margin-top: 0;
    }

    .product-title .product-icon {
        display: block;
        width: auto;
        height: 40px;
    }

    .zw-global-header, .zgh-headerWrap {
        min-height: auto;
    }

    .zw-product-header .content-wrap {
        width: 100%;
        text-align: center;
        padding: 8px 0;
    }

    .product-nav-links .nav > li > a:focus, .product-nav-links .nav > li > a:hover {
        background: rgba(0,0,0,.2);
    }

    .product-title + .product-nav-links li:last-child {
        border-bottom: 0;
    }

    .product-nav-links {
        display: none;
    }

        .product-nav-links .menu {
            background: #fff;
            position: relative;
            top: 0;
            margin: 0;
        }

    .product-title + .product-nav-links li a.active, .product-header-top .product-title + .product-nav-links li a.active, .menu li a.active {
        box-shadow: none;
        color: #03a9f5;
    }

    .menu li a.active {
        color: #000;
    }

    .header {
        display: none;
    }

    .product-title + .product-nav-links li.featured-apps-part, .menu li.featured-apps-part {
        display: block;
    }

    .zw-product-header .product-title {
        margin: 0 auto;
    }

    .body-umain .zw-product-header .product-title {
        margin: 0;
        padding-left: 5px;
    }

    .product-title + .product-nav-links li, .menu li {
        display: block;
        margin: 0;
        text-align: left;
        width: 100%;
        z-index: 130;
        padding: 0;
        top: 0;
    }

    .product-title + .product-nav-links li {
        margin-left: 0;
    }

        .product-title + .product-nav-links li a, .menu li a {
            font-size: 17px;
            padding: 20px 0;
            margin: 0;
            text-align: left;
            color: #000;
        }

    .product-nav-links .menu {
        padding: 0;
        z-index: 130;
        overflow-y: scroll;
        border-top: 1px solid #eee;
        display: none;
        background: #f8f8f8;
    }

    .dropdown:hover .dropdown-menu, .menu .dropdown-menu {
        transform: none;
        opacity: 1;
        visibility: visible;
    }

    .menu .dropdown-menu {
        position: static;
        width: 100%;
        border: 0;
        left: 0;
        padding: 0 0 10px 65px;
        box-shadow: none;
        overflow: visible;
        display: none;
    }

    .dropdown-menu li {
        display: block;
    }

    .product-menu li:hover a {
        background: 0;
    }

    .product-header .product-menu > li:last-child {
        display: block;
    }

    .menu {
        min-height: initial;
    }

    .zw-product-header .product-nav-links li .nolink {
        font-size: 19px;
        padding: 20px 0 0;
        line-height: 20px;
        cursor: default;
    }

    .zw-product-header .menu li {
        margin-left: 0;
        background: #fff;
    }

    .zw-product-header .menu .expanded > a {
        padding: 20px 0 0;
        line-height: 20px;
        font-family: var(--zf-primary-regular);
    }

    .dropdown-menu .sub-level > a:after {
        content: none;
    }

    .dropdown-menu li.active > a, .dropdown-menu li.sub-level.active > a {
        color: #000;
        background: 0;
    }

    .dropdown-menu .sub-dropdown a:hover {
        color: #000;
    }

    .dropdown li a {
        display: block;
    }

    .menu .expanded.active .sub-dropdown {
        background: #f7f7f7;
    }

    .dropdown-menu .sub-dropdown {
        position: static;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        border-left: 0;
        border-radius: 0;
        padding: 0 0 0 30px;
        margin: 0;
    }

    .dropdown-menu > .sub-level > a {
        padding: 0;
    }

    .dropdown-menu .sub-dropdown li {
        transition-duration: 0;
        transition-delay: 0;
        opacity: 1;
        position: relative;
    }

        .dropdown-menu .sub-dropdown li:before {
            content: '';
            width: 4px;
            height: 4px;
            border-radius: 3px;
            background: #000;
            position: absolute;
            top: 0;
            bottom: 0;
            left: -10px;
            margin: auto;
        }

        .dropdown-menu .sub-dropdown li a {
            padding: 2px 0;
            font-size: 13px;
        }

    .zw-product-header .menu li a {
        padding: 13px 20px 13px 48px;
    }

    .hamburger-box {
        width: 20px;
        height: 25px;
        display: block;
        position: relative;
        transform: rotate(0);
        transition: .5s ease-in-out;
        cursor: pointer;
        margin: 19px auto 0;
        pointer-events: none;
    }

        .hamburger-box span {
            display: block;
            position: absolute;
            height: 2px;
            width: 50%;
            background: #000;
            opacity: 1;
            transform: rotate(0);
            transition: .25s ease-in-out;
        }

            .hamburger-box span:nth-child(even) {
                left: 50%;
                border-radius: 0 9px 9px 0;
            }

            .hamburger-box span:nth-child(odd) {
                left: 0;
                border-radius: 9px 0 0 9px;
            }

            .hamburger-box span:nth-child(1), .hamburger-box span:nth-child(2) {
                top: 0;
            }

            .hamburger-box span:nth-child(3), .hamburger-box span:nth-child(4) {
                top: 6px;
            }

            .hamburger-box span:nth-child(5), .hamburger-box span:nth-child(6) {
                top: 12px;
            }

        .hamburger-box.active span:nth-child(1), .hamburger-box.active span:nth-child(6) {
            transform: rotate(45deg);
        }

        .hamburger-box.active span:nth-child(2), .hamburger-box.active span:nth-child(5) {
            transform: rotate(-45deg);
        }

        .hamburger-box.active span:nth-child(1) {
            left: 1px;
            top: 5px;
        }

        .hamburger-box.active span:nth-child(2) {
            left: calc(50% - 4px);
            top: 5px;
        }

        .hamburger-box.active span:nth-child(3) {
            left: -50%;
            opacity: 0;
        }

        .hamburger-box.active span:nth-child(4) {
            left: 100%;
            opacity: 0;
        }

        .hamburger-box.active span:nth-child(5) {
            left: 1px;
            top: 10px;
        }

        .hamburger-box.active span:nth-child(6) {
            left: calc(50% - 4px);
            top: 10px;
        }

    .zw-product-header .zgh-accounts .zgh-login {
        display: none;
    }

    .zgh-header {
        position: fixed;
        top: 0;
        z-index: 1111;
        background: #fff;
        border-bottom: 1px solid #e0e0e0;
        height: 50px;
        width: 100%;
        overflow: visible;
    }

    .product-title > span.product-icon {
        display: none;
    }

    .zgh-search {
        display: none;
    }

    .zgh-accounts .zgh-signup {
        margin-right: 9px;
        margin-top: 7px;
    }

    .zw-product-header .zgh-user-box {
        display: block;
    }

    .zgh-userAvatar {
        padding: 2px;
        width: 40px;
        height: 40px;
    }

    .zgh-userImage {
        display: none;
    }

    .zgh-userLink {
        position: absolute;
        right: 0;
        overflow: visible;
        width: initial;
        height: initial;
        transition: none;
        visibility: hidden;
        opacity: 0;
        top: 50px;
    }

    .zgh-userPanel {
        width: 40px;
        height: 40px;
        display: block;
    }

        .zgh-userPanel ul {
            transition: none;
        }

        .zgh-userPanel ul {
            visibility: hidden;
            width: 190px;
            height: initial;
            transition: transform .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out;
            transform: translateY(10px);
            opacity: 0;
            border: 1px solid #e8e8e8;
        }

            .zgh-userPanel ul:after {
                position: absolute;
                top: -6px;
                right: 19px;
                bottom: initial;
                left: initial;
                width: 0;
                height: 0;
                content: '';
                border-right: 4px solid transparent;
                border-bottom: 6px solid #fff;
                border-left: 4px solid transparent;
                background: 0;
            }

            .zgh-userPanel ul:before {
                position: absolute;
                top: -8px;
                right: 18px;
                width: 0;
                height: 0;
                content: '';
                border-right: 5px solid transparent;
                border-bottom: 8px solid #e8e8e8;
                border-left: 5px solid transparent;
            }

    .zgh-userLink li {
        font-size: 12px;
        margin: 0;
    }

    .zgh-userName {
        line-height: 16px;
        display: block;
        width: 190px;
        padding: 8px;
        color: #03a9f5;
    }

    .zgh-userAccount, .zgh-userLogout {
        position: static;
    }

    .zgh-userAccess, .zgh-userName {
        width: 100%;
    }

        .zgh-userAccess a, .zgh-userAccount a, .zgh-userLogout a {
            font-family: var(--zf-primary-regular),Arial,Helvetica,sans-serif;
            font-size: 12px;
            line-height: 13px;
            display: block;
            padding: 10px 8px;
            text-transform: capitalize;
            color: #000;
            background: 0;
        }

            .zgh-userAccess a:hover, .zgh-userAccount a:hover, .zgh-userLogout a:hover {
                background: #03a9f5;
            }

    .zgh-userPanel.active .zgh-userLink {
        width: initial;
        height: initial;
        border: 0;
        visibility: visible;
        opacity: 1;
    }

    .zgh-userPanel.active ul {
        visibility: visible;
        padding: 0;
        transform: translateY(0);
        opacity: 1;
    }

    .zgh-userPanel.active img {
        cursor: pointer;
    }

    .i18n-ar .zgh-accounts {
        padding: 0;
        margin: 0;
    }

    .body-umain .zw-product-header .zgh-accounts {
        display: inline-block;
    }

    .body-umain .zw-product-header .content-wrap {
        display: flex;
        flex-wrap: wrap;
        padding: 8px 10px;
        align-items: center;
        text-align: left;
    }

    #header .menu.nav {
        display: none;
    }

    .zwph-white.zw-product-header .product-title a, .zw-product-header .product-title a {
        background: 0;
    }

    .mobile-menu-icon {
        display: none;
    }

    .zw-product-header {
        position: relative;
        z-index: 99;
    }

    .z-bottom-cta-menu {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        height: 50px;
        box-shadow: 0 1px 12px 0 rgba(0,0,0,0.1);
        display: block;
        background: #f8f8f8;
    }

        .z-bottom-cta-menu.ziosSafari {
            padding-bottom: 44px;
        }

        .z-bottom-cta-menu a {
            background: #f1f1f1;
            color: #f0483e;
            padding: 14px 0;
            display: block;
            font-family: var(--zf-primary-semibold);
            width: calc(100% - 50px);
            text-align: center;
            transition: .4s ease-out all;
            height: 100%;
            text-transform: uppercase;
            margin-left: 50px;
            font-size: 15px;
        }

            .z-bottom-cta-menu a.loggedin {
                display: none;
            }

    .body-umain .z-bottom-cta-menu a.loggedin {
        display: block;
    }

    .body-umain .z-bottom-cta-menu a.loggedout {
        display: none;
    }

    .z-bottom-cta-menu.onscroll a {
        color: #fff;
        background: #f0483f;
    }

    .z-bottom-cta-menu.onscroll_top a {
        color: #fff;
        background: #f0483e;
        transition: .3s ease-out all;
    }

    .mobile-menu-icon1 {
        background: #000;
        text-indent: 0;
        left: 0;
        position: absolute;
        top: 0;
        width: 50px;
        cursor: pointer;
        height: 50px;
        transition: all .3s ease;
        text-align: center;
        font-family: var(--zf-primary-semibold);
    }

        .mobile-menu-icon1.active {
            background: #fff;
        }

            .mobile-menu-icon1.active em {
                color: #8c8c8c;
            }

    .zhamburger {
        width: 26px;
        height: 15px;
        display: block;
        position: relative;
        transform: rotate(0);
        transition: .5s ease-in-out;
        cursor: pointer;
        margin: 18px auto 0;
        pointer-events: none;
        font-family: var(--zf-primary-bold);
    }

        .zhamburger span {
            display: block;
            position: absolute;
            height: 2px;
            width: 50%;
            background: #fff;
            opacity: 1;
            transform: rotate(0);
            transition: .25s ease-in-out;
        }

            .zhamburger span:nth-child(2n+1) {
                left: 0;
                border-radius: 9px 0 0 9px;
            }

            .zhamburger span:nth-child(1), .zhamburger span:nth-child(2) {
                top: 0;
            }

            .zhamburger span:nth-child(2n) {
                left: 50%;
                border-radius: 0 9px 9px 0;
            }

            .zhamburger span:nth-child(3), .zhamburger span:nth-child(4) {
                top: 6px;
            }

            .zhamburger span:nth-child(5), .zhamburger span:nth-child(6) {
                top: 12px;
            }

        .zhamburger.active span {
            background: #8c8c8c;
        }

        .zhamburger.active {
            color: #757575;
        }

            .zhamburger.active span:nth-child(1), .zhamburger.active span:nth-child(6) {
                transform: rotate(45deg);
            }

            .zhamburger.active span:nth-child(1) {
                left: 4px;
                top: 5px;
            }

            .zhamburger.active span:nth-child(2), .zhamburger.active span:nth-child(5) {
                transform: rotate(-45deg);
            }

            .zhamburger.active span:nth-child(2) {
                left: calc(50% - 4px);
                top: 5px;
            }

            .zhamburger.active span:nth-child(3) {
                left: -50%;
                opacity: 0;
            }

            .zhamburger.active span:nth-child(4) {
                left: 100%;
                opacity: 0;
            }

            .zhamburger.active span:nth-child(5) {
                left: 4px;
                top: 10px;
            }

            .zhamburger.active span:nth-child(6) {
                left: calc(50% - 4px);
                top: 10px;
            }

    .zmobile-menu-new {
        position: fixed;
        background: transparent;
        height: calc(100% - 50px);
        width: 100%;
        left: 0;
        top: 0;
        z-index: 99;
        display: none;
        transition: background .3s ease-in;
    }

        .zmobile-menu-new.zbg {
            background: rgba(0,0,0,0.75);
        }

    .zmobile-menu-new-inner {
        position: absolute;
        left: 5px;
        width: 300px;
        bottom: -70px;
        opacity: 0;
        transition: all .3s ease;
        max-height: calc(100% - 65px);
        overflow: hidden;
        background: #fff;
        box-shadow: 40px 40px 300px 100px rgba(0,0,0,0.4);
        border-radius: 10px;
    }

    .zmobile-menu-new-content {
        overflow: scroll;
        height: 100%;
    }

    .zmobile-menu-new-inner.zshow {
        bottom: 5px;
        opacity: 1;
    }

    .zmobile-menu-search {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        padding: 10px 15px;
        border-bottom: 1px solid #efefef;
        height: 50px;
        background: #f9f9f9;
        z-index: 9;
    }

    .zmobile-menu-searchbox {
        position: relative;
    }

    .zmobile-menu-searchinput {
        background: transparent;
        padding: 5px 50px 5px 10px;
        font-size: 15px;
        max-width: 100%;
        margin: 0;
        height: initial;
        line-height: initial;
        border: 0;
        text-indent: 0;
        width: 100%;
        font-family: var(--zf-primary-regular);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

        .zmobile-menu-searchinput::-webkit-input-placeholder {
            color: #878787;
        }

        .zmobile-menu-searchinput::-moz-placeholder {
            color: #878787;
        }

        .zmobile-menu-searchinput:-ms-input-placeholder {
            color: #878787;
        }

        .zmobile-menu-searchinput:-moz-placeholder {
            color: #878787;
        }

    .zmobile-menu-searchbtn {
        height: 28px;
        width: 40px;
        top: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        cursor: pointer;
        position: absolute;
        border: 0;
        background: #f7f7f7;
        padding: 0;
        outline: 0;
    }

        .zmobile-menu-searchbtn:before {
            content: '';
            height: 15px;
            width: 1px;
            background: #d4d4d4;
            position: absolute;
            left: -5px;
            top: 0;
            bottom: 0;
            margin: auto;
        }

        .zmobile-menu-searchbtn span {
            background-color: #f7f7f7;
            background-size: 600px auto;
            background-position: -285px 1px;
            display: inline-block;
            width: 15px;
            height: 16px;
            vertical-align: middle;
            opacity: .7;
        }

    .zmobile-menu-link {
        overflow: auto;
        max-height: calc(100vh - 140px);
    }

    .zmobile-menu-new ul {
        padding: 60px 20px 15px 25px;
        width: 100%;
    }

    .zmobile-menu-new .ulempty {
        padding: 33px 20px 15px 25px;
    }

    .zmobile-menu-new ul li.zlogin-menu a {
        border-top: 1px solid #efefef;
    }

    .zmobile-menu-new ul li a, .zmobile-menu-new ul li > span {
        padding: 8px 25px 8px 0;
        display: block;
        color: #333;
    }

    .zmobile-menu-new ul li .dropdown-menu span.dropdown-toggle {
        font-size: 13px;
        padding: 7px 0 7px 12px;
    }

    .zmobile-menu-new ul ul li a {
        padding: 8px 13px 8px 0;
    }

    .zw-product-header {
        min-height: 50px;
        padding: 0;
    }

    .zgh-accounts .zgh-signup {
        display: none;
    }

    .chat-widget {
        display: none;
    }

    .zw-only-copyright {
        padding: 20px 0 70px;
    }

    .zmobile-menu-new ul.dropdown-menu {
        padding: 0;
        display: none;
    }

    .zmobile-menu-new ul li .dropdown-menu a {
        font-size: 13px;
        padding: 7px 0 7px 12px;
        white-space: initial;
    }

    .dropdown-menu li.zmenu-dropdown-all a {
        margin: 15px 10px 20px;
    }

    .zdropdown-container a, .zdropdown-container span {
        position: relative;
    }

    .zdropdown-container .caret {
        height: 6px;
        width: 10px;
        display: inline-block;
        transition: .3s transform ease;
        transform: rotate(0);
        position: absolute;
        top: 19px;
        right: 10px;
    }

    .zdropdown-container.active .caret {
        transform: rotate(180deg);
    }

    .zcommon-link-container {
        border-top: 1px solid #efefef;
        padding-bottom: 30px;
        padding-top: 5px;
        background: #fff;
    }

        .zcommon-link-container > span {
            padding: 8px 20px 3px 25px;
            display: block;
        }

    .zallprd-menu {
        text-align: left;
    }

    .zcommon-link-container > span a {
        color: #333;
    }

    .zcommon-link-container span.zlogin-menu a {
        color: #f0483e;
        font-family: var(--zf-primary-semibold);
    }

    .zmobile-menu-prdlogo {
        display: none;
    }

    .ztop-slide-mobile-menu {
        display: block;
    }

    .lang-support span {
        margin: 5px 10px 5px 0;
    }

    .z-bottom-cta-menu.withCW {
        background: transparent;
    }

        .z-bottom-cta-menu.withCW a {
            width: calc(100% - 100px);
        }

    .withCW .mobile-menu-icon1 {
        background: #f1f1f1;
        transition: .4s ease-out all;
    }

        .withCW .mobile-menu-icon1::after {
            position: absolute;
            content: "";
            right: 0;
            top: 5%;
            width: 1px;
            height: 90%;
            background: #bebcbc;
            transition: .4s ease-out all;
        }

    .withCW .zhamburger span {
        background: #bebcbc;
    }

    .onscroll.withCW .mobile-menu-icon1::after, .onscroll.withCW .zhamburger span {
        background: #fff;
    }

    .onscroll.withCW .mobile-menu-icon1 {
        background: #f0483e;
    }

    .signup-box .sgnbtn input[type='submit'], .signup-box .sgnbtn input[type='button'] {
        padding: 0 20px;
        font-size: 12px;
    }

    .z-testimonial-item p span {
        display: block;
        color: #03a9f5;
        font-size: 15px;
    }

    .cookiestrip {
        padding: 15px 25px;
    }

    a.cookieManage {
        margin: 15px 0 0 0;
    }

    .cookieTxt {
        display: block;
        line-height: 1.4;
    }

    .cookiestrip > div {
        max-width: 380px;
        margin: 0 auto;
    }

    .popup-close {
        right: 0;
        top: 50px;
    }

    .zlang-container .zlang-container-inner ul li a {
        color: #000;
    }

    .zlang-container {
        bottom: auto;
        left: auto;
        position: relative;
        right: auto;
        max-width: 150px;
    }

        .zlang-container ul::after, .zlang-container ul::before {
            left: 49%;
        }

        .zlang-container .zlang-container-inner {
            left: 0;
        }

    .common-links .zlang-container a {
        color: #03a9f5;
    }

    .zlang-container ul li {
        text-align: left;
    }

    .zlang-container .zlang-container-inner {
        right: 0;
        left: inherit;
    }

    .zlang-container ul:before {
        left: inherit;
    }

    .zlang-container ul:after {
        left: inherit;
    }

    .common-footer li {
        border-left: 0;
    }

    .common-links ul {
        margin: 0 auto;
        width: 100%;
    }

    .common-links .ZPprivacy {
        padding-top: 30px;
    }

    .common-links ul.ZPprivacy li {
        margin: 0 5px 10px;
        font-size: 11px;
    }

        .common-links ul.ZPprivacy li:first-child {
            padding-left: 10px;
        }

    .common-links .ZPprivacy li {
        font-size: 11px;
        border-right: 1px solid #ccc;
        margin: 0 5px 10px;
    }

    .zw-only-copyright p {
        padding: 0 10px;
    }

    .global-f-none .zgf-wrapper, .zgf-wrapper {
        padding: 20px 20px 50px;
    }

    .footer-sec-wrap .customer-stories {
        max-width: 375px;
        padding: 0 15px;
    }

    .customer-stories a + a, .fourColList .customer-stories a + a {
        margin-left: 0;
        margin-top: 20px;
    }

    .footer-sec-wrap.two-column .content-wrap {
        width: 100%;
    }

        .footer-sec-wrap.two-column .content-wrap > div {
            display: block;
            width: 100%;
        }

    .footer-sec-wrap .product-links > div {
        display: block;
        overflow: hidden;
    }

    .footer-sec-wrap .product-links.one-column ul li {
        margin: 0;
    }

    .footer-sec-wrap.two-column .common-links {
        text-align: center;
        padding-top: 20px;
    }

        .footer-sec-wrap.two-column .common-links:before {
            width: 100%;
        }

    .footer-search {
        margin: 30px auto 0;
    }

    .langTxt {
        padding: 0 30px;
        display: block;
        margin-bottom: 15px;
    }

    .lbanner .langTxt {
        padding: 0 30px;
        text-decoration: underline;
    }

    .ZF-support {
        border-top: 1px solid #eaeaea;
    }

    .ZF-container {
        width: 100%;
        padding: 0;
    }

    .ZF-container {
        padding: 10px 20px 10px;
    }

    .ZF-contact > ul > li {
        font-size: 15px;
    }

    .ZF-support .ZF-dlsel {
        text-align: left;
    }

    .zw-only-copyright p {
        font-size: 10px;
    }

    .footer-sec-wrap .product-links ul.zft-social-icons li {
        margin-right: 12px;
    }

    .r-g-f .zw-only-copyright .content-wrap {
        display: block;
    }

    .r-g-f .zw-only-copyright p {
        text-align: center;
    }

    .zw-only-copyright ul {
        margin-bottom: 15px;
    }

    .r-g-f .zw-only-copyright + .zsocial-share {
        border: 0;
        padding: 0 0 10px;
    }

    body .zsiq_theme1.zsiq_floatmain {
        bottom: 20px;
        right: 20px;
        width: 30px;
        height: 30px !important;
    }

    .zsiq_theme1 .zsiq_flt_rel {
        border-radius: 0;
    }

    .zsiq_floatmain.zsiq_theme1 .zsiq_flt_rel {
        width: 50px;
        height: 50px;
        border-radius: 0;
    }

    .zsiq_theme1 .zsiq_user.siqico-chat {
        border-radius: 0;
    }

    .zsiq_floatmain.zsiq_theme1 .siqico-chat:before {
        display: block;
        background: url(//www.zohowebstatic.com/sites/zweb/images/commonroot/chatwidget-icon.gif);
        content: "";
        width: 35px;
        height: 35px;
        background-size: 35px auto;
        background-repeat: no-repeat;
        margin-top: 4px;
    }

    .zsiq_floatmain .zsiq_flt_rel {
        background-color: #2d4993 !important;
    }

    .i18n-ar .zw-product-header span.zprd-display-name {
        padding-left: 10px;
        padding-right: 0;
    }

    .i18n-ar .ZF-contact > ul > li:first-child {
        padding-left: 15px;
        padding-right: 0;
    }

    .i18n-ar .zw-product-header .product-title {
        padding: 0 5px 0 0;
    }

    .i18n-ar .more-links {
        text-align: center;
    }

    .i18n-ar .zmobile-menu-new ul li a, .i18n-ar .zmobile-menu-new ul li > span {
        padding: 13px 0 13px 25px;
    }

    .i18n-ar .mobile-menu-icon1 {
        left: unset;
        right: 0;
    }

    .i18n-ar .z-bottom-cta-menu a {
        margin: 0 50px 0 0;
    }

    .i18n-ar .zmobile-menu-new-inner {
        left: unset;
        right: 6px;
    }

    .i18n-ar .zdropdown-container .caret {
        right: unset;
        left: 10px;
    }

    .i18n-ar .zgh-userLink {
        left: 0;
    }
}

@media screen and (max-width:480px) {
    .signup-box .za-company-container .za-company-box .field-msg {
        bottom: -7px;
        line-height: 1;
    }

    .signup-box .za-company-container .za-company-box.field-error {
        margin: 0 0 30px;
    }

    .footer-sec-wrap .product-links {
        display: block;
    }

        .footer-sec-wrap .product-links ul + h4, .footer-sec-wrap .product-links h4 {
            margin: 0;
        }

    .ZF-support {
        border-top: 0;
    }

        .ZF-support .ZF-contact > ul {
            display: block;
        }

    .ZF-container {
        padding: 0;
    }

    .ZF-contact > ul {
        text-align: left;
    }

        .ZF-contact > ul > li {
            display: block;
        }

    .ZF-contact ul li.zf-support-mail a {
        padding: 15px 0 15px 33px;
        display: block;
        font-size: 14px;
    }

    .ZF-contact ul li.zf-support-mail:before {
        left: 29px;
    }

    .ZF-contact ul li.zglob-lang {
        padding: 8px 20px 8px 20px;
        border-top: 1px solid #eaeaea;
    }

    .ZF-contact ul li.zf-support-mail {
        padding: 0 20px 0 20px;
    }

    .common-footer li {
        width: 100%;
        padding: 5px 0;
    }

    .footer-sec-wrap {
        background: transparent;
    }

        .footer-sec-wrap.two-column .promo-section-wrap {
            padding: 50px 0;
        }

        .footer-sec-wrap.two-column, .footer-sec-wrap.two-column.fourColList {
            padding: 0;
        }

        .footer-sec-wrap .product-links ul li {
            display: block;
            margin: 0;
        }

        .footer-sec-wrap .product-links.one-column ul {
            display: block;
        }

            .footer-sec-wrap .product-links.one-column ul li {
                display: block;
                text-align: left;
                padding: 0;
            }

        .footer-sec-wrap .product-links.one-column div:first-child h4 {
            display: block;
        }

        .footer-sec-wrap .content-wrap {
            padding: 0;
            width: 100%;
        }

        .footer-sec-wrap.two-column .content-wrap .footer-links-wrap {
            margin: 0 auto;
            padding: 0;
            width: 100%;
        }

        .footer-sec-wrap .footer-links-wrap, .footer-sec-wrap .product-links > div {
            padding: 0;
        }

        .footer-sec-wrap .product-links h4 {
            cursor: pointer;
            position: relative;
            margin: 0;
            padding: 15px 20px;
            background: #fafafa;
            border-bottom: 1px solid #efefef;
            font-size: 13px;
        }

            .footer-sec-wrap .product-links h4:after {
                content: "";
                border: solid #000;
                border-width: 0 1px 1px 0;
                display: inline-block;
                padding: 3.5px;
                position: absolute;
                right: 30px;
                top: 18px;
                transform: rotate(45deg);
                transition: all .3s ease;
            }

            .footer-sec-wrap .product-links h4.active:after {
                transform: rotate(-135deg);
                top: 23px;
            }

        .footer-sec-wrap .product-links ul {
            padding: 0 20px;
        }

            .footer-sec-wrap .product-links ul.zft-social-icons {
                padding: 10px 20px;
                display: flex;
                justify-content: flex-start;
            }

            .footer-sec-wrap .product-links ul li a {
                line-height: 30px;
            }

        .footer-sec-wrap .common-links, .footer-sec-wrap.two-column .common-links {
            margin-top: 0;
            padding: 10px 0;
        }

            .common-links:before, .footer-sec-wrap .common-links ul, .footer-sec-wrap .on-social, .common-links.czonefooter > .ZPprivacy, .common-links > .ZPprivacy {
                display: none;
            }

    .zw-only-copyright p {
        font-size: 9px;
        padding: 10px 0;
        margin: 0;
    }

    .zlang-container .zlang-container-inner {
        width: 220px;
        bottom: 25px;
        right: inherit;
        left: 0;
    }

    .zlang-container ul {
        padding: 20px 25px 20px 25px;
    }

        .zlang-container ul:before {
            left: 25px;
            right: inherit;
        }

        .zlang-container ul:after {
            left: 27px;
            right: inherit;
        }

        .zlang-container ul li {
            width: 100%;
            padding-right: 0;
        }

    .apps-download-links-wrap {
        margin-bottom: 10px;
    }

    .other-lang .footer-sec-wrap {
        display: block;
    }

        .other-lang .footer-sec-wrap.two-column .content-wrap > div.promo-section-wrap, .other-lang .footer-links-wrap .product-links [class ^="footer"]:not(.footer-terms) {
            display: none;
        }

    .i18n-ar .ZF-support .ZF-dlsel {
        text-align: right;
    }

    .zpf-zlang-inner, .i18n-ar .zpf-zlang-inner {
        width: 210px;
    }

    .i18n-ar .footer-sec-wrap .product-links h4:after {
        right: unset;
        left: 30px;
    }

    .i18n-ar .zlang-container .zlang-container-inner {
        left: inherit;
    }

    .i18n-ar .zlang-container ul:before {
        right: 14px;
        left: inherit;
    }

    .i18n-ar .zlang-container ul:after {
        right: 16px;
        left: inherit;
    }

    .i18n-ar .ZF-contact ul li.zf-support-mail {
        padding: 0 20px 0 0;
    }

        .i18n-ar .ZF-contact ul li.zf-support-mail a {
            padding: 14px 32px 14px 30px;
        }
}

@media screen and (max-width:414px) {
    .cookiestrip > div {
        max-width: 300px;
    }

    a.cookieManage {
        margin-top: 8px;
    }

    .common-footer p {
        max-width: 200px;
    }

    .z-bottom-cta-menu a {
        font-size: 14px;
    }
}

@media screen and (max-width:375px) {
}

@media print {
    #header, .footer-wrapper, .panel-region-sidebar-first, .pane-crm-help-banner, input[name=print] {
        display: none;
    }

    .panel-region-content.crm-help-content {
        border: 0;
    }
}

body.vimactive {
    overflow: hidden;
}

.zvim-model {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.95);
    overflow: auto;
    z-index: 9999;
    display: none;
    padding: 20px 0;
}

.zvim-popup-share-overlay-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 17;
    background-position: center center;
    background-size: cover;
    text-align: center;
    visibility: hidden;
}

    .zvim-popup-share-overlay-wrapper.active {
        visibility: visible;
    }

.zvim-overlay-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(20,21,22,.3)),to(#141516));
    background-image: -o-linear-gradient(top,rgba(20,21,22,.3),#141516);
    background-image: linear-gradient(to bottom,rgba(20,21,22,.3),#141516);
    opacity: 0;
    transition: opacity 300ms;
}

.zvim-popup-share-overlay-wrapper.active .zvim-overlay-bg {
    opacity: 1;
}

.zvim-popup-share-overlay-cell {
    position: absolute;
    top: 70px;
    right: 25px;
}

.zvim-popup-share-section {
    position: relative;
    display: inline-block;
    max-width: 100%;
    text-align: center;
    transform: translate(0,-12px);
    opacity: 0;
    transition: all .4s;
}

.zvim-popup-share-overlay-wrapper.active .zvim-popup-share-section {
    transform: translate(0,0);
    opacity: 1;
}

.zvim-popup-share-section::before {
    content: "";
    display: block;
    position: absolute;
    top: -6px;
    right: 12px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
}

.zvim-popup-share-section ul.zvim-share-list {
    color: #fff;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .zvim-popup-share-section ul.zvim-share-list li {
        display: inline-block;
        width: 44px;
        height: 40px;
        background-color: #fff;
        float: left;
        position: relative;
    }

        .zvim-popup-share-section ul.zvim-share-list li:after {
            content: "";
            width: 1px;
            height: 22px;
            background: #e6e6e6;
            position: absolute;
            right: 0;
            top: 8px;
        }

        .zvim-popup-share-section ul.zvim-share-list li:first-child {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        .zvim-popup-share-section ul.zvim-share-list li:last-child {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

            .zvim-popup-share-section ul.zvim-share-list li:last-child:after {
                width: 0;
            }

        .zvim-popup-share-section ul.zvim-share-list li a {
            display: inline-block;
            font-size: 16px;
            padding: 10px 0;
        }

        .zvim-popup-share-section ul.zvim-share-list li svg {
            width: 20px;
            height: 20px;
        }

.zvim-share-icon {
    position: absolute;
    top: 10px;
    right: 15px;
    padding: 10px;
    z-index: 12;
    opacity: 0;
    transition: opacity .3s;
    visibility: visible;
}

.zc-video-modalInner:hover .zvim-share-icon {
    opacity: 1;
}

.zvim-share-icon.hidden {
    visibility: hidden;
}

.zvim-share-icon .zvim-share-button {
    width: 35px;
    height: 35px;
    background: rgba(30,30,30,.7);
    border-radius: 5px;
    transition: all 300ms;
}

.zvim-share-icon svg.share-icon {
    width: 21px;
    height: 21px;
    margin: 6px 7px;
    cursor: pointer;
    color: #fff;
}

    .zvim-share-icon svg.share-icon .fill {
        fill: #fff;
    }

.zvim-share-close {
    position: absolute;
    top: 20px;
    right: 25px;
    opacity: 0;
    font-size: 14px;
    cursor: pointer;
    transition: all 300ms;
}

    .zvim-share-close .icon-close-new {
        width: 14px;
        height: 14px;
        padding: 11px;
        border-radius: 5px;
        font-size: 12px;
        background: rgba(30,30,30,.5);
    }

        .zvim-share-close .icon-close-new .fill {
            fill: #fff;
        }

.zvim-popup-share-overlay-wrapper.active .zvim-share-close {
    opacity: 1;
}

.zvim-video-close .icon-close-new {
    position: absolute;
    top: 20px;
    right: 25px;
    width: 20px;
    height: 20px;
}

    .zvim-video-close .icon-close-new .fill {
        fill: #646464;
    }

.zce-video-frame {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
}

    .zce-video-frame iframe {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.other-lang .zgh-megaMenuPro .zgh-menuItem a {
    overflow-wrap: break-word;
}

.zlang-container .zlang-text::after, .zgh-localBox li a::before, .zlang-container-inner li a::before, .zgh-localization .zgh-localSelect:before {
    position: absolute;
    content: "";
    width: 22px;
    height: 16px;
    left: 0;
    background-size: 528px auto;
    background-position: 0 0;
}

.zlang-container .zlang-text::after {
    top: 4px;
}

.znewfooter .zlang-container .zlang-text::after {
    background-position: -22px 0;
}

.znewfooter .ZF-support .zlang-text:before {
    border-top: 6px solid #fff;
}

.zgh-localBox li a[data-lang="fr"]::before, .zlang-container-inner li a[data-lang="fr"]::before, .lang-fr .zgh-localization .zgh-localSelect:before, .lang-fr .zlang-container .zlang-text::after, .lang-fr .bigin-footer .zlang-container .zgh-localSelect::before, .lang-fr .znewfooter .zlang-container .zlang-text::after {
    background-position: -88px 0;
}

.zgh-localBox li a[data-lang="de"]::before, .zlang-container-inner li a[data-lang="de"]::before, .lang-de .zgh-localization .zgh-localSelect:before, .lang-de .zlang-container .zlang-text::after, .lang-de .bigin-footer .zlang-container .zgh-localSelect::before, .lang-de .znewfooter .zlang-container .zlang-text::after {
    background-position: -110px 0;
}

.zgh-localBox li a[data-lang="pt-br"]::before, .zlang-container-inner li a[data-lang="pt-br"]::before, .lang-pt-br .zgh-localization .zgh-localSelect:before, .lang-pt-br .zlang-container .zlang-text::after, .lang-pt-br .bigin-footer .zlang-container .zgh-localSelect::before, .lang-pt-br .znewfooter .zlang-container .zlang-text::after {
    background-position: -198px 0;
}

.zgh-localBox li a[data-lang="nl"]::before, .zlang-container-inner li a[data-lang="nl"]::before, .lang-nl .zgh-localization .zgh-localSelect:before, .lang-nl .zlang-container .zlang-text::after, .lang-nl .bigin-footer .zlang-container .zgh-localSelect::before, .lang-nl .znewfooter .zlang-container .zlang-text::after {
    background-position: -242px 0;
}

.zgh-localBox li a[data-lang="id"]::before, .zlang-container-inner li a[data-lang="id"]::before, .lang-id .zgh-localization .zgh-localSelect:before, .lang-id .zlang-container .zlang-text::after, .lang-id .bigin-footer .zlang-container .zgh-localSelect::before, .lang-id .znewfooter .zlang-container .zlang-text::after {
    background-position: -440px 0;
}

.zgh-localBox li a[data-lang="th"]::before, .zlang-container-inner li a[data-lang="th"]::before, .lang-th .zgh-localization .zgh-localSelect:before, .lang-th .zlang-container .zlang-text::after, .lang-th .bigin-footer .zlang-container .zgh-localSelect::before, .lang-th .znewfooter .zlang-container .zlang-text::after {
    background-position: -418px 0;
}

.zgh-localBox li a[data-lang="jp"]::before, .zlang-container-inner li a[data-lang="jp"]::before, .lang-jp .zgh-localization .zgh-localSelect:before, .lang-jp .zlang-container .zlang-text::after, .lang-jp .bigin-footer .zlang-container .zgh-localSelect::before, .lang-jp .znewfooter .zlang-container .zlang-text::after {
    background-position: -154px 0;
}

.zgh-localBox li a[data-lang="vi"]::before, .zlang-container-inner li a[data-lang="vi"]::before, .lang-vi .zgh-localization .zgh-localSelect:before, .lang-vi .zlang-container .zlang-text::after, .lang-vi .bigin-footer .zlang-container .zgh-localSelect::before, .lang-vi .znewfooter .zlang-container .zlang-text::after {
    background-position: -352px 0;
}

.zgh-localBox li a[data-lang="it"]::before, .zlang-container-inner li a[data-lang="it"]::before, .lang-it .zgh-localization .zgh-localSelect:before, .lang-it .zlang-container .zlang-text::after, .lang-it .bigin-footer .zlang-container .zgh-localSelect::before, .lang-it .znewfooter .zlang-container .zlang-text::after {
    background-position: -132px 0;
}

.zgh-localBox li a[data-lang="he"]::before, .zlang-container-inner li a[data-lang="he"]::before, .lang-he .zgh-localization .zgh-localSelect:before, .lang-he .zlang-container .zlang-text::after, .lang-he .bigin-footer .zlang-container .zgh-localSelect::before, .lang-he .znewfooter .zlang-container .zlang-text::after {
    background-position: -484px 0;
}

.zgh-localBox li a[data-lang="zh-hans"]::before, .zlang-container-inner li a[data-lang="zh-hans"]::before, .lang-zh-hans .zgh-localization .zgh-localSelect:before, .lang-zh-hans .zlang-container .zlang-text::after, .lang-zh-hans .bigin-footer .zlang-container .zgh-localSelect::before, .lang-zh-hans .znewfooter .zlang-container .zlang-text::after {
    background-position: -220px 0;
}

.i18n-id .zlang-text:after, .i18n-ja .zlang-text:after, .i18n-id .zgh-localSelect::before, .i18n-ja .zgh-localSelect::before, .zlang-container-inner li a[data-lang="jp"]::before, .zlang-container-inner li a[data-lang="id"]::before, .zgh-localBox li a[data-lang="jp"]::before, .zgh-localBox li a[data-lang="id"]::before {
    box-shadow: 0 0 0 .5px #d8d8d8;
}

.i18n-ar .zgh-localization .zgh-localBox li a, .i18n-he .zgh-localization .zgh-localBox li a {
    padding: 0 40px 0 0;
}

.i18n-ar .zgh-localBox li a::before, .i18n-ar .zlang-container-inner li a::before, .i18n-ar .common-links .zlang-container .zlang-text::after, .i18n-ar .zgh-localization .zgh-localSelect:before, .i18n-he .zgh-localBox li a::before, .i18n-he .zlang-container-inner li a::before, .i18n-he .common-links .zlang-container .zlang-text::after, .i18n-he .zgh-localization .zgh-localSelect:before {
    right: 0;
    left: auto;
}

.i18n-ar.other-lang.body-umain .zgh-localization .zgh-localSelect, .i18n-ar.other-lang .zgh-localization .zgh-localSelect, .i18n-he.other-lang.body-umain .zgh-localization .zgh-localSelect, .i18n-he.other-lang .zgh-localization .zgh-localSelect {
    padding: 0 30px 0 15px;
}

.i18n-ar.other-lang .zlang-container .zlang-text, .i18n-he.other-lang .zlang-container .zlang-text, .i18n-ar.other-lang .footer-wrapper .zlang-container .zlang-text, .i18n-he.other-lang .footer-wrapper .zlang-container .zlang-text {
    padding: 5px 30px 5px 15px;
}

.i18n-ar .zlang-container .zlang-container-inner li a::before, .i18n-he .zlang-container .zlang-container-inner li a::before {
    right: 0;
    left: auto;
}

.i18n-he .common-links .zdc-text:before, .i18n-he .common-links .zlang-text:before {
    left: 0;
    right: auto;
}

.hideglobalheader .zw-global-header {
    min-height: auto;
}

    .hideglobalheader .zw-global-header .header, .hideproductheader .product-nav-links, .hideglobalfooter .ZF-support, .hideglobalfooter .footer-search, .hideglobalfooter .ZPprivacy, .hideproductfooter .footer-sec-wrap {
        display: none;
    }

.zvim-share-icon {
    display: none !important;
}

.signup-box .za-password-container input {
    padding: 12px 80px 14px 12px;
}

.za-password-container .pgen, .za-password-container .pcopy, .za-password-container span.zpassword-show {
    position: absolute;
    right: 4px;
    top: 0;
    z-index: 10;
    cursor: pointer;
    width: 30px;
    height: 45px;
    font-size: 0;
    text-indent: -9999px;
}

.za-password-container .pcopy {
    right: 55px;
    display: none;
}

    .za-password-container .pgen:before, .za-password-container .pcopy:before, .za-password-container span.zpassword-show:before {
        content: '';
        width: 20px;
        height: 20px;
        background: url(//www.zohowebstatic.com/sites/zweb/images/commonroot/common-elements.svg) no-repeat;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }

.za-password-container .pgen:before {
    background-position: -1708px -141px;
    background-size: 1800px auto;
}

.za-password-container span.zpassword-show:before {
    background-position: -1589px -84px;
    background-size: 1630px auto;
    opacity: .7;
    height: 12px;
}

.za-password-container span.zpassword-show.active:before {
    background-position: -1589px -71px;
}

.za-password-container .gentext {
    font-size: 11px;
    line-height: 1.5;
    display: none;
    margin-top: 10px;
}

    .za-password-container .gentext a {
        color: #3942ff;
    }

        .za-password-container .gentext a:hover {
            text-decoration: underline;
        }

.za-password-container .t-tip span {
    background: #000;
    color: #fff;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 99;
    font-size: 14px;
    min-width: 70px;
    text-indent: 0;
    text-align: center;
    padding: 5px 10px;
    opacity: 0;
    visibility: hidden;
    white-space: nowrap;
    transform: translateY(10px);
    transition: transform .3s ease-in-out,opacity .3s ease-in-out;
}

    .za-password-container .t-tip span:before {
        content: '';
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #000;
        position: absolute;
        bottom: 100%;
        right: 10px;
    }

.za-password-container .t-tip.active span {
    opacity: 1;
    visibility: visible;
    transform: translateY(-0px);
}

.za-password-container .pcopy:before {
    background-position: -1687px -142px;
    background-size: 1800px auto;
}

.zshow-common.t-tip span {
    opacity: 1;
    visibility: visible;
}

.za-password-container .pgen {
    right: 30px;
}

.signup-field-dark .za-password-container span.zpassword-show:before {
    filter: invert(1) brightness(100);
    opacity: 1;
}

.i18n-ar .signup-box .za-password-container input {
    padding: 12px 12px 14px 80px;
}

.i18n-ar .za-password-container .pgen {
    right: unset;
    left: 30px;
}

.i18n-ar .za-password-container .pcopy {
    right: unset;
    left: 55px;
}

.i18n-ar .za-password-container .t-tip span {
    right: unset;
    left: 0;
}

    .i18n-ar .za-password-container .t-tip span:before {
        right: unset;
        left: 10px;
    }

.i18n-ar .za-password-container span.zpassword-show {
    right: auto;
    left: 3px;
}

.i18n-ja .signup-box span.dialphonenum.placeholder {
    padding: 0;
}

.zw-product-endpoint-central .product-title .product-icon, .zw-product-patchmanagerplus .product-title .product-icon, .zw-product-remoteaccessplus .product-title .product-icon, .zw-product-identity-management .product-title .product-icon {
    height: 55px;
    width: auto;
}

.r-g-f .zw-global-footer {
    display: none;
}

.zgh-megaMenuPro .zgh-menuItem.zgh-b-solo {
    display: none;
}
