/*** header updates styles ***/ .zh-signup,.zh-access{opacity:0;visibility:hidden} .featured-section-wrap li.zp-main-apps a em,.featured-section-wrap .region-promo .learn-more{opacity:0;visibility:hidden} .zh-user-account a.zh-access{color:#039b3f} .other-lang .zoho-one-video-ad{display:none!important} .zh-banner-wrap h1{font-family:"proxima_nova_rgbold"} .zh-header-wrap{position:relative;max-width:1280px;width:90%;margin:10px auto 0} .zh-header-wrap:before{content:'';position:absolute;left:20px;top:8px;width:120px;height:40px;background:url(/sites/default/files/zoho-logo-zh-2x.png) no-repeat 0 0/auto 40px} .i18n-ar .zh-header-wrap:before{left:auto;right:20px} .zoho-logo-zh{display:none;max-width:150px;margin:0 auto} a.zh-contact{position:relative} .zgh-localization{padding:0 20px 0 10px;vertical-align: text-top;} .i18n-ja .zgh-localization{vertical-align: middle} .zgh-localBox{z-index:2;text-align:left;right:30px} .zgh-localBox li a{padding:0;font-size:14px} .menu-search-icon:after{position:absolute;content:'';left:-17px;top:55%;margin-top:-5px;width:1px;height:12px;background:#b2b2b2;visibility:hidden;opacity:0} .i18n-ar a.zh-contact:after{right:auto;left:0} .zh-user-account a{padding:12px 15px 10px;font-size:16px} #header,.zp-main-apps.show-randomly{display:none} .zp-main-reports a>span{background-position:-641px 0} .zp-main-campaigns a>span{background-position:-576px 0} .zh-zoho-one-cont .learn-more{font-family:"proxima_novasemibold"} /* Zoho One promo section */ .zh-zoho-one-promo-sec .content-wrap{border:1px solid #efefef;max-width:1170px;padding:40px 55px 40px;margin-bottom:0;overflow:visible} .zh-zoho-one-promo-sec .content-wrap span.l-hover,.zh-zoho-one-promo-sec .content-wrap span.r-hover{position:absolute;bottom:-10px;height:22px;background:#fff;z-index:1;width:55px} .zh-zoho-one-promo-sec .content-wrap span.l-hover{left:0} .zh-zoho-one-promo-sec .content-wrap span.r-hover{right:0} .zoho-bundles-section-wrap .content-wrap{border:1px solid #efefef;border-top:0;padding-bottom:20px;margin-bottom:40px} .zoho-bundles-section-wrap h6{display:none} .zh-zoho-one-promo-sec{position:relative} .zh-zoho-one-promo-sec h6{position:absolute;left:50%;top:-9px;width:100px;height:20px;text-align:center;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#999;background:#fff;z-index:1;margin-left:-50px} .zoho-bundles-section-wrap{background:#fff;margin-bottom:80px} .region-promo:before{display:none} .zgh-localSelect{font-size:15px} .menu-search-icon:after{display:none} @media only screen and (max-width:1199px){ .zh-zoho-one-promo-sec .content-wrap span.l-hover,.zh-zoho-one-promo-sec .content-wrap span.r-hover{width:30px} } @media only screen and (min-width:992px){ .zh-banner-wrap .content-wrap{padding:70px 0 0} .zh-banner-wrap h1+p span{display:block} .zh-zoho-one-promo-sec .content-wrap,.other-lang .zh-zoho-one-promo-sec .content-wrap{margin:60px auto 0} .zoho-bundles-section-wrap .content-wrap{padding:50px 15px 20px} .domain-eu .featured-section-wrap .content-wrap{padding:60px 0 50px} .domain-eu .region-promo:before{top:-45px} .zh-banner-wrap h1{font-size:40px} } @media only screen and (max-width:991px) and (min-width:768px){ .zh-banner-wrap h1{font-size:40px;max-width:600px;margin:0 auto 30px} .zoho-bundles-section-wrap .content-wrap{padding-top:20px} } @media only screen and (max-width:991px){ .other-lang .zh-zoho-one-promo-sec .content-wrap{margin:60px auto 0px;padding:30px} } /*** header updates styles ***/ /***People plus Bundle ***/ .zp-bundle>h4{font-size: 22px;} .bundle-peopleplus:before{background-position: -492px 0;} @media only screen and (min-width:992px){ .zoho-bundles-section-wrap .content-wrap>div{width: 20%;padding: 100px 20px 20px;} .other-lang .zoho-bundles-section-wrap .content-wrap>div{width: 25%;} .zp-bundle:before{transform: scale(.8);left: 10px;} } @media only screen and (max-width: 991px) and (min-width: 768px){ .zoho-bundles-section-wrap .content-wrap>div{border-right: 0px solid #f2f2f2;min-height:unset;} .zoho-bundles-section-wrap .content-wrap>div:nth-child(n+3) {border-bottom: 1px solid #f2f2f2;} .zoho-bundles-section-wrap .content-wrap>div:last-child{border-width:0px;} } @media only screen and (max-width: 991px){ .zoho-bundles-section-wrap .content-wrap>div{float: none;width: 90%;display: block;margin: 0 auto;padding: 60px 0 40px 160px;border-bottom: 1px solid #f2f2f2;} .zh-zoho-one-promo-sec,.zoho-bundles-section-wrap{max-width: 600px;margin:0 auto;} .zoho-bundles-section-wrap{margin-bottom: 80px;} } @media only screen and (max-width: 767px){ .zoho-bundles-section-wrap .content-wrap>div{padding: 30px 0 30px 160px;} .zp-bundle:before {top: 20px;} .zoho-bundles-section-wrap{margin-bottom: 0px;} } @media only screen and (max-width: 480px){ .zoho-bundles-section-wrap .content-wrap>div{padding: 120px 30px 40px;} .bundle-peopleplus:before {background-position: -412px 0;} } /***footer***/ .footer-sec-wrap .product-links ul li.zoho-merchandise-link{display:none} .ccode-us .footer-sec-wrap .product-links ul li.zoho-merchandise-link{display:inline-block} /* COMMON CSS for other languages. */ .other-lang .zh-customers,.other-lang #header{display:none} .i18n-es-xl .region-promo:before{content:"APLICACIONES DESTACADAS"} .i18n-pt-br .region-promo:before{content:"APLICATIVOS EM DESTAQUE"} .i18n-fr .region-promo:before{content:"APPLICATIONS INCLUSES"} .i18n-de .region-promo:before{content:"VORGESTELLTE APPS"} .i18n-nl .region-promo:before{content:"Aanbevolen apps"} .i18n-ar .region-promo:before{content:"التطبيقات المميزة"} .i18n-ar .region-promo ul:after { left: auto; right: 49%;} .i18n-ar .zh-banner-wrap h1+p>span{text-align:center} .other-lang .zh-banner-wrap p{max-width:850px;margin:0 auto 20px} .other-lang.lang-ar .zh-banner-wrap p{max-width:750px} .other-lang li.zp-main-apps a em{border:0;padding:0;margin-top:10px;} @media only screen and (min-width:768px) and (max-width:991px) { .other-lang .region-promo ul li:nth-child(odd){padding:30px} .other-lang .region-promo ul li:nth-child(even){padding:30px} .i18n-ar.other-lang .region-promo ul li:nth-child(odd){padding: 30px;} .i18n-ar.other-lang .region-promo ul li:nth-child(even) {padding: 30px;} .other-lang .region-promo ul{margin:40px auto 0;padding:0} .region-promo ul:before{left:0;width:100%} /* .other-lang .zoho-bundles-section-wrap .content-wrap>div{border:0}*/ } @media only screen and (max-width: 800px) and (min-width: 768px) { .i18n-de .zoho-bundles-section-wrap .content-wrap>div { min-height: 240px;} } .zp-main-catalyst a>span { background-position: -510px 0; } .featured-section-wrap .featured-title{text-align:center;color:#999;font-size:12px;letter-spacing:2px;position:relative} .zp-apps.zp-payroll a>span{background-position:-672px -96px} .zp-apps.zp-workerly a>span{background-position:-640px -96px} .zp-apps.zp-workdrive a>span{background-position:-768px -96px} .zp-apps.zp-identitymanagement a>span{background-position:-864px -96px} .zp-apps.zp-catalyst a>span{background-position:-928px -96px} .zp-apps.zp-logmanagementcloud a>span{background-position:-832px -96px} .zp-apps.zp-orchestly a>span{background-position:-609px -96px} .zp-apps.zp-bookings a>span{background-position:-704px -96px} .email-collaboration ul li.zp-notebook,.sales-marketing ul li.zp-marketinghub{border-bottom:1px solid #fff} .zoho-apps-category ul li a{display:inline-block} .zoho-apps-category ul li.zp-workerly,.zoho-apps-category ul li.zp-checkout{border-bottom:1px solid #fff} .zoho-apps-category ul li.zp-payroll{display:none} .ccode-in .zoho-apps-category ul li.zp-payroll,.domain-in .zoho-apps-category ul li.zp-payroll{display:inline-block} .it-help-desk ul li:last-child, .custom-solutions ul li:nth-child(4){border-bottom:1px solid #fff} /***search styles***/ .menu-search-icon{width:25px;box-sizing:border-box;height:30px;background:url(/sites/default/files/help-new-sprite.png) no-repeat;background-size:auto 40px;cursor:pointer;background-position:-8px -3px;display:inline-block;vertical-align:middle;position:relative;top:-2px;transform:scale(.8)} .other-lang .menu-search-icon,.other-lang footer form.fform-hockey_v1{display:none} .search-container{position:fixed;top:-120px;width:100%;background:#fff;z-index:999;border-bottom:1px solid #eee;transition:top 800ms ease} .search-container.active{top:0} .search-box{padding:0;position:relative;max-width:700px;width:100%;margin:auto} .search-wrap{background:#fff;position:relative;z-index:2} .search-wrap form{position:relative} .search-wrap .search-icon{position:absolute;right:0;top:20px;width:40px;box-sizing:border-box;height:40px;padding:10px;border:0;outline:0;background:url(/sites/default/files/help-new-sprite.png) no-repeat;background-size:auto 40px;cursor:pointer} .search-field{font-size:16px;width:100%;padding:30px 40px 30px 0;font-family:proxima_nova_rgregular} .search-clear{position:absolute;left:0;top:50%;width:32px;height:32px;margin-top:-16px;cursor:pointer;display:none;opacity:0;visibility:hidden} .search-clear:before,.search-clear:after{position:absolute;left:15px;top:8px;content:' ';height:20px;width:1px;background-color:#333} .search-clear:before{transform:rotate(45deg)} .search-clear:after{transform:rotate(-45deg)} .search-container .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} .search-container.active .search-overlay{visibility:visible;opacity:1} .search-box input:-webkit-autofill,.search-box input:-webkit-autofill:hover,.search-box input:-webkit-autofill:focus,.search-box input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important} input::-ms-clear{display:none} input[type=text]::-ms-clear{display:none} @media only screen and (max-width:767px){ .search-box{padding:10px 5px} .search-field{padding:10px 50px 10px 10px} .search-wrap .search-icon{top:0} .i18n-ar li.zp-main-apps a em{text-align: center} } /***search styles***/ footer form.fform-hockey_v1{display:none} .common-links:before{background:transparent} .footer-search{margin-top:0} .footer-search .footer-search-input{border:1px solid #666;color:#fff} .footer-search .footer-search-btn{border:1px solid #666;background:#2d2d2d;border-left:none} .i18n-ar .footer-search .footer-search-btn {border-right: none; border-left: 1px solid #666; right: auto; left: 0;} .footer-search .footer-search-btn span{background-color:transparent;background-position:-111px -15px;vertical-align:middle} .zcustomer-section-part{padding:80px 0 20px} .zcustomer-section-part h2{text-align:center;padding:0 20px;margin:0} .zcustomer-section-part .content-wrap>div{display:table-cell;vertical-align:middle;position:relative} .zcustomer-section-part .banner-testimonial-wrap{width:45%} .zcustomer-section-part .z-trust-brands-wrap{width:55%;padding:0 0 0 80px} /*.ccode-ph .zcustomer-section-part .zcustomer-inner-wrap.content-wrap{padding:40px 0 40px;} .ccode-ph .zcustomer-section-part .banner-testimonial-wrap{display:none;} .ccode-ph .zcustomer-section-part .z-trust-brands-wrap{text-align:center;padding: 0;} .ccode-ph .z-trust-brands-wrap ul li{width:auto;margin: 0 18px;}*/ /* TRUST BRAND SEC CSS */ .z-trust-brands-wrap a.more-detail-link{font-size:14px;text-transform:uppercase;text-decoration:underline;display:inline-block;font-family:proxima_novasemibold} .z-trust-brands-wrap ul li{display:inline-block;width:32%} .z-trust-brands-wrap ul li span{display:inline-block;margin:0 0 25px 0;text-indent:-9999px} .z-trust-brands-wrap ul li span{background:url(/sites/default/files/zoho-customers-top-brands.png) no-repeat 0 0;background-size:1045px auto;height:40px} .z-trust-brands-wrap ul li.tb-intel span{width:61px;background-position:0 0} .z-trust-brands-wrap ul li.tb-netflix span{width:83px;background-position:-61px 0} .z-trust-brands-wrap ul li.tb-kpmg span{width:67px;background-position:-144px 0} .z-trust-brands-wrap ul li.tb-discovery-com span{width:115px;background-position:-211px 0} .z-trust-brands-wrap ul li.tb-facebook span{width:94px;background-position:-326px 0} .z-trust-brands-wrap ul li.tb-suzuki span{width:31px;background-position:-420px 0} .z-trust-brands-wrap ul li.tb-sodexo span{width:101px;background-position:-451px 0} .z-trust-brands-wrap ul li.tb-renault span{width:112px;background-position:-552px 0} .z-trust-brands-wrap ul li.tb-hp span{width:36px;background-position:-664px 0} .z-trust-brands-wrap ul li.tb-db-schenker span{width:117px;background-position:-700px 0} .z-trust-brands-wrap ul li.tb-benchmark span{width:120px;background-position:-817px 0} .z-trust-brands-wrap ul li.tb-hyatt span{width:108px;background-position:-937px 0} .z-trust-brands-wrap ul li.tb-edureka span{width:112px;background-position:0 -40px} .z-trust-brands-wrap ul li.tb-mahindra span{width:122px;background-position:-112px -40px} .z-trust-brands-wrap ul li.tb-bata span{width:81px;background-position:-234px -40px} .z-trust-brands-wrap ul li.tb-benchmark span{width:116px;background-position:-315px -40px} .z-trust-brands-wrap ul li.tb-loreal span{width:106px;background-position:-431px -40px} .z-trust-brands-wrap ul li.tb-manning-global span{width:81px;background-position:-537px -40px} .z-trust-brands-wrap ul li.tb-royal-sundaram span{width:122px;background-position:-618px -40px} .z-trust-brands-wrap ul li.tb-ginger-ray span{width:86px;background-position:-740px -40px} .z-trust-brands-wrap ul li.tb-library span{width:115px;background-position:-826px -40px} .z-trust-brands-wrap ul li.tb-michigan span{width:34px;background-position:-941px -40px} .z-trust-brands-wrap ul li.tb-hdfc-life span{width:61px;background-position:-975px -40px} .z-trust-brands-wrap ul li.tb-change span{width:112px;background-position:0 -80px} .z-trust-brands-wrap ul li.tb-tata span{width:133px;background-position:-112px -80px} .z-trust-brands-wrap ul li.tb-projects span{width:83px;background-position:-162px -80px} .z-trust-brands-wrap ul li.tb-amazon span{width:85px;background-position:-245px -80px} .z-trust-brands-wrap ul li.tb-columbia-univ span{width:190px;background-position:-330px -80px} .z-trust-brands-wrap ul li.tb-air-canada span{width:157px;background-position:-520px -80px} .z-trust-brands-wrap ul li.tb-capgemini span{width:88px;background-position:-677px -80px} .z-trust-brands-wrap ul li.tb-bindo span{width:88px;background-position:-765px -80px} .z-trust-brands-wrap ul li.tb-citrix span{width:70px;background-position:-853px -80px} .z-trust-brands-wrap ul li.tb-pearson span{width:104px;background-position:-923px -80px} .z-trust-brands-wrap ul li.tb-losangels-times span{width:159px;background-position:0 -120px} .z-trust-brands-wrap ul li.tb-cityof-philadelphia span{width:117px;background-position:-159px -120px} .z-trust-brands-wrap ul li.tb-times-internet span{width:177px;background-position:-276px -120px} .z-trust-brands-wrap ul li.tb-apollo span{width:40px;background-position:-453px -120px} .z-trust-brands-wrap ul li.tb-truelogic span{background-position: -398px -160px;width: 140px;} .z-trust-brands-wrap ul li.tb-contextabpo span{background-position: -280px -160px;width: 116px;} .z-trust-brands-wrap ul li.tb-asianbge span{background-position: -542px -160px;width: 106px;} .z-trust-brands-wrap ul li.tb-planet1world span{ background-position: -652px -160px;width: 116px;} .z-trust-brands-wrap ul li.tb-esquireinternational span{background-position: -782px -158px;width: 130px;} .z-trust-brands-wrap ul li.tb-grab span{background-position: -916px -158px;width: 90px;} .z-trust-brands-wrap ul li.tb-esco span{background-position: -116px -160px;width: 160px;} /* TRUST BRAND SEC CSS ENDS */ /* CUSTOMER TEST VIDEO SEC STARTS */ .banner-testimonial-wrap a{cursor:pointer;display:block;color:#fff;position:relative} .testimonial-video-detail{position:absolute;width:90%;left:5%;bottom:10%;z-index:2} .testimonial-video-detail .z-customer-quote{margin-bottom:10px;line-height:1.5} .testimonial-video-detail p{margin:0;font-size:12px;padding-right:70px} .testimonial-video-detail p span{font-size:14px;font-family:proxima_novasemibold,Arial,Helvetica,sans-serif} .testimonial-video-detail span.play-video-btn{background:#f0483e;font-size:12px;padding:3px 10px 3px 25px;text-transform:uppercase;bottom:5px;position:absolute;right:0} .testimonial-video-detail span.play-video-btn:before{border-color:transparent transparent transparent #fff;border-style:solid;border-width:5px 0 5px 8px;content:"";height:0;left:8px;position:absolute;top:7px;width:0} .banner-testimonial-wrap .poster-wrap:before{content:" ";position:absolute;width:100%;height:98%;left:0;top:0;z-index:1;background:rgba(0,0,0,0);background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.73) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.73)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.73) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.73) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.73) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.73) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000',GradientType=0)} /* CUSTOMER TEST VIDEO SEC STARTS ENDS*/ .zp-bundle {cursor: pointer;} .zh-zoho-one-promo-sec .zh-zoho-one-cont{width: 80%;} .i18n-ar .zh-zoho-one-promo-sec .zh-zoho-one-cont{padding-right: 50px;} /*** promotional banner ***/ .zpromotion{background: #ffe2b1;position:relative;display:none;margin-bottom: 20px;} .ccode-au .zpromotion{display:block;} .other-lang .zpromotion{display:none !important;} .zpromotion p{font-size:16px;text-align:center;padding:10px;margin:0;font-family:proxima_novasemibold} span.zpremoclose{position:absolute;right:22px;top:13px;width:20px;height:20px;opacity:1;border-radius:50%;font-size:0;cursor:pointer} .zpremoclose:before,.zpremoclose:after{position:absolute;left:9px;content:' ';height:11px;width:2px;background-color:#0a0000;top:5px} .zpremoclose:before{transform:rotate(45deg)} .zpremoclose:after{transform:rotate(-45deg)} /*** promotional banner ***/ .zp-main-workdrive a>span{background-position: -706px 0;} /*-------New label for workdrive--------*/ .zp-main-apps.zp-main-workdrive{position:relative} .zp-main-apps.zp-main-workdrive>span{left: 0;padding: 0 5px;background: #fef07d;font-size: 11px;top: 8px;color: #c46b0c;text-transform: uppercase;position: absolute;font-family: proxima_novasemibold;} /*-------New label for workdrive--------*/ /* FOOTER CSS FOR OTHER LANGUAGES */ //.other-lang .common-links {padding: 40px 0;margin: 30px auto;} .other-lang .common-links:before {height: 0;} /* FOOTER CSS FOR OTHER LANGUAGES ENDS */ .i18n-en .zcustomer-section-part .content-wrap .banner-testimonial-wrap.banner-testimonial-wrap-nl{display:none} .other-lang.i18n-nl .zcustomer-section-part{display:block} .other-lang.i18n-nl .zcustomer-section-part .content-wrap .banner-testimonial-wrap.banner-testimonial-wrap-en,.other-lang.i18n-nl .zcustomer-section-part .tp-lists{display:none!important} .other-lang.i18n-nl .zcustomer-section-part .content-wrap{max-width:580px} .other-lang.i18n-nl .zcustomer-section-part .content-wrap .banner-testimonial-wrap.banner-testimonial-wrap-nl,.other-lang.i18n-nl .zcustomer-section-part .content-wrap .z-trust-brands-wrap{display:block;width:100%} .other-lang.i18n-nl .zcustomer-section-part div.z-trust-brands-wrap{padding:30px 0 0;text-align:center} /*** styles for NL ***/ .other-lang.i18n-nl .zcustomer-section-part{padding:80px 0 20px} .other-lang.i18n-nl .zcustomer-section-part h2{text-align:center;padding:0 20px;margin:0} .other-lang.i18n-nl .zcustomer-section-part .banner-testimonial-wrap{width:45%} .other-lang.i18n-nl .banner-testimonial-wrap a{cursor:pointer;display:block;color:#fff;position:relative} .other-lang.i18n-nl .testimonial-video-detail{position:absolute;width:90%;left:5%;bottom:10%;z-index:2} .other-lang.i18n-nl .testimonial-video-detail .z-customer-quote{margin-bottom:10px;line-height:1.5} .other-lang.i18n-nl .testimonial-video-detail span.play-video-btn{background:#f0483e;font-size:12px;padding:3px 10px 3px 25px;text-transform:uppercase;bottom:5px;position:absolute;right:0} .other-lang.i18n-nl .testimonial-video-detail .z-customer-quote{margin-bottom:10px;line-height:1.5} .other-lang.i18n-nl .testimonial-video-detail p span{font-size:14px;font-family:proxima_novasemibold,Arial,Helvetica,sans-serif} .other-lang.i18n-nl .testimonial-video-detail p{margin:0;font-size:12px;padding-right:70px} .other-lang.i18n-nl .testimonial-video-detail span.play-video-btn:before{border-color:transparent transparent transparent #fff;border-style:solid;border-width:5px 0 5px 8px;content:"";height:0;left:8px;position:absolute;top:7px;width:0} .other-lang.i18n-nl .z-trust-brands-wrap a.more-detail-link{font-size:14px;text-transform:uppercase;text-decoration:underline;display:inline-block;font-family:proxima_novasemibold} /*** styles for NL ***/ @media only screen and (min-width: 1200px) and (max-width: 1399px){ .zoho-apps-category ul li.zp-contactmanager{padding:30px 0px 10px;} .zp-main-apps.zp-main-workdrive>span{top:8px;} } @media only screen and (min-width: 768px) and (max-width:1100px) { .region-promo ul li{min-height:180px} .zlang-container .zlang-container-inner{width:200px} .zlang-container ul li{width:100%} } @media only screen and (max-width: 991px) and (min-width: 768px) { .region-promo ul{padding:0} .zoho-bundles-section-wrap .content-wrap>div{min-height:220px} /*.other-lang .zoho-bundles-section-wrap .content-wrap>div{width:48%}*/ .lang-ar .zoho-bundles-section-wrap .content-wrap>div{padding:60px 160px 40px 20px} .zh-zoho-one-promo-sec .zh-zoho-one-cont{width: 100%;} .featured-section-wrap .content-wrap {padding: 0 0 25px;} } @media only screen and (min-width:768px) and (max-width:991px) { .zcustomer-section-part .content-wrap{max-width:550px} .zcustomer-section-part .content-wrap .banner-testimonial-wrap,.zcustomer-section-part .content-wrap .z-trust-brands-wrap{display:block;width:100%} .zcustomer-section-part div.z-trust-brands-wrap{padding:50px 0 0;text-align:center} .z-trust-brands-wrap ul li{display:inline-block;width:auto;margin:0 25px} } @media only screen and (max-width: 767px) { /*header styles starts*/ .zh-user-account a{padding:10px 10px;font-size:14px} .zh-header-wrap{width:100%} .zh-header-wrap:before{display:none} .zoho-logo-zh{display:block;max-width:130px} .zh-banner-wrap h1{font-size:40px} .zoho-bundles-section-wrap .content-wrap{padding-top:0} .featured-section-wrap .content-wrap{padding:0;margin:0 auto 60px} /*header styles end*/ .zcustomer-section-part .content-wrap{max-width:450px} .zcustomer-section-part div.zcustomer-video-part,.zcustomer-section-part div.z-trust-brands-wrap{display:block;width:100%} .zcustomer-section-part .z-trust-brands-wrap{padding:0;text-align:center} .z-trust-brands-wrap ul{margin-bottom:20px} .z-trust-brands-wrap ul li{display:inline-block;width:auto;margin:15px 20px} .z-trust-brands-wrap ul li span{margin-bottom:0} .banner-testimonial-wrap .poster-wrap:before{height:97%} .z-customer-quote{padding:20px;text-align:center} .featured-section-wrap .featured-title{top:30px} .other-lang .common-links ul li{margin:0 auto 10px;font-size:12px} .other-lang .common-links .zlang-container-inner ul li{margin:0} .zp-main-apps.zp-main-analytics>span{position:absolute;left:0;top:0} .other-lang .region-promo ul{max-width:400px;margin:10px auto 10px;overflow:hidden} .other-lang .region-promo ul li{width:50%;max-width:200px} .region-promo ul li{padding:30px 0 0} .other-lang .region-promo ul li:first-child,.other-lang .region-promo ul li:nth-child(2){padding-top:20px;margin-bottom:20px} .other-lang li.zp-main-apps a strong{padding:0 3px;height:12px;line-height:13px} .zlang-container .zlang-container-inner{width:200px} .zlang-container ul li{width:100%} .zpromotion p{font-size:13px;line-height: 1.2;padding: 10px 40px 10px 10px;} span.zpremoclose{right:10px;} .zh-zoho-one-promo-sec .zh-zoho-one-cont{width: 100%;} .sales-marketing ul li:last-child,.email-collaboration ul li:last-child{border-bottom:1px solid #fff;} .it-help-desk ul li:nth-child(6), .it-help-desk ul li:nth-child(7), .it-help-desk ul li:nth-child(8){border-bottom:1px solid #f5f5f5;} .zoho-apps-category ul li.zp-checkout,.custom-solutions ul li:nth-child(4),.it-help-desk ul li:last-child{border-bottom:1px solid #fafafa;} .zp-main-apps.zp-main-workdrive>span{right: 10px;left:unset;font-size:10px;top:20px;} .IE .zp-main-apps.zp-main-workdrive>span{left:50px;right:unset;} } @media only screen and (max-width: 480px) { .other-lang .zh-user-account a{font-size:10px} .zh-user-account a.zh-customers{display:none} .zh-user-account a{font-size:12px;padding:10px 6px} .other-lang .region-promo ul{padding:0} .other-lang .footer-sec-wrap .common-links ul{display:block} .testimonial-video-detail p span,.testimonial-video-detail p{font-size:11px} .z-trust-brands-wrap ul li:nth-child(n+5){display:none} .zcustomer-section-part{padding:40px 0 0} .common-links.common-links-js>.ZPprivacy{display:none} .lang-jp .zlang-container .zlang-container-inner{width:190px} .zh-zoho-one-promo-sec .content-wrap{padding: 40px 20px 40px;} .zp-main-apps.zp-main-workdrive>span{right: 20px;top:25px;} .IE .zp-main-apps.zp-main-workdrive>span{left:50px;right:50px;} } @media only screen and (max-width: 360px) { .other-lang .zh-user-account a{font-size: 9px;padding: 10px 4px;} } @media only screen and (min-width: 481px) { .zlang-container .zlang-container-inner {bottom: 20px;} } /**** Arabic RTL Style *****/ .i18n-ar .zh-header-wrap .zh-user-account { text-align: left; } .i18n-ar .zh-banner-wrap h1, .i18n-ar .zh-banner-wrap h1+p, .i18n-ar .zoho-apps-category ul li label { text-align: center; } .i18n-ar .region-promo .promo-appicon { left: auto; right: 30px; } .i18n-ar .region-promo .promotion-app { background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(249, 249, 249, 0.23) 33%, rgba(249, 249, 249, 1) 100%); background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(249, 249, 249, 0.23) 33%, rgba(249, 249, 249, 1) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(249, 249, 249, 0.23) 33%, rgba(249, 249, 249, 1) 100%); } .i18n-ar .region-promo .promotion-app a { padding: 60px 170px 60px 20px; } .i18n-ar .region-promo ul li span, .i18n-ar .zoho-apps-category ul li a small { left: auto; right: 0; } .i18n-ar .region-promo ul li span{top:0;} .i18n-ar .region-promo ul li, .i18n-ar .zoho-bundles-section-wrap .content-wrap>div { text-align: right; float: right; } .i18n-ar .region-promo ul a, .i18n-ar .zcustomer-section-part .z-trust-brands-wrap { padding: 0 80px 0 0; } .i18n-ar .zoho-apps-category ul li a{text-align:center;} .i18n-ar .zp-bundle:before { left: auto; right: 10px; } .i18n-ar .zoho-apps-category { border-left: 1px solid #e5e5e5; border-right: none; } .i18n-ar .zoho-apps-category:nth-child(3n) { border-left: none; padding-left: 0; } .i18n-ar .zoho-apps-category ul li { border-right: none; border-left: 1px solid #f5f5f5; } .i18n-ar .zoho-apps-category ul li:nth-child(2), .i18n-ar .zoho-apps-category ul li:nth-child(5), .i18n-ar .zoho-apps-category ul li:nth-child(8), .i18n-ar .zoho-apps-category ul li:nth-child(11), .i18n-ar .zoho-apps-category ul li:nth-child(14) { border-left: none; } .i18n-ar .zoho-apps-category { padding: 30px 20px 40px; } .i18n-ar .zoho-apps-category:nth-child(3n+1) { padding-right: 0; } .i18n-ar .testimonial-video-detail span.play-video-btn { right: auto; left: 0; } .i18n-ar .testimonial-video-detail p { padding: 0 0 0 70px; } .i18n-ar .zh-bottom-promo-section .content-wrap>div:nth-child(3) h5 a, .i18n-ar .zh-bottom-promo-section .content-wrap>div:last-child h5 a { padding: 0 40px 0 0px; } .i18n-ar .zh-bottom-promo-section .content-wrap>div:nth-child(3) h5 a:before, .i18n-ar .zh-bottom-promo-section .content-wrap>div:last-child h5 a:before { left: auto; right: 0; } @media only screen and (max-width: 1199px) and (min-width: 768px) { .i18n-ar .zoho-apps-category:nth-child(3n) { border-left: 1px solid #e5e5e5; } .i18n-ar .zoho-apps-category:nth-child(2n) { border-left: none; } .zp-main-apps.zp-main-workdrive>span{top:8px;} } @media only screen and (max-width: 991px) and (min-width: 768px){ .i18n-ar .zh-zoho-one-promo-sec .zh-zoho-one-cont {padding-right: 0px;} .i18n-ar .zp-bundle:before{right:40px;} } @media only screen and (max-width:767px) { .i18n-ar .zoho-bundles-section-wrap .content-wrap>div { padding: 30px 160px 30px 0; float: none; } .i18n-ar .zoho-apps-category:nth-child(3n+1) { padding-right: 20px; } .i18n-ar .zoho-apps-category:nth-child(3n) { padding-left: 20px; } .i18n-ar .region-promo ul a{text-align:center;padding: 0 40px 0 40px;} .i18n-ar .region-promo .promotion-app a {padding: 150px 10px 60px 10px;} .i18n-ar .zh-zoho-one-promo-sec .zh-zoho-one-cont {padding-right: 0px;} .i18n-ar .zp-bundle:before{right:40px;} .i18n-ar .region-promo .promo-appicon {left: 0; right: 0;} .i18n-ar .region-promo .promotion-app a div, .i18n-ar .region-promo .promotion-app a h3, .i18n-ar .region-promo .promotion-app a div p, .i18n-ar .zh-zoho-one-promo-sec .zh-zoho-one-cont p, .i18n-ar .zh-zoho-one-promo-sec .content-wrap>div, .i18n-ar .zh-zoho-one-promo-sec .zh-zoho-one-cont, .i18n-ar .region-promo ul li {text-align:center;} } @media only screen and (max-width:480px) { .i18n-ar .zoho-bundles-section-wrap .content-wrap>div { padding: 120px 30px 40px; } .i18n-ar .zh-zoho-one-promo-sec .content-wrap>div, .i18n-ar .zoho-bundles-section-wrap .content-wrap>div, .i18n-ar .zoho-bundles-section-wrap .content-wrap>div h4, .i18n-ar .zoho-bundles-section-wrap .content-wrap>div p { text-align: center; } .i18n-ar .zp-bundle:before { left: 50%; right: auto; } } /**** Arabic RTL Style *****/ /*IE 11 hack*/ body.IE .zh-header-wrap:before{background: url(/sites/default/files/zoho_general_pages/zohohome/zoho-logo-120.png) no-repeat 0 0/auto 40px;} body.IE .zh-header-wrap .zoho-logo{background: url(/sites/default/files/zoho_general_pages/zohohome/zoho-logo-120.png) no-repeat 0 0/auto 40px;} body.IE .zh-zoho-one-promo-sec .zh-zoho-one-logo a span:after{background: url(/sites/default/files/zoho_general_pages/zohohome/zoho-logo-120.png) left top no-repeat;background-size:90%;} body.IE .zgh-localization{vertical-align: middle} @media only screen and (max-width: 1199px) and (min-width: 992px){ body.IE .zcustomer-section-part .banner-testimonial-wrap-en, body.IE .z-trust-brands-wrap{display:inline-block;width:45%;} } @media only screen and (max-width: 767px){ body.IE .zcustomer-section-part .banner-testimonial-wrap-en{display:block;width:100%;} } /*IE 11 hack*/ /*----MS Edge Browser CSS Start----*/ _:-ms-lang(x), _:-webkit-full-screen, .zh-header-wrap .zoho-logo{background: url(/sites/default/files/zoho_general_pages/zohohome/zoho-logo-120.png) no-repeat 0 0/auto 40px !important;} _:-ms-lang(x), _:-webkit-full-screen, .zh-header-wrap:before{background: url(/sites/default/files/zoho_general_pages/zohohome/zoho-logo-120.png) no-repeat 0 0/auto 40px;} _:-ms-lang(x), _:-webkit-full-screen, .zh-zoho-one-promo-sec .zh-zoho-one-logo a span:after{background: url(/sites/default/files/zoho_general_pages/zohohome/zoho-logo-120.png) left top no-repeat;background-size:90%;} /*----MS Edge Browser CSS End----*/ /*** Zoholics banner style start ***/ .zoholics-outer-wrap { max-width: 1170px; width: 90%; margin: 60px auto; border: 1px solid #eee; position: relative; overflow: hidden; display: none; } .zoholics-outer-wrap > a { display: inline-block; width: 100%; padding: 30px 160px 30px 50px; vertical-align: middle; position: relative; } .zoholics-bg-left { position: absolute; left: 0; max-width: 140px; bottom: 0; } .zoholics-bg-right { max-width: 250px; right: 0; top: 0; position: absolute; } .zoholics-inner-content { overflow: hidden; } .zoholics-outer-wrap .event-date-wrap { float: left; width: 25%; text-align: center; margin-top: 20px; } .zoholics-outer-wrap img.zoholics-logo { max-width: 216px; display: block; margin: 0 auto 5px; width: 100%; } .zoholics-outer-wrap span.event-date { color: #000; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; } .zoholics-outer-wrap span.sep { color: #9c9c9c; } .zoholics-outer-wrap .event-desc-wrap { float: left; width: 75%; padding-left: 7%; box-sizing: border-box; } .zoholics-outer-wrap .event-desc-wrap p { font-size: 24px; color: #000; font-family: proxima_novasemibold; line-height: 1.5; max-width: 560px; margin-bottom: 15px; } .zoholics-outer-wrap .button { padding: 9px 30px; display: inline-block; line-height: 1.6; font-size: 14px; font-family: proxima_novasemibold; } .ccode-ca .zoholics-us-canada, .ccode-us .zoholics-us-canada{display:block;} .ccode-mx .zoholics-mexico{display:block;} @media only screen and (max-width:1200px){ .zoholics-outer-wrap .event-desc-wrap p { font-size: 21px; max-width: 500px; } .zoholics-outer-wrap .event-date-wrap { width: 28%; } .zoholics-outer-wrap .event-desc-wrap { width: 72%; } } @media only screen and (max-width:1100px){ .zoholics-outer-wrap .event-desc-wrap p { max-width: 450px; } .zoholics-outer-wrap.zoholics-mexico .event-desc-wrap p { max-width: 420px; font-size: 18px; } } @media only screen and (max-width:1100px) and (min-width:992px){ .zoholics-outer-wrap span.event-date { font-size: 12px; } } @media only screen and (max-width:991px){ .zoholics-outer-wrap span.event-date { font-size: 14px; } .zoholics-outer-wrap > a > img { display: none; } .zoholics-outer-wrap > a { padding: 30px 20px 30px 20px; } .zoholics-outer-wrap { max-width: 570px; } .zoholics-outer-wrap .event-date-wrap { float: none; margin: 0 auto; width: 270px; } .zoholics-outer-wrap .event-desc-wrap { float: none; width: 100%; text-align: center; padding:0; } .zoholics-outer-wrap .event-desc-wrap p { font-size: 16px; font-family: proxima_nova_rgregular; max-width: 380px; margin: 20px auto 25px; } } /*** Zoholics banner style end ***/ @media only screen and (max-width:480px){ .featured-section-wrap .region-promo ul li:first-child, .featured-section-wrap .region-promo ul li:nth-child(2){margin-bottom: 0;} } @media only screen and (min-width:1090px) and (max-width:1270px){ .i18n-en .featured-section-wrap .region-promo .promotion-app{width:40%;} .i18n-en .featured-section-wrap .region-promo ul{width:60%;} }