/*Arabic starts*/
.i18n-ar .socl-signup p {
    text-align: left;
}

/*Arabic ends*/
.zp-home-banner-wrap:after {
    background: #c0fed2;
    background: -moz-linear-gradient(top, #c0fed2 0%, #c8fdcc 9%, #d1fccc 19%, #eefacc 41%, #fcfad1 56%, #fffad7 65%, #fffdf3 88%, #fffffe 100%);
    background: -webkit-linear-gradient(top, #c0fed2 0%, #c8fdcc 9%, #d1fccc 19%, #eefacc 41%, #fcfad1 56%, #fffad7 65%, #fffdf3 88%, #fffffe 100%);
    background: linear-gradient(to bottom, #c0fed2 0%, #c8fdcc 9%, #d1fccc 19%, #eefacc 41%, #fcfad1 56%, #fffad7 65%, #fffdf3 88%, #fffffe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0fed2', endColorstr='#fffffe', GradientType=0);
}

.bottom-cta-wrap:before {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #fefefe 10%, #fcfefb 11%, #fcfefb 17%, #fbfdfa 21%, #f8fdf9 21%, #f8fdf7 22%, #f4fbf3 39%, #f1fbf2 40%, #f3faf2 41%, #f0faef 42%, #edf9ed 51%, #eaf8e7 58%, #ebf7e9 59%, #e9f7e6 60%, #e5f6e3 70%, #e4f6e0 70%, #e5f6e3 71%, #e0f4db 80%, #e0f3dd 81%, #def5db 82%, #dbf3d9 86%, #dcf4da 88%, #dbf4d7 88%, #dbf3d9 90%, #daf3d6 90%, #d8f3d4 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #fefefe 10%, #fcfefb 11%, #fcfefb 17%, #fbfdfa 21%, #f8fdf9 21%, #f8fdf7 22%, #f4fbf3 39%, #f1fbf2 40%, #f3faf2 41%, #f0faef 42%, #edf9ed 51%, #eaf8e7 58%, #ebf7e9 59%, #e9f7e6 60%, #e5f6e3 70%, #e4f6e0 70%, #e5f6e3 71%, #e0f4db 80%, #e0f3dd 81%, #def5db 82%, #dbf3d9 86%, #dcf4da 88%, #dbf4d7 88%, #dbf3d9 90%, #daf3d6 90%, #d8f3d4 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #fefefe 10%, #fcfefb 11%, #fcfefb 17%, #fbfdfa 21%, #f8fdf9 21%, #f8fdf7 22%, #f4fbf3 39%, #f1fbf2 40%, #f3faf2 41%, #f0faef 42%, #edf9ed 51%, #eaf8e7 58%, #ebf7e9 59%, #e9f7e6 60%, #e5f6e3 70%, #e4f6e0 70%, #e5f6e3 71%, #e0f4db 80%, #e0f3dd 81%, #def5db 82%, #dbf3d9 86%, #dcf4da 88%, #dbf4d7 88%, #dbf3d9 90%, #daf3d6 90%, #d8f3d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d8f3d4', GradientType=0);
}

/*.features-box > div span{background:url("https://www.zoho.com/sprints/images/sprints-home-icons-sprite-2x.png") no-repeat 0 0; background-size: auto 50px}*/
.features-box>div span {
    background: url(https://www.zoho.com/sprints/images/sprints-iconmenu-sprite.png) no-repeat;
    background-size: auto 50px
}
.other-lang .zp-home-integration-wrap {
display: none;
}
.integration-visual-wrap ul li div:before {
    border-color: #23a35c;
}

.integration-visual-wrap ul li:first-child div:after {
    background-position: -950px -150px;
}

.integration-visual-wrap ul li:nth-child(2) div:after {
    background-position: -150px 0px;
}

.integration-visual-wrap ul li:nth-child(3) div:after {
    background-position: 0 -50px;
}

.integration-visual-wrap ul li:nth-child(4) div:after {
    background-position: -1000px -100px;
}

.integration-visual-wrap ul li:nth-child(6) div:after {
    background-position: -903px -150px;
}

.integration-visual-wrap ul li:nth-child(7) div:after {
    background-position: -1000px -150px;
}

.integration-visual-wrap ul li:nth-child(8) div:after {
    background-position: -450px -100px;
}

.integration-visual-wrap ul li:nth-child(9) div:after {
    background-position: -600px 0;
}

.integration-visual-wrap ul li.zp-main div:after {
    background: url(/sites/default/files/sprints/sprints-logo-256.png);
    background-size: cover;
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .integration-visual-wrap ul li:first-child div:after {
        background-position: -760px -120px;
    }

    .integration-visual-wrap ul li:nth-child(2) div:after {
        background-position: -120px 0px;
    }

    .integration-visual-wrap ul li:nth-child(3) div:after {
        background-position: 0 -40px;
    }

    .integration-visual-wrap ul li:nth-child(4) div:after {
        background-position: -800px -80px;
    }

    .integration-visual-wrap ul li:nth-child(6) div:after {
        background-position: -720px -120px;
    }

    .integration-visual-wrap ul li:nth-child(7) div:after {
        background-position: -800px -120px;
    }

    .integration-visual-wrap ul li:nth-child(8) div:after {
        background-position: -360px -80px;
    }

    .integration-visual-wrap ul li:nth-child(9) div:after {
        background-position: -480px 0;
    }
}

@media only screen and (max-width:767px) {
    .zp-home-integration-wrap>.content-wrap {
        
padding: 30px 0 40px;
    }
    .integration-visual-wrap ul li:first-child div:after {
        background-position: -570px -90px;
    }

    .integration-visual-wrap ul li:nth-child(2) div:after {
        background-position: -90px 0px;
    }

    .integration-visual-wrap ul li:nth-child(3) div:after {
        background-position: 0 -30px;
    }

    .integration-visual-wrap ul li:nth-child(4) div:after {
        background-position: -600px -60px;
    }

    .integration-visual-wrap ul li:nth-child(6) div:after {
        background-position: -540px -90px;
    }

    .integration-visual-wrap ul li:nth-child(7) div:after {
        background-position: -600px -90px;
    }

    .integration-visual-wrap ul li:nth-child(8) div:after {
        background-position: -270px -60px;
    }

    .integration-visual-wrap ul li:nth-child(9) div:after {
        background-position: -360px 0;
    }

    .userinfo-details {
        height: 49px;
    }

    .promo-sec-wrap .content-wrap {
        padding: 10px 0 0;
    }

    h1 {
        margin-bottom: 15px;
    }
}

.zp-home-testimonial-wrap {
    display: none
}

.promo-feature-wrap {
    text-align: center
}

.promo-feature-wrap h2+p {
    margin: 30px auto;
    max-width: 900px;
}

.features-box.box-2>div span {
    background-position: -50px -2px;
}

.features-box.box-3>div span {
    background-position: -99px 0;
}

.features-box.box-4>div span {
    background-position: -150px 0;
}

.features-box.box-5>div span {
    background-position: -200px 0;
}

.features-box.box-1>div span {
    background-position: 1px 0;
}

#block-system-main {
    margin-top: -83px;
}

.promo-sec-wrap:before {
    background-size: 100% auto;
}

.bottom-cta-wrap .content-wrap:after {
    background: url("https://zoho.com/sprints/images/bottom-cta-wave.svg") no-repeat right bottom;
}

.promo-sec-wrap:before {
    background: url("https://zoho.com/sprints/images/sprints-home-wave.svg") no-repeat right bottom;
}

.signing .signup {
    display: block;
}

.header .signup {
    display: none;
}

.account-signout-details {
    top: 0;
}

.header {
    height: 37px;
}

.i18n-ar .promo-feature-wrap h2+p,
.i18n-ar .promo-feature-wrap h2,
.i18n-ar .m-apps-poster-wrap {
    text-align: center;
}


/*   css for g2   */

.g2-wrap .g2-logo span,
.g2-sec-testimonial:before {
    background: url('/sites/default/files/sprints/sprints-g2-sprite.png') no-repeat left top;
    background-size: auto 140px;
}

.g2-sec-testimonial:before {
    background-size: auto 90px;
}

.g2-wrap .content-wrap {
    display: table;
    width: auto;
    max-width: 670px;
}

.g2-wrap .content-wrap>div {
    display: table-cell;
    vertical-align: middle;
    padding: 0 25px
}

.g2-wrap .content-wrap>div:last-child>div {
    position: relative
}

.g2-wrap .content-wrap>div:last-child>div:before {
    content: '';
    position: absolute;
    left: -35px;
    top: 8%;
    width: 1px;
    height: 80%;
    background: #ccc
}

.g2-wrap .content-wrap>div:last-child h4 {
    color: #2e74ce;
    margin-bottom: 8px
}

.g2-wrap .g2-logo span {
    display: inline-block;
    width: 130px;
    height: 120px;
    background-position: -5px -15px;
}

.g2-sec-testimonial {
    position: relative;
    padding: 0 0 0 70px;
    overflow: hidden;
}

.g2-sec-testimonial h5 {
    margin: 10px 0 0
}

.g2-sec-testimonial p {
    font-size: 14px
}

.g2-sec-testimonial:before {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    left: 0px;
    top: 50%;
    margin-top: -35px;
    border-radius: 100%;
    background-position: -106px -10px;
}
.trust-brands-wrap {
    
padding: 60px 0 0;
}
.trust-brands-wrap ul li span {
    background: url(/sites/default/files/zp-trust-brands-sprite.png) no-repeat 0 0;
    background-size: 1103px auto;
}
.trust-brands-wrap ul li.tb-pexion-group span{
    background-position: -177px -716px;
    width: 116px;
    height: 44px;
}
.trust-brands-wrap ul li.tb-stratega span {
    background-position: -574px -655px;
    width: 124px;
    height: 45px;
}
.trust-brands-wrap ul li.tb-startup-creator span {
    background-position: -698px -655px;
    width: 112px;
}
.trust-brands-wrap ul li.tb-ancora-education span {
    background-position: -824px -655px;
    width: 100px;
}
.trust-brands-wrap ul li.tb-security-portal span {
    background-position: 0 -718px;
    width: 163px;
}

@media only screen and (max-width: 767px) {
    .g2-wrap .content-wrap {
        display: block;
        width: 90%;
        max-width: 400px
    }

    .g2-wrap .content-wrap>div {
        display: block;
        padding: 0;
        text-align: center
    }

    .g2-sec-testimonial {
        text-align: left;
        max-width: 260px;
        margin: 0 auto
    }

    .g2-sec-testimonial p {
        line-height: 1.4;
        padding: 5px 0 0
    }

    .g2-wrap .content-wrap>div:last-child>div:before {
        display: none
    }
    .trust-brands-wrap {
    
padding: 30px 0 0;
}
}


/*  for other lang g2 wrap display none */

.other-lang .g2-wrap {
    display: none;
}

/* end of css for g2 */




/**IE10 and IE11**/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .zp-home-banner-wrap.zp-home-banner-wrap-before #zwave-banner {
        bottom: -10%
    }
}

@supports (-ms-accelerator:true) {
    .zp-home-banner-wrap.zp-home-banner-wrap-before #zwave-banner {
        bottom: -10%
    }
}

.lang-ar .image-wrapper {
    text-align: center;
}

.zp-mobile-apps-wrap .content-wrap h2+p {
    max-width: 680px;
}

.umain .zp-home-banner-wrap>.content-wrap .zp-home-left .watch-btn {
    display: inline-block;
}

.umain .promo-sec-wrap .watch-btn {
    display: none !important;
}

@media only screen and (min-width: 992px) and (max-width: 1280px) {
    .zp-home-banner-wrap>.content-wrap>div.zp-home-left {
        padding: 30px 50px 0 0;
    }
}