.footer-zohologo {
     display: none;
 }
 /* RESET CSS PART */
 
 html,
 body,
 div,
 span,
 iframe,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 blockquote,
 a,
 address,
 big,
 cite,
 code,
 em,
 img,
 ins,
 small,
 strike,
 strong,
 sub,
 sup,
 b,
 u,
 i,
 center,
 ol,
 ul,
 li,
 fieldset,
 form,
 label,
 legend {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     vertical-align: baseline;
     background: transparent;
 }
 
 ol,
 ul {
     list-style: none;
 }
 
 blockquote,
 q {
     quotes: none;
 }
 
 :focus {
     outline: 0;
 }
 
 ins {
     text-decoration: none;
 }
 
 del {
     text-decoration: line-through;
 }
 
 table {
     border-collapse: collapse;
     border-spacing: 0;
 }
 
 article,
 aside,
 footer,
 header,
 hgroup,
 nav,
 section {
     display: block;
 }
 
 a {
     border: none;
     text-decoration: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     -webkit-tap-highlight-color: transparent;
 }
 
 img {
     max-width: 100%;
 }
 /*/////////////////////////////////////////////////         COADING PART STARTS         /////////////////////////////////////////////////*/
 
 body {
     font-family: var(--zf-primary-regular), Arial, Helvetica, sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     text-rendering: optimizeLegibility;
     background: #f9f9f9;
     -webkit-text-size-adjust: none;
     font-weight: inherit;
 }
 
 .we-build h1,
 .twentyfour-plus p,
 .content-highlighted p,
 .our-story h2 span,
 .page-heading h1,
 .name-part h2,
 .googleapps-lists h2,
 .case-studies li,
 .case-studies li p,
 .gapps-testimonial li p,
 .detail-content h2,
 .parter-bullet-point h3,
 .madeinindia-banner h2,
 .gapps-testimonial li p,
 .press-release h2 {
     font-family: var(--zf-primary-light), Arial, Helvetica, sans-serif;
     font-weight: inherit;
 }
 
 .apps-tab a,
 .catagory-mobapps li h4,
 .aboutus-additional h3,
 .extra-aboutus h2,
 .download-part h2,
 .enquiries h5,
 .address h3,
 .googleapps-part h1,
 .integration-products h5,
 .integration-products li a,
 .integrated-details h2,
 .integration-features h4,
 .gapps-testimonial h2,
 .zoho-timeline p span,
 .zoho-timeline h2,
 .zoho-timeline h2 a,
 .marketplace-logo,
 .developer-logo,
 .pc-world p span,
 .zoholics a,
 .partnerMain .more-info,
 .partner-menu h4,
 .partner-menu h4 a,
 .parter-bullet-point h4,
 .apply-now a,
 .apply-now span a,
 .parter-bullet-point h5,
 .all-partners li a,
 .footer-links li,
 .extra-aboutus h2,
 .download-part h2,
 .press-content-container h1,
 .press-content-container h2,
 .press-content-container h2,
 .timeline-continues h3,
 .partner-menu li,
 .menu li a,
 .our-story h2,
 .formats a,
 .address h4,
 .integration-products li a {
     font-family: var(--zf-primary-semibold), Arial, Helvetica, sans-serif;
     font-weight: inherit;
 }
 
 .signing .signin,
 .signing .signup,
 .getstarted-box a,
 .getstarted-box a,
 .mob-apps-cont h2,
 .viewall a,
 .newsletter .subscribe,
 .contact-form .submit input,
 .try-it a,
 .bannerInner h1,
 .parter-bullet-point h3 span,
 .zoho-timeline h2,
 .zoho-timeline h2 a,
 .address h2,
 .press-release h5,
 .press-release h5 a,
 .zoho-timeline .yearof {
     font-family: var(--zf-primary-bold), Arial, Helvetica, sans-serif;
     font-weight: inherit;
 }
 
 @media screen and (-webkit-min-device-pixel-ratio:0) {
     body {
         text-rendering: optimizeSpeed;
     }
 }
 
 .whitebg {
     background: #fff;
 }
 
 .align-980 {
     max-width: 980px;
     margin: 0 auto;
 }
 
 p {
     font-family: var(--zf-primary-regular), Arial, Helvetica, sans-serif;
     font-size: 15px;
     color: #666;
 }


 /* HEADER PART STARTS */
 
 .fixed-header {
     position: fixed;
     top: 0;
     z-index: 999;
 }
 
 
 .floating-iconic-menu .logo a {
     width: 90px;
     height: 34px;
     background-position: 0 -62px;
 }
 
 .getstarted-box {
     max-width: 240px;
     margin: 0 auto;
 }
 
 .getstarted-box a {
     color: #FFFFFF;
     background: #F0483E;
     display: inline-block;
     font-size: 16px;
     height: 46px;
     line-height: 46px;
     padding: 3px 40px;
     text-align: center;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
     text-transform: uppercase;
 }
 
 .getstarted-box span {
     font-size: 14px;
     color: #666;
     padding-top: 10px;
     display: inline-block;
     text-align: center;
 }
 /*.hides {
	opacity: 0;
	visibility: hidden;
}
*/
 
 .mobile-menu {
     overflow: auto;
 }
 
 .mobile-holder {
     z-index: 99999;
     top: 52px;
     width: 100%;
     position: fixed;
     transition: .7s ease;
     -moz-transition: .7s ease;
     -webkit-transition: .7s ease;
     -o-transition: .7s ease;
     -ms-transition: .7s ease;
     transform: translateX(-100%);
     -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     -o-transform: translateX(-100%);
 }
 
 .mobile-holder.move {
     transform: translateX(0%);
     -webkit-transform: translateX(0%);
     -moz-transform: translateX(0%);
     -ms-transform: translateX(0%);
     -o-transform: translateX(0%);
 }
 
 .mobile-sub-holder {
     height: 100%;
     overflow-x: hidden;
     position: relative;
     width: 100%;
     -webkit-overflow-scrolling: touch;
     -moz-overflow-scrolling: touch;
     -o-overflow-scrolling: touch;
     -ms-overflow-scrolling: touch;
 }
 
 .wrapp {
     width: 100%;
     height: 2000px;
 }
 /* MOBILE DROP DOWN LISTS STARTS */
 /* HEADER PARTS ENDS  */
 /* MOBILE APPS PART */
 
 .apps-tab-bar {
     background: none repeat scroll 0 0 #fff;
     overflow: hidden;
     padding: 120px 0 10px;
 }
 
 .apps-tab {
     background: none repeat scroll 0 0 #F7F7F7;
     margin: 0 auto;
     max-width: 260px;
     overflow: auto;
 }
 
 .apps-tab a {
     float: left;
     width: 128px;
     display: block;
     font-size: 12px;
     color: #555;
     border: 1px solid #c2c2c2;
     padding: 12px 0;
     text-align: center;
     text-transform: uppercase;
 }
 
 .apps-tab .selected {
     border: 1px solid #1894ea;
     color: #1894ea;
     background: #fff;
 }
 
 .mob-apps-section {
     overflow: hidden;
     width: 100%;
 }
 
 .mob-apps-cont {
     width: 35%;
     float: left;
     padding: 130px 5% 140px 0;
     margin-left: 8%;
 }
 
 .mob-apps-cont h2 {
     color: #000;
     display: block;
     font-size: 100px;
     letter-spacing: -6px;
     line-height: 80px;
     padding-bottom: 20px;
     text-transform: uppercase;
 }
 
 .mob-apps-cont h2 span {
     color: #333333;
     display: block;
     font-size: 27px;
     letter-spacing: -0.5px;
     line-height: 36px;
     padding: 15px 0 0;
     text-transform: none;
 }
 
 .mob-apps-cont p {
     color: #666;
     font-size: 18px;
     line-height: 28px;
 }
 
 .mob-apps-cont p em {
     border-bottom: 1px solid #999;
     display: block;
     margin: 25px 0 0;
     width: 40px;
 }
 
 .store-icon {
     margin: 0 0 25px;
     overflow: hidden;
     width: 180px;
     opacity: 0.7;
     display: none;
 }
 
 .store-icon span {
     background-repeat: no-repeat;
     border-left: 1px solid rgba(0, 0, 0, 0.15);
     display: block;
     float: left;
     height: 35px;
     margin-right: 15px;
     padding-left: 20px;
     text-align: center;
     text-indent: -99999px;
     width: 35px;
 }
 
 .store-icon span:first-child {
     border-left: none;
     padding-left: 0;
 }
 
 .store-icon span:last-child {
     margin-right: 0;
 }
 
 .store-icon .apple-icon {
     background-position: -325px -195px
 }
 
 .store-icon .gplay-icon {
     background-position: -261px -195px;
     width: 30px;
 }
 
 .store-icon .windows-icon {
     background-position: -261px -227px;
 }
 /* CATAGORY PART MOBILE APPS */
 
 .catagory-mobapps-part {
     position: relative;
     margin: 0 auto;
 }
 
 .look-down {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     height: 100px;
     left: 50%;
     margin: 0 auto 0 -50px;
     position: absolute;
     top: -50px;
     width: 100px;
     cursor: pointer;
     background: #fff;
 }
 
 .look-down span {
     background-position: -360px -195px;
     width: 30px;
     height: 35px;
     display: block;
     text-indent: -9999em;
     margin: 32px auto;
     opacity: 0.6;
 }
 
 .catagory-mobapps.first-child {
     border-top: medium none;
     padding: 140px 0 40px;
 }
 
 .catagory-mobapps {
     padding: 80px 0 50px;
     border-top: 1px solid #e2e2e2;
     overflow: hidden;
     text-align: center;
 }
 
 .catagory-mobapps h2 {
     color: #000;
     font-size: 30px;
     letter-spacing: -1px;
     line-height: 38px;
     margin-bottom: 15px;
 }
 
 .catagory-mobapps p {
     color: #666;
     font-size: 14px;
     line-height: 22px;
     max-width: 800px;
     margin: 0 auto 70px;
 }
 
 .catagory-mobapps p em {
     border-bottom: 1px solid #ccc;
     display: none;
     margin: 20px auto 35px;
     width: 50px;
 }
 
 .catagory-mobapps .mob-sm,
 .catagory-mobapps .mob-cs,
 .catagory-mobapps .mob-ec,
 .catagory-mobapps .mob-fin,
 .catagory-mobapps .mob-hr,
 .catagory-mobapps .mob-cp {
     overflow: hidden;
     max-width: 640px;
     margin: 0 auto;
 }
 
 .catagory-mobapps li {
     display: inline-block;
     float: none;
     padding: 0 25px;
     position: relative;
     transition: all 0.7s ease 0s;
     margin-bottom: 30px;
 }
 
 .catagory-mobapps li span {
     background-repeat: no-repeat;
     height: 65px;
     width: 65px;
     margin: 0 auto 20px;
     display: block;
     text-indent: -99999px;
 }
 
 .catagory-mobapps .mobile-mail {
     background-position: -260px -196px;
 }
 
 .catagory-mobapps .mobile-crm {
     background-position: 0 0;
 }
 
 .catagory-mobapps .mobile-leads {
     background-position: -130px 0;
 }
 
 .catagory-mobapps .mobile-card-scanner {
     background-position: -195px 0;
 }
 
 .catagory-mobapps .mobile-survey {
     background-position: -65px 0;
 }
 
 .catagory-mobapps .mobile-campaigns {
     background-position: -325px 0;
 }
 
 .catagory-mobapps .mobile-contactmanager {
     background-position: -260px 0;
 }
 
 .catagory-mobapps .mobile-support {
     background-position: 0 -65px;
 }
 
 .catagory-mobapps .mobile-assist {
     background-position: -65px -65px;
 }
 
 .catagory-mobapps .mobile-books {
     background-position: -130px -65px;
 }
 
 .catagory-mobapps .mobile-invoice {
     background-position: -195px -65px;
 }
 
 .catagory-mobapps .mobile-people {
     background-position: -260px -65px;
 }
 
 .catagory-mobapps .mobile-creator {
     background-position: -325px -65px;
 }
 
 .catagory-mobapps .mobile-docs {
     background-position: 0 -130px;
 }
 
 .catagory-mobapps .mobile-docscanner {
     background-position: -65px -130px;
 }
 
 .catagory-mobapps .mobile-firstdraft {
     background-position: -195px -130px;
 }
 
 .catagory-mobapps .mobile-showmote {
     background-position: -130px -130px;
 }
 
 .catagory-mobapps .mobile-writer {
     background-position: -260px -130px;
 }
 
 .catagory-mobapps .mobile-docomment {
     background-position: -195px -195px;
 }
 
 .catagory-mobapps .mobile-projects {
     background-position: -325px -130px;
 }
 
 .catagory-mobapps .mobile-taskz {
     background-position: -130px -195px;
 }
 
 .catagory-mobapps .mobile-connect {
     background-position: -65px -195px;
 }
 
 .catagory-mobapps .mobile-vault {
     background-position: -0 -195px;
 }
 
 .catagory-mobapps .mobile-social {
     background-position: -390px -66px;
 }
 
 .catagory-mobapps li h4 {
     color: #333;
     font-size: 14px;
     line-height: 26px;
     margin: 0 0 10px;
     text-transform: uppercase;
 }
 
 .catagory-mobapps h4 a {
     color: #333;
 }
 
 .catagory-mobapps .store-icon {
     overflow: hidden;
     width: 100%;
     text-align: center;
     margin: 0;
 }
 
 .catagory-mobapps .store-icon a {
     border-left: 1px solid rgba(0, 0, 0, 0.075);
     height: 18px;
     padding: 5px 10px;
     text-align: center;
     display: inline-block;
 }
 
 .store-icon a:first-child {
     border-left: none;
 }
 
 .catagory-mobapps .store-icon img {
     width: 18px;
     opacity: 0.6;
 }
 
 .catagory-mobapps .mob-ec {
     max-width: 650px;
     margin: 0 auto;
 }
 
 .mob-ec li {
     display: inline-block;
     float: none;
     margin-bottom: 30px;
     position: relative;
     transition: all 0.7s ease 0s;
     width: 24.5%;
     padding: 0;
 }
 
 .mob-cp,
 .mob-hr,
 .mob-fin {
     width: 100%;
 }
 
 .merged-mobile-catagory {
     overflow: hidden;
     padding: 80px 0 40px;
     background: #fff;
     border-top: 1px solid #e2e2e2;
 }
 
 .merged-mobile-catagory .catagory-mobapps {
     float: left;
     width: 40%;
     padding: 0 5%;
     border: none;
 }
 
 .merged-catagory-inner {
     max-width: 1200px;
     margin: 0 auto;
 }
 
 .mobilemenu-close {
     cursor: pointer;
     height: 24px;
     position: fixed;
     right: 10px;
     top: 70px;
     width: 24px;
     background-position: -102px -112px;
 }
 
 .mob-apps-inner {

     width: 100%;
     padding: 80px 0;
     height: 300px;
 }
 
 .mobile-menu {
     overflow: auto;
     top: auto;
 }
 /*  MOBILE APPS SECTION ENDS */
 /* ABOUT US MENU */
 
 .floating-iconic-menu {
     background: #fff;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
     z-index: 9999;
     border-bottom: 1px solid #e2e2e2;
     position: fixed;
     width: 100%;
     top: -160px;
     z-index: 999;
     left: 0;
     transition: ease 0.3s 0s;
     -moz-transition: ease 0.3s 0s;
     -webkit-transition: ease 0.3s 0s;
     -ms-transition: ease 0.3s 0s;
     -o-transition: ease 0.3s 0s;
 }
 
 .iconic-menu {
     overflow: hidden;
     width: 100%;
     background: #f5f5f5;
     transition: ease 0.7s;
     -moz-transition: ease 0.7s;
     -webkit-transition: ease 0.7s;
     -ms-transition: ease 0.7s;
     -o-transition: ease 0.7s;
     border-bottom: 1px solid #e8e8e8;
     z-index: 999;
 }
 
 .floating-iconic-menu .logo {
     display: block;
     float: none;
     left: 0;
     position: absolute;
     top: 15px;
 }
 
 .floating-iconic-menu .zoho-logo {
     width: 100%;
 }
 
 .floating-iconic-menu .signing {
     display: block;
     float: none;
     position: absolute;
     top: 17px;
     right: 20px;
 }
 
 .iconic-menu-fix {
     position: fixed;
     TOP: 0;
     background: #fff;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
     z-index: 9999;
     border-bottom: 1px solid #e2e2e2;
 }
 
 .aboutus-menu {
     margin: 0 auto;
     max-width: 630px;
     text-align: center;
     overflow: hidden;
     padding: 0 0;
     transition: ease 0.5s PADDING;
     -moz-transition: ease 0.5s PADDING;
     -webkit-transition: ease 0.5s PADDING;
     -ms-transition: ease 0.5s PADDING;
     -o-transition: ease 0.5s PADDING;
 }
 
 .floating-iconic-menu .aboutus-menu {
     max-width: 500px;
 }
 
 .partners-menu {
     max-width: 680px;
 }
 
 .aboutus-menu span {
     height: 44px;
     width: 44px;
     text-indent: 999999px;
     display: none;
     margin: 0 auto 10px;
     background-position: center 0;
     background-repeat: no-repeat;
     background-size: 45px 90px;
 }
 
 .floating-iconic-menu .aboutus-menu span {
     height: 24px;
     width: 24px;
     margin: 0 auto 10px;
     opacity: 1;
     background-size: 24px 45px;
 }
 
 .floating-iconic-menu .aboutus-menu a {
     font-size: 14px;
     margin: 0 10px;
 }
 
 .icon-hover {
     height: 24px;
     width: 24px;
     margin: 0 auto 10px;
     opacity: 1;
     background-size: 24px 45px;
 }
 
 .aboutus-menu a {
     color: #000;
     display: block;
     float: left;
     font-size: 16px;
     padding: 25px 5px;
     margin: 0 20px;
     text-align: center;
     text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 
 .aboutus-menu span {
     height: 44px;
     width: 44px;
     text-indent: 999999px;
     display: none;
     margin: 0 auto 10px;
     background-position: center 0;
     background-repeat: no-repeat;
     background-size: 45px 90px;
 }
 
 
 .aboutus-menu .selected span,
 .aboutus-menu a:hover span {
     background-position: center 100%;
 }
 
 .aboutus-menu a:hover,
 .aboutus-menu .selected {
     color: #1894ea;
     box-shadow: 0 -3px 0 0 #1894ea inset;
     -webkit-box-shadow: 0 -3px 0 0 #1894ea inset;
     -moz-box-shadow: 0 -3px 0 0 #1894ea inset;
 }
 /* WE BUILD APPS */
 
 .we-build {
     margin: 0 auto;
     max-width: 980px;
     overflow: hidden;
     padding: 80px 5% 30px;
     text-align: left;
     width: 90%;
 }
 
 .we-build h1 {
     color: #000;
     font-size: 90px;
     letter-spacing: -1px;
     line-height: 90px;
 }
 
 .we-build h1 span {
     display: block;
 }
 
 .we-build em {
     border-bottom: 5px solid #333333;
     display: block;
     margin: 30px 0 0;
     width: 80px;
 }
 
 .we-build p {
     color: #666;
     font-size: 22px;
     letter-spacing: 0;
     line-height: 32px;
     margin: 0 auto;
     max-width: 820px;
     padding: 0 0 30px;
     text-align: left;
 }
 
 .aboutus-description {
     margin: 0 auto;
     max-width: 980px;
     overflow: hidden;
     padding: 0 5% 50px;
 }
 
 .aboutus-description-left {
     float: left;
     width: 67%;
 }
 
 .page-heading p {
     color: #333;
     font-size: 18px;
     letter-spacing: 0;
     line-height: 28px;
     margin: 0 auto;
     max-width: 800px;
     padding: 25px 10%;
 }
 
 .aboutus-description p {
     color: #666;
     font-size: 18px;
     letter-spacing: 0;
     line-height: 30px;
     margin: 0 auto;
     padding: 15px 5% 20px 0;
 }
 
 .twentyfour-plus {
     border-left: 3px solid #FFCC00;
     float: left;
     margin: 120px 0 0 3%;
     padding: 0 0 0 3%;
     width: 26%;
 }
 
 .twentyfour-plus p {
     color: #333;
     font-size: 24px;
     font-weight: 400;
     letter-spacing: -0.5px;
     line-height: 34px;
     margin: 0 auto;
     max-width: 360px;
     padding: 0 0 5px;
 }
 
 .aboutus-additional {
     clear: both;
     margin: 0 auto 130px;
     max-width: 1200px;
     overflow: hidden;
     padding: 0 4%;
 }
 
 .image-content-part,
 .content-twice-part {
     padding: 70px 0%;
     overflow: hidden;
     max-width: 980px;
     margin: 0 auto;
 }
 
 .single-image-part {
     max-width: 980px;
     margin: -25px auto 0;
 }
 
 .image-twice-part {
     padding: 40px 0%;
     overflow: hidden;
     max-width: 1200px;
     margin: 0 auto;
 }
 
 .smallimage-twice-part {
     margin: 0 auto -50px;
     max-width: 1200px;
     overflow: hidden;
     padding: 50px 0 0;
 }
 
 .aboutus-additional .smallimage-twice-part li {
     padding: 0;
     line-height: 0;
     width: 50%;
     float: right;
 }
 
 .aboutus-additional .smallimage-twice-part li img {
     width: 100%;
 }
 
 .aboutus-additional li,
 .image-content-part li,
 .content-twice-part li {
     float: left;
     padding: 0 4%;
     width: 42%;
     float: left;
 }
 
 .aboutus-additional li:first-child {
     width: 46%;
     padding: 0 4% 0 0;
 }
 
 .aboutus-additional li:last-child {
     width: 46%;
     padding: 0 0 0 4%;
 }
 
 .content-twice-part li:first-child {
     width: 56%;
     padding: 0 4% 0 0;
 }
 
 .content-twice-part li:last-child {
     width: 36%;
     padding: 0 0 0 4%;
 }
 
 .smallimage-twice-part li:first-child,
 .smallimage-twice-part li:last-child {
     width: 50%;
     padding: 0 0% 0 0;
 }
 
 .aboutus-additional .image-area {
     padding: 0;
     width: 100%;
 }
 
 .aboutus-additional .image-twice-part li {
     float: left;
     width: 50%;
     padding: 0;
 }
 
 .aboutus-additional h3 {
     color: #000;
     font-size: 30px;
     letter-spacing: -1px;
     line-height: 36px;
     padding-bottom: 15px;
 }
 
 .aboutus-additional h3 span {
     display: block;
 }
 
 .aboutus-additional p {
     color: #333;
     font-size: 16px;
     line-height: 26px;
     margin-bottom: 25px;
 }
 
 .aboutus-inner-bg {
     background: #fbfbfb;
 }
 
 .aboutus-inner {
     overflow: hidden;
     transition: ease 0.5s opacity;
     -moz-transition: ease 0.5s opacity;
     -webkit-transition: ease 0.5s opacity;
     -ms-transition: ease 0.5s opacity;
     -o-transition: ease 0.5s opacity;
 }
 
 .content-highlighted .we-focus {
     margin: 20px 0 0;
 }
 
 .content-highlighted p {
     border-left: 3px solid #FFCC00;
     color: #333;
     font-size: 24px;
     font-weight: 400;
     letter-spacing: -0.5px;
     line-height: 34px;
     margin: 30px 0;
     max-width: 280px;
     padding: 0 0 5px 30px;
 }
 /* OUR STORY PART */
 
 .our-story-part {
     margin: 0 auto;
 }
 
 
 .our-story h2 {
     color: #FFFFFF;
     display: block;
     font-size: 60px;
     letter-spacing: -2px;
     line-height: 74px;
     margin-top: 0;
     padding-bottom: 0;
     text-transform: none;
 }
 
 .our-story h2 span {
     color: #FFFFFF;
     display: block;
     font-size: 24px;
     letter-spacing: -0.5px;
     line-height: 40px;
     margin-bottom: 0;
     opacity: 0.85;
     padding-bottom: 0;
 }
 
 .our-story p {
     color: #FFFFFF;
     font-size: 18px;
     line-height: 28px;
     margin: 0 auto 70px;
     max-width: 540px;
     padding: 0;
 }
 
 .our-story em {
     display: block;
     width: 50px;
     border-bottom: 1px solid #fff;
     margin: 25px auto 0;
 }
 
 .explore {
     bottom: 100px;
     cursor: pointer;
     height: 45px;
     left: 50%;
     margin: 0 auto 0 -35px;
     padding-top: 27px;
     position: absolute;
     width: 70px;
 }
 
 .explore span {
     display: block;
     height: 25px;
     width: 1px;
     position: absolute;
     background: #fff;
     transform: rotate(45deg);
     right: 26px;
     text-indent: -99999em;
 }
 
 .explore span:first-child {
     transform: rotate(-45deg);
     left: 26px;
 }
 
 .connecting-line {
     background: none repeat scroll 0 0 #898989;
     height: 150px;
     left: 50%;
     margin: 0 auto;
     position: absolute;
     width: 1px;
     display: none;
 }
 /* OTHERS PART */
 
 .extra-aboutus {
     overflow: hidden;
     max-width: 1200px;
     margin: 0 auto 60px;
 }
 
 .extra-aboutus li {
     width: 23.333%;
     float: left;
     padding: 20px 5%;
     text-align: left;
 }
 
 .extra-aboutus li img {
     margin-bottom: 30px;
     width: 48px;
     text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
 }
 
 .extra-aboutus h2 {
     color: #000;
     font-size: 34px;
     letter-spacing: -1px;
     line-height: 40px;
     margin-bottom: 15px;
     min-height: 75px;
     text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
 }
 
 .extra-aboutus h2 span {
     display: block;
 }
 
 .extra-aboutus h2 a {
     color: #000;
 }
 
 .extra-aboutus li p {
     color: #666;
     font-size: 16px;
     line-height: 26px;
     margin: 0 auto 50px;
     padding: 0;
     text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
 }
 
 .viewall a {
     border: 2px solid #666;
     color: #333;
     display: block;
     float: left;
     font-size: 13px;
     height: 20px;
     line-height: 20px;
     margin: 0 auto;
     opacity: 0.75;
     padding: 8px 20px;
     text-transform: uppercase;
     transition: 0.25s ease 0s;
     -moz-transition: 0.25s ease 0s;
     -ms-transition: 0.25s ease 0s;
     -o-transition: 0.25s ease 0s;
     -webkit-transition: 0.25s ease 0s;
 }
 
 .newsletter .get-email {
     border: 1px solid #e5e5e5;
     background: #fff;
     height: 50px;
     line-height: 50px;
     padding: 0 20px;
     width: 100%;
     font-size: 16px;
     color: #666;
     margin-bottom: 10px;
 }
 
 .get-email:focus {
     border: 1px solid #b1dce5;
     color: #666;
 }
 
 .newsletter .subscribe {
     border: 1px dashed #1894ea;
     background: #1894ea;
     padding: 0 20px;
     width: 100%;
     font-size: 16px;
     height: 50px;
     line-height: 50px;
     color: #fff;
     text-align: center;
     text-transform: uppercase;
     display: block;
 }
 
 .download-part {
     margin: 30px 5% 70px;
 }
 
 .download-part h2 {
     color: #000;
     float: left;
     font-size: 40px;
     letter-spacing: -1px;
     line-height: 30px;
     max-width: 250px;
     padding-top: 15px;
     width: 32%;
 }
 
 .download-part h2 span {
     color: #999999;
     display: block;
     font-size: 16px;
     letter-spacing: 0;
     line-height: 12px;
     margin-top: 15px;
     text-transform: none;
 }
 
 .download-part .download-zoho-logo {
     background-position: -76px -205px;
     border-left: 1px solid #e2e2e2;
     display: block;
     float: left;
     height: 55px;
     margin: 15px 20px 15px 0;
     max-width: 100%;
     text-indent: -9999em;
     width: 150px;
 }
 
 .logo-download {
     margin: 0 auto;
     max-width: 600px;
     overflow: hidden;
 }
 
 .download-zoho-logo {}
 
 .formats {
     float: left;
     margin-top: 35px;
 }
 
 .formats a {
     border-left: 1px solid #E5E5E5;
     color: #666;
     display: inline-block;
     font-size: 16px;
     padding: 0 12px;
 }
 
 .formats a:first-child {
     border-left: none;
 }
 /* * * * * * * * * * * * * * * * * AWARDS PAGE STARTS * * * * * * * * * * * * * * * * */
 
 .page-heading {
     margin: 0 auto;
     padding: 70px 0 80px;
     text-align: center;
     max-width: 1200px;
 }
 
 .page-heading h1 {
     color: #000;
     font-size: 80px;
     letter-spacing: -3px;
     line-height: 76px;
 }
 
 .awards-lists {
     margin: 0 auto;
     max-width: 1200px;
     overflow: hidden;
     padding: 0 0 60px;
     text-align: center;
 }
 
 .awards-lists li {
     background: none repeat scroll 0 0 #FFFFFF;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
     float: left;
     margin: 5px 0.5%;
     min-height: 200px;
     padding: 50px 2% 20px;
     text-align: center;
     width: 20%;
 }
 
 .awards-lists p {
     color: #666;
     font-size: 16px;
     line-height: 24px;
     padding: 10px 10px 0;
 }
 
 .awards-lists p a {
     color: #666;
 }
 /* * * * * * * * * * * * * * * * * PRESS RELEASE PAGE STARTS * * * * * * * * * * * * * * * * */
 
 .press-release {
     background: none repeat scroll 0 0 #FFFFFF;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
     padding: 70px 0;
     overflow: hidden;
     max-width: 1200px;
     margin: 0 auto 50px;
 }
 
 .press-release h2 {
     color: #ccc;
     float: left;
     font-size: 60px;
     padding: 30px 0 0 4%;
     text-align: left;
     width: 16%;
     letter-spacing: -3px;
 }
 
 .press-release ul {
     width: 79.89%;
     float: left;
     text-align: left;
     border-left: 1px solid #F2f2f2;
 }
 
 .press-release li {
     float: left;
     min-height: 150px;
     padding: 25px 4% 10px;
     width: 25.333%;
 }
 
 .press-release h5 {
     color: #1894ea;
     font-size: 14px;
     line-height: 21px;
     padding: 0 0 10px;
     text-transform: uppercase;
 }
 
 .press-release h5 a {
     color: #1894ea;
 }
 
 .press-release p {
     color: #666;
     font-size: 14px;
     line-height: 23px;
     padding: 0 0 20px 0;
 }
 
 .press-release p a {
     color: #333;
     text-decoration: underline;
 }
 /* * * * * * * * * * * * * * * * * MANAGEMENT PAGE STARTS * * * * * * * * * * * * * * * * */
 
 .management-part {
     max-width: 1000px;
     margin: 0 auto;
 }
 
 .management-part ul {
     width: 50%;
     float: left;
 }
 
 .management-part li {
     width: 79%;
     margin: 0 3% 30px;
     padding: 40px 7.5%;
     float: left;
     background: none repeat scroll 0 0 #FFFFFF;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
 }
 
 .name-part {
     overflow: hidden;
     margin-bottom: 30px;
 }
 
 .name-part img {
     float: left;
     margin-right: 30px;
 }
 
 .name-part h2 {
     float: left;
     color: #e66957;
     font-size: 36px;
     line-height: 34px;
     padding: 30px 0 10px;
     text-transform: uppercase;
 }
 
 .name-part span {
     float: left;
     color: #666;
     font-size: 16px;
     line-height: 24px;
 }
 
 .management-part p {
     color: #666;
     font-size: 16px;
     line-height: 24px;
 }
 /* * * * * * * * * * * * * * * *  CONTACT US * * * * * * * * * * * */
 
 .enquiries {
     max-width: 980px;
     margin: 0 auto;
     overflow: hidden;
     padding-bottom: 80px;
 }
 
 .enquiries li {
     width: 23.333%;
     float: left;
     padding: 0 5%
 }
 
 .enquiries .contact-persons {
     overflow: hidden;
 }
 
 .enquiries h5 {
     color: #333;
     font-size: 18px;
     line-height: 26px;
     margin-bottom: 5px;
     text-transform: uppercase;
 }
 
 .enquiries p,
 .address p {
     color: #666;
     font-size: 16px;
     line-height: 28px;
     margin-bottom: 35px;
 }
 
 .enquiries a,
 .address a {
     color: #1894ea;
 }
 
 .address {
     border-top: 1px solid #d7d7d7;
     max-width: 1200px;
     margin: 0 auto;
     padding: 60px 0 70px;
     text-align: center;
 }
 
 .address-wrapper {
     overflow: hidden;
 }
 
 .address h4 {
     background: none repeat scroll 0 0 #F7F7F7;
     color: #000;
     display: inline-block;
     font-size: 36px;
     line-height: 30px;
     padding: 0 30px;
     position: relative;
     text-transform: uppercase;
     top: -76px;
     z-index: 9;
 }
 
 .address ul {
     overflow: hidden;
 }
 
 .address ul {
     float: left;
     width: 33%;
     min-height: 620px;
     text-align: left;
 }
 
 .address h2 {
     color: #2FA763;
     font-size: 40px;
     letter-spacing: -1px;
     line-height: 45px;
     margin-bottom: 5px;
     text-transform: uppercase;
 }
 
 .address h3 {
     color: #000;
     font-size: 18px;
     line-height: 24px;
     margin-bottom: 20px;
 }
 
 .contact-form {
     overflow: hidden;
     padding: 60px 6%;
     max-width: 1000px;
     margin: 0 auto;
     background: #fff;
     box-shadow: 0 1px 40px rgba(0, 0, 0, 0.07);
     text-align: center;
 }
 
 .contact-form h3 {
     color: #2fa763;
     font-size: 24px;
     line-height: 32px;
     margin-bottom: 20px;
     text-transform: uppercase;
 }
 
 .contact-form h3 em {
     display: block;
     width: 40px;
     border-bottom: 1px solid #d5d5d5;
     margin: 20px auto 0;
 }
 
 .form-area {
     overflow: hidden;
     margin-top: 80px;
 }
 
 .form-inputs {
     overflow: hidden;
     width: 70%;
     float: left;
 }
 
 .form-inputs input,
 .comments-area textarea {
     border: 1px solid #fff;
     border-bottom: 1px solid #e2e2e2;
     font-size: 16px;
     line-height: 12px;
     padding: 15px 2% 15px 0;
     width: 40%;
     margin: 0 10% 40px 0;
     float: left;
     transition: all ease 0.4s;
     -webkit-appearance: none;
     -moz-appearance: none;
     border-radius: 0;
 }
 
 .form-inputs input:focus {
     border: 1px solid #e2e2e2;
     padding: 15px 2% 15px 2%;
     width: 40%;
     background: #FAFAFA;
 }
 
 .form-area .comments-area {
     width: 30%;
     float: left;
 }
 
 .comments-area textarea {
     padding: 10px 0;
     border: 1px solid #fff;
     width: 95%;
     border-bottom: 1px solid #e2e2e2;
     min-height: 144px;
     transition: all ease 0.4s;
     -webkit-appearance: none;
     -moz-appearance: none;
     border-radius: 0;
 }
 
 .comments-area textarea:focus {
     border: 1px solid #e2e2e2;
     padding: 10px 5%;
     width: 95%;
     background: #FAFAFA;
 }
 
 .contact-form .submit input {
     background: none repeat scroll 0 0 #FF7A6B;
     border: medium none;
     color: #FFFFFF;
     cursor: pointer;
     font-size: 16px;
     padding: 15px 0;
     text-transform: uppercase;
     width: 160px;
     clear: both;
     margin-top: 20px;
     -webkit-appearance: none;
     -moz-appearance: none;
     border-radius: 0;
 }
 /* * * * * * * * * * * * * * * * * PRESS RELEASE PAGE STARTS * * * * * * * * * * * * * * * * */
 
 .videos-section {
     margin: 0 auto 60px;
     max-width: 980px;
     overflow: hidden;
     padding: 0 8%;
 }
 
 .videos-section li {
     background: none repeat scroll 0 0 #FFFFFF;
     box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05);
     float: left;
     margin: 1%;
     max-width: 460px;
     padding: 1.5%;
     width: 45%;
 }
 
 .videos-section img {
     height: auto;
     max-width: 100%;
     width: 100%;
 }
 
 .videos-section p {
     color: #333;
     font-size: 16px;
     line-height: 24px;
     margin: 10px 0;
     min-height: 50px;
     padding-top: 5px;
     text-align: center;
 }
 /* GOOGLE APPS PART */
 

 
 .googleapps-part h1 {
     color: #000;
     font-size: 24px;
     letter-spacing: -1px;
     line-height: 32px;
     margin: 0 auto;
 }
 
 .googleapps-part h2 {
     color: #000;
     font-size: 40px;
     letter-spacing: -0.5px;
     line-height: 50px;
     padding: 30px 0 10px;
     margin: 0 auto;
 }
 
 .googleapps-part p {
     color: #333;
     font-size: 18px;
     line-height: 28px;
     margin: 0 auto;
     max-width: 480px;
 }
 
 .googleapps-part ul {
     max-width: 780px;
     margin: 0 auto;
     overflow: hidden;
 }
 
 .googleapps-part li {
     float: left;
     font-size: 18px;
     text-align: center;
     width: 33.333%;
 }
 
 .googleapps-part li span {
     background: none repeat scroll 0 0 rgba(93, 93, 93, 0.5);
     display: inline-block;
     height: 7px;
     margin-right: 15px;
     margin-top: 0;
     position: relative;
     top: -2px;
     width: 7px;
 }
 
 .googleapps-lists {
     overflow: hidden;
     padding: 0 0 80px;
     text-align: center;
 }
 
 .googleapps-lists h2 {
     color: #000;
     font-size: 65px;
     line-height: 54px;
     padding: 0 0 30px;
 }
 
 .googleapps-lists p {
     color: #666;
     font-size: 20px;
     line-height: 32px;
     max-width: 900px;
     margin: 0 auto;
     padding: 0 5%;
 }
 
 .googleapps-lists p em {
     border-bottom: 1px solid #D5D5D5;
     display: block;
     margin: 20px auto 0;
     width: 50px;
 }
 
 .integration-part {
     margin: 0 auto;
     max-width: 1600px;
     margin-top: 150px;
     width: 90%;
     background: none repeat scroll 0 0 #FFFFFF;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075), -1px 0px 0px rgba(0, 0, 0, 0.05) inset;
     min-height: 750px;
 }
 
 .integrated-container {
     overflow: hidden;
     display: none;
 }
 
 .show {
     display: block;
 }
 
 .integration-products {
     float: left;
     overflow: hidden;
     width: 18%;
     padding-top: 20px;
 }
 
 .integration-products li {
     float: left;
     margin: 5px 0;
     text-align: left;
     width: 100%;
     cursor: pointer;
     transition: all 0.25s ease 0s;
 }
 /* COLOR HOVER PARTS IN GOOGLE APPS PAGE */
 /* BLUE */
 
 .sm.selected,
 .sm:hover {
     background: none repeat scroll 0 0 #fafafa;
     box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.05), -1px -1px 0px rgba(0, 0, 0, 0.05), -5px 0 0 #1894ea inset;
     color: #fff;
 }
 /* GREEN */
 
 .cs.selected,
 .cs:hover {
     background: none repeat scroll 0 0 #fafafa;
     box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.05), -1px -1px 0px rgba(0, 0, 0, 0.05), -5px 0 0 #58b475 inset;
     color: #fff;
 }
 /* RED */
 
 .ec.selected,
 .ec:hover {
     background: none repeat scroll 0 0 #fafafa;
     box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.05), -1px -1px 0px rgba(0, 0, 0, 0.05), -5px 0 0 #ea7762 inset;
     color: #333;
 }
 /* AQUA BLUE */
 
 .fin.selected,
 .fin:hover {
     background: none repeat scroll 0 0 #fafafa;
     box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.05), -1px -1px 0px rgba(0, 0, 0, 0.05), -5px 0 0 #48bbb4 inset;
     color: #333;
 }
 /* YELLOW */
 
 .hr.selected,
 .integration-products .hr:hover {
     background: none repeat scroll 0 0 #fafafa;
     box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.05), -1px -1px 0px rgba(0, 0, 0, 0.05), -5px 0 0 #ffcc00 inset;
     color: #333;
 }
 /* DARK BLUE */
 
 .bp.selected,
 .bp:hover {
     background: none repeat scroll 0 0 #fafafa;
     box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.05), -1px -1px 0px rgba(0, 0, 0, 0.05), -5px 0 0 #4761b5 inset;
     color: #333;
 }
 /* COLOR HOVER PARTS IN GOOGLE APPS PAGE ENDS */
 

 
 .integration-products li .crm-24 {
     background-position: 0 0;
 }
 
 .integration-products li .projects-24 {
     background-position: -72px -72px;
 }
 
 .integration-products li .creator-24 {
     background-position: 0 -175px;
 }
 
 .integration-products li .invoice-24 {
     background-position: -38px -104px;
 }
 
 .integration-products li .campaigns-24 {
     background-position: -36px top;
 }
 
 .integration-products li .contactmanager-24 {
     background-position: -175px top;
 }
 
 .integration-products li .recruit-24 {
     background-position: 0 -140px;
     height: 32px;
 }
 
 .integration-products li .sites-24 {
     background-position: -105px top;
 }
 
 .integration-products li .reports-24 {
     background-position: -38px -175px;
 }
 
 .integration-products li .books-24 {
     background-position: -38px -105px;
 }
 

 
 .integration-products li .discuss-24 {
     background-position: -501px 4px;
 }
 
 .integration-products li .meeting-24 {
     background-position: -176px -68px;
 }
 
 .integration-products li .desk-24 {
     background-position: 0 -34px;
 }
 
 .integration-products li .people-24 {
     background-position: -38px -138px;
 }
 
 .integration-products li .expense-24 {
     background-position: -101px -103px;
 }
 
 .integration-products li .subscription-24 {
     background-position: -68px -100px;
 }
 
 .integration-products li .forms-24 {
     background-position: -242px 0;
 }
 
 .integration-products h5 {
     color: #666;
     float: left;
     font-size: 13px;
     line-height: 33px;
     text-transform: uppercase;
 }
 
 .integration-products li a {
     color: #666;
     font-size: 13px;
     text-transform: uppercase;
     display: block;
     height: 40px;
     line-height: 42px;
 }
 
 .detailed-part {
     width: 70%;
     min-height: 854px;
     padding: 70px 6%;
     background: none repeat scroll 0 0 #FFFFFF;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
     float: left;
     position: relative;
 }
 
 .product-logo-big {
     background: none repeat scroll 0 0 #FFFFFF;
     border: 1px solid #E5E5E5;
     border-radius: 100%;
     display: block;
     height: 80px;
     left: 50%;
     line-height: 60px;
     margin-left: -50px;
     overflow: hidden;
     padding: 20px 0 0;
     position: absolute;
     text-align: center;
     top: -50px;
     width: 100px;
     z-index: 999;
 }
 

 
 .product-logo-big .crm-64 {
     background-position: -325px 0;
 }
 
 .product-logo-big .projects-64 {
     background-position: -195px -65px;
 }
 
 .product-logo-big .creator-64 {
     background-position: -260px 0;
 }
 
 .product-logo-big .invoice-64 {
     background-position: -585px 0;
 }
 
 .product-logo-big .campaigns-64 {
     background-position: -130px 0;
 }
 
 .product-logo-big .recruit-64 {
     background-position: -260px -65px;
 }
 
 .product-logo-big .sites-64 {
     background-position: -455px -65px;
 }
 
 .product-logo-big .reports-64 {
     background-position: -325px -65px;
 }
 
 .product-logo-big .books-64 {
     background-position: -65px 0;
 }
 
 .product-logo-big .wiki-64 {
     background-position: -130px -260px;
 }
 
 .product-logo-big .disscuss-64 {
     background-position: 0 -195px;
 }
 
 .product-logo-big .meeting-64 {
     background-position: 0 -65px;
 }
 
 .product-logo-big .support-64 {
     background-position: -520px -65px;
 }
 
 .product-logo-big .people-64 {
     background-position: -65px -65px;
 }
 
 .product-logo-big .expense-64 {
     background-position: -260px -195px;
 }
 
 .product-logo-big .subscription-64 {
     background-position: -390px -130px;
 }
 
 .product-logo-big .forms-64 {
     background-position: -260px -130px;
 }
 
 .product-logo-big .contactmanager-64 {
     background-position: -390px 0;
 }
 
 .integrated-details {
     overflow: hidden;
     padding-bottom: 50px;
 }
 
 .integrated-details h2 {
     color: #000;
     font-size: 30px;
     letter-spacing: -1px;
     line-height: 40px;
     margin-top: 20px;
     padding: 0 0 20px;
 }
 
 .integrated-details p {
     color: #333;
     font-size: 16px;
     line-height: 26px;
     max-width: 920px;
     margin: 0 auto;
     padding: 0 5% 30px;
 }
 
 .integrated-details .try-it {
     margin: 40px auto;
     max-width: 240px;
 }
 
 .try-it a {
     background: none repeat scroll 0 0 #FA7A6A;
     color: #FFFFFF;
     display: inline-block;
     font-size: 14px;
     height: 40px;
     line-height: 40px;
     padding: 0 15px;
     text-align: center;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
     text-transform: uppercase;
 }
 
 .integration-features {
     overflow: hidden;
     padding: 30px 0;
     border-top: 1px solid #e2e2e2;
 }
 
 .integration-features li {
     float: left;
     min-height: 160px;
     padding: 25px 4% 25px 8%;
     position: relative;
     text-align: left;
     transition: all 0.7s ease 0s;
     width: 38%;
 }
 
 .integration-features.googleapps-projects li,
 .integration-features.googleapps-discussions li,
 .integration-features.googleapps-support li,
 .integration-features.googleapps-people li {
     min-height: 135px;
 }
 
 .integration-features.googleapps-books li {
     min-height: 90px;
 }
 
 .integration-features.googleapps-wiki li {
     min-height: 110px;
 }
 

 
 .integration-features h4 {
     color: #666;
     font-size: 20px;
     line-height: 28px;
     margin: 0 0 10px;
     letter-spacing: -0.3px;
 }
 
 .integration-features p {
     color: #666;
     font-size: 14px;
     line-height: 23px;
     padding: 0;
 }
 
 .googleapps-testimonial {
     overflow: hidden;
     border-top: 1px dashed #e2e2e2;
     padding: 40px 0;
     text-align: center;
 }
 
 .googleapps-testimonial img {
     border-radius: 100%;
     border: 1px solid #eee;
     width: 90px;
 }
 
 .googleapps-testimonial p {
     color: #666;
     font-size: 20px;
     line-height: 30px;
     padding-top: 25px;

 }
 
 .googleapps-testimonial h5 {
     color: #ea786d;
     font-size: 14px;
     line-height: 24px;
     padding: 10px 0px 0;
     text-transform: uppercase;
 }
 
 .googleapps-testimonial .try-it {
     margin: 20px 0 0;
 }
 
 .selected h5 {
     color: #000;
 }
 /* COLOR CHANGES IN INTEGRATION PART */
 /* RED */
 
 .ec-content h4,
 .ec-content .googleapps-testimonial h5 {
     color: #ea452f;
 }
 
 .ec-content .try-it a {
     background: #ea7762;
 }
 /* GREEN */
 
 .cs-content h4,
 .cs-content .googleapps-testimonial h5 {
     color: #2ca66b;
 }
 
 .cs-content .try-it a {
     background: #58b475;
 }
 /* BLUE */
 
 .sm-content h4,
 .sm-content .googleapps-testimonial h5 {
     color: #1894ea;
 }
 
 .sm-content .try-it a {
     background: #1894ea;
 }
 /* YELLOW */
 
 .hr-content h4,
 .hr-content .googleapps-testimonial h5 {
     color: #d7b03b;
 }
 
 .hr-content .try-it a {
     background: #ffcc00;
 }
 /* AQUA BLUE */
 
 .fin-content h4,
 .fin-content .googleapps-testimonial h5 {
     color: #1b9e96;
 }
 
 .fin-content .try-it a {
     background: #48bbb4;
 }
 /* DARK BLUE */
 
 .bp-content h4,
 .bp-content .googleapps-testimonial h5 {
     color: #3d58a9;
 }
 
 .bp-content .try-it a {
     background: #4761b5;
 }
 /* GOOGLE APPS ICON CLASS STARTS */
 
 .gaicon-crm1 {
     background-position: 0 -50px;
 }
 
 .gaicon-crm2 {
     background-position: -50px -50px;
 }
 
 .gaicon-crm3 {
     background-position: -100px -50px;
 }
 
 .gaicon-crm4 {
     background-position: -150px -50px;
 }
 
 .gaicon-crm5 {
     background-position: -200px -50px;
 }
 
 .gaicon-crm6 {
     background-position: 0px -100px;
 }
 
 .gaicon-crm7 {
     background-position: -50px -100px;
 }
 
 .gaicon-crm8 {
     background-position: -100px -100px;
 }
 
 .gaicon-pro1 {
     background-position: 0 -500px;
 }
 
 .gaicon-pro2 {
     background-position: -50px -500px;
 }
 
 .gaicon-pro3 {
     background-position: -100px -500px;
 }
 
 .gaicon-pro4 {
     background-position: -150px -500px;
 }
 
 .gaicon-pro5 {
     background-position: -200px -500px;
 }
 
 .gaicon-cre1 {
     background-position: 0 -250px;
 }
 
 .gaicon-cre2 {
     background-position: -50px -250px;
 }
 
 .gaicon-cre3 {
     background-position: -100px -250px;
 }
 
 .gaicon-cre4 {
     background-position: -150px -250px;
 }
 
 .gaicon-cre5 {
     background-position: -200px -250px;
 }
 
 .gaicon-inv1 {
     background-position: 0 -200px;
 }
 
 .gaicon-inv2 {
     background-position: -50px -200px;
 }
 
 .gaicon-inv3 {
     background-position: -100px -200px;
 }
 
 .gaicon-inv4 {
     background-position: -150px -200px;
 }
 
 .gaicon-inv5 {
     background-position: -200px -200px;
 }
 
 .gaicon-cam1 {
     background-position: 0 -600px;
 }
 
 .gaicon-cam2 {
     background-position: -150px -600px;
 }
 
 .gaicon-rec1 {
     background-position: 0 -150px;
 }
 
 .gaicon-rec2 {
     background-position: -50px -150px;
 }
 
 .gaicon-rec3 {
     background-position: -100px -150px;
 }
 
 .gaicon-sites1 {
     background-position: -150px -100px;
 }
 
 .gaicon-sites2 {
     background-position: -200px -100px;
 }
 
 .gaicon-rep1 {
     background-position: 0 -550px;
 }
 
 .gaicon-rep2 {
     background-position: -50px -550px;
 }
 
 .gaicon-rep3 {
     background-position: -100px -550px;
 }
 
 .gaicon-rep4 {
     background-position: -150px -550px;
 }
 
 .gaicon-books1 {
     background-position: 0 -600px;
 }
 
 .gaicon-books2 {
     background-position: -50px -600px;
 }
 
 .gaicon-books3 {
     background-position: -100px -600px;
 }
 
 .gaicon-wiki1 {
     background-position: 0 -350px;
 }
 
 .gaicon-wiki2 {
     background-position: -50px -350px;
 }
 
 .gaicon-wiki3 {
     background-position: -100px -350px;
 }
 
 .gaicon-wiki4 {
     background-position: -150px -350px;
 }
 
 .gaicon-wiki5 {
     background-position: -200px -350px;
 }
 
 .gaicon-dis1 {
     background-position: 0 -450px;
 }
 
 .gaicon-dis2 {
     background-position: -50px -450px;
 }
 
 .gaicon-dis3 {
     background-position: -100px -450px;
 }
 
 .gaicon-dis4 {
     background-position: -150px -450px;
 }
 
 .gaicon-dis5 {
     background-position: -200px -450px;
 }
 
 .gaicon-met1 {
     background-position: 0 -400px;
 }
 
 .gaicon-met2 {
     background-position: -50px -400px;
 }
 
 .gaicon-met3 {
     background-position: -100px -400px;
 }
 
 .gaicon-sup1 {
     background-position: 0 -300px;
 }
 
 .gaicon-sup2 {
     background-position: -50px -300px;
 }
 
 .gaicon-sup3 {
     background-position: -100px -300px;
 }
 
 .gaicon-pep1 {
     background-position: -50px 0;
 }
 
 .gaicon-pep2 {
     background-position: -150px -500px;
 }
 /* GOOGLE APPS ICON CLASS ENDS */
 /* ZOHO GOOGLE APPS AWARDS PART  */
 
 .zoho-googleapps-awards {
     padding: 100px 0;
     background: #fff;
     box-shadow: 20px 20px 0 #f1f1f1 inset, -20px -20px 0 #f1f1f1 inset;
     position: relative;
 }
 
 .googleapps-awards {
     max-width: 1200px;
     margin: 0 auto;
     overflow: hidden;
 }
 
 
 
 .largest-vendor {
     float: left;
     width: 42%;
     padding: 50px 4%;
     box-shadow: -1px 0 0 #f2f2f2 inset;
 }
 
 .case-studies {
     float: left;
     padding: 0 2%;
     position: relative;
     text-align: center;
     width: 46%;
 }
 
 .case-studies .opacits {
     opacity: 1;
 }
 
 .timeline-holder {
     min-height: 250px;
     overflow: hidden;
     position: relative;
 }
 
 .case-studies li {
     color: #3F4142;
     font-size: 26px;
     line-height: 36px;
     margin: 0 auto;
     min-height: 200px;
     opacity: 0;
     padding: 0 3%;
     position: absolute;
     text-align: center;
     transition: all 0.9s ease 0s;
     width: 96%;
 }
 
 .case-studies li:nth-child(2),
 .case-studies li:nth-child(3) {
     padding-top: 42px;
 }
 
 .case-studies li p {
     color: #1894ea;
     font-size: 30px;
     line-height: 42px;
     margin-bottom: 15px;
 }
 
 .casestudy-images {
     border-bottom: 1px solid #F2F2F2;
     display: block;
     margin: 0 auto;
     width: 70%;
 }
 
 
 
 .casestudy-images .time {
     background-position: -250px -220px;
 }
 
 .casestudy-images .forbes {
     background-position: -490px -220px;
 }
 
 .casestudy-images .economist {
     background-position: -380px -220px;
     width: 105px;
 }
 
 .slider-dots {
     bottom: 10px;
     left: 50%;
     margin-left: -22px;
     overflow: hidden;
     position: absolute;
     width: 60px;
 }
 
 .slider-dots span {
     background: none repeat scroll 0 0 #E2E2E2;
     border-radius: 100%;
     cursor: pointer;
     float: left;
     height: 10px;
     margin: 0 5px;
     transition: all 0.7s ease 0s;
     width: 10px;
     transition: 0.7s ease;
     -moz-transition: 0.7s ease;
     -ms-transition: 0.7s ease;
     -o-transition: 0.7s ease;
     -webkit-transition: 0.7s ease;
 }
 
 .slider-dots .selected {
     background: #999;
 }
 /* LOVED AND TRUSTED  */
 
 .gapps-testimonial {
     overflow: hidden;
     padding: 80px 0;
     text-align: center;
 }
 
 .gapps-testimonial h2 {
     color: #000;
     font-size: 50px;
     letter-spacing: -2px;
     line-height: 50px;
     padding: 0 0 10px;
 }
 
 .gapps-testimonial p {
     color: #333;
     font-size: 30px;
     line-height: 30px;
     margin: 0 auto;
     max-width: 900px;
     padding: 0 5%;
 }
 
 .gapps-testimonial ul {
     margin: 0 auto;
     max-width: 1200px;
     overflow: hidden;
     padding: 70px 0 0px;
     text-align: center;
 }
 
 .gapps-testimonial li {
     float: left;
     padding: 30px 3% 30px;
     text-align: center;
     width: 43.85%;
     overflow: hidden;
     border-left: 1px solid #e8e8e8;
 }
 
 .gapps-testimonial li:first-child {
     border-left: none;
 }
 

 
 .gapps-testimonial .customer-photo1 {
     background-position: -250px -270px;
 }
 
 .gapps-testimonial .customer-photo2 {
     background-position: -370px -270px;
 }
 
 .gapps-testimonial h5 {
     color: #2fa763;
     font-size: 15px;
     line-height: 24px;
     padding: 15px 0px 5px;
 }
 
 .gapps-testimonial li p {
     color: #333;
     font-size: 22px;
     line-height: 32px;
     padding-top: 25px;
 }
 /* * * * * * * * * * * * *  IN THE NEWS LISTS PART * * * * * * * * * * * */
 
 .news-section {
     margin: 0 auto;
     overflow: hidden;
     text-align: center;
 }
 
 .news-section .page-heading {
     padding: 70px 0 50px;
 }
 
 .recent-news {
     border-top: 1px solid #e2e2e2;
     margin: 0 auto;
     max-width: 980px;
     text-align: center;
     position: relative;
 }
 
 .recent-news h3 {
     background: none repeat scroll 0 0 #f9f9f9;
     color: #999;
     display: inline-block;
     font-size: 18px;
     line-height: 40px;
     margin: 0 auto;
     padding: 0 25px;
     position: relative;
     text-align: center;
     text-transform: uppercase;
     top: -22px;
 }
 
 .recent-news .left-line,
 .recent-news .right-line {
     background: none repeat scroll 0 0 rgba(0, 0, 0, 0.051);
     height: 1px;
     left: 0;
     position: absolute;
     top: 20px;
     width: 44%;
 }
 
 .recent-news .right-line {
     left: auto;
     right: 0;
 }
 
 .recent-news ul {
     margin: 20px 0 40px;
     overflow: hidden;
 }
 
 .recent-news li {
     box-shadow: 1px 0 0 #e2e2e2;
     float: left;
     min-height: 140px;
     overflow: hidden;
     padding: 20px 4%;
     text-align: center;
     width: 25.333%;
 }
 
 .recent-news li:last-child {
     box-shadow: none;
 }
 
 .recent-news li p {
     color: #666;
     font-size: 16px;
     line-height: 24px;
     min-height: 50px;
     padding-bottom: 25px;
 }
 
 .recent-news li p a {
     color: #666;
 }
 

 /* NEWS LIST */
 
 .news-lists-part {
     border-top: 1px solid #E8E8E8;
     margin: 80px auto;
     max-width: 980px;
     text-align: center;
 }
 
 .news-lists-part h3 {
     background: none repeat scroll 0 0 #f9f9f9;
     color: #999;
     display: inline-block;
     font-size: 18px;
     font-weight: 400;
     line-height: 40px;
     margin: 0 auto;
     padding: 0 25px;
     position: relative;
     text-align: center;
     text-transform: uppercase;
     top: -22px;
 }
 
 .news-lists {
     margin: 20px auto;
     max-width: 900px;
     overflow: hidden;
 }
 

 .news-lists li:hover .plus {
     opacity: 1;
 }
 

 
 .news-lists li .pcworld {
     background-position: 0 0;
 }
 
 .news-lists li .open {
     background-position: 0 -1055px;
 }
 
 .news-lists li .ettech {
     background-position: -130px -1111px;
 }
 
 .news-lists li .business-insider {
     background-position: 0 -1110px;
 }
 
 .news-lists li .fitsmall {
     background-position: -132px -1050px;
 }
 
 .news-lists li .tc {
     background-position: -120px 0;
 }
 
 .news-lists li .bn,
 .recent-news li .bn {
     background-position: -240px 0;
 }
 
 .news-lists li .forbes {
     background-position: -360px 0;
 }
 
 .news-lists li .crmbuyer {
     background-position: 0 -40px;
 }
 
 .news-lists li .techrepublic {
     background-position: -120px -40px;
 }
 
 .news-lists li .eat {
     background-position: -240px -40px;
 }
 
 .news-lists li .bl {
     background-position: -360px -40px;
 }
 
 .news-lists li .cmswire {
     background-position: 0 -80px;
 }
 
 .news-lists li .techcircle {
     background-position: -120px -80px;
 }
 
 .news-lists li .crm {
     background-position: -240px -80px;
 }
 
 .news-lists li .zdnet {
     background-position: -360px -80px;
 }
 
 .news-lists li .infoworld {
     background-position: 0 -120px;
 }
 
 .news-lists li .theecnomicetimes {
     background-position: -120px -120px;
 }
 
 .news-lists li .thehindu {
     background-position: -240px -120px;
 }
 
 .news-lists li .bweek {
     background-position: -360px -120px;
 }
 
 .news-lists li .timesofindia {
     background-position: -0px -160px;
 }
 
 .news-lists li .techcrunch {
     background-position: -120px -160px;
 }
 
 .news-lists li .rww {
     background-position: -240px -160px;
 }
 
 .news-lists li .networkworld {
     background-position: -360px -160px;
 }
 
 .news-lists li .computerworld {
     background-position: -0px -200px;
 }
 
 .news-lists li .techcrunchit {
     background-position: -120px -200px;
 }
 
 .news-lists li .venturebeat {
     background-position: -240px -200px;
 }
 
 .news-lists li .cio {
     background-position: -360px -200px;
 }
 
 .news-lists li .downloadsquad {
     background-position: -0px -240px;
 }
 
 .news-lists li .eweek {
     background-position: -120px -240px;
 }
 
 .news-lists li .nytimes {
     background-position: -240px -240px;
 }
 
 .news-lists li .lifehacker {
     background-position: -360px -240px;
 }
 
 .news-lists li .bmighty {
     background-position: -0px -280px;
 }
 
 .news-lists li .infoweek {
     background-position: -120px -280px;
 }
 
 .news-lists li .newsfactor {
     background-position: -240px -280px;
 }
 
 .news-lists li .economist {
     background-position: -360px -280px;
 }
 
 .news-lists li .sleetergroup,
 .recent-news li .sleetergroup {
     background-position: -0px -320px;
 }
 
 .news-lists li .livemint,
 .recent-news li .livemint {
     background-position: -120px -320px;
 }
 
 .news-lists li .trends {
     background-position: -240px -320px;
 }
 
 .news-lists li .engadget {
     background-position: -360px -320px;
 }
 
 .news-lists li .investorplace {
     background-position: -0px -360px;
 }
 
 .news-lists li .bloomberg {
     background-position: -120px -360px;
 }
 
 .news-lists li .xln {
     background-position: -240px -360px;
 }
 
 .news-lists li .business-standard {
     background-position: -360px -360px;
 }
 
 .news-lists li .express {
     background-position: -0px -400px;
 }
 
 .news-lists li .fc {
     background-position: -120px -400px;
 }
 
 .news-lists li .accountingtoday {
     background-position: -240px -400px;
 }
 
 .news-lists li .v3 {
     background-position: -360px -400px;
 }
 
 .news-lists li .gigaom {
     background-position: -0px -440px;
 }
 
 .news-lists li .channelinsider {
     background-position: -120px -440px;
 }
 
 .news-lists li .readwritecloud {
     background-position: -240px -440px;
 }
 
 .news-lists li .thevarguy {
     background-position: -360px -440px;
 }
 
 .news-lists li .howtogeek {
     background-position: -0px -480px;
 }
 
 .news-lists li .macworld {
     background-position: -120px -480px;
 }
 
 .news-lists li .business {
     background-position: -240px -480px;
 }
 
 .news-lists li .ciol {
     background-position: -360px -480px;
 }
 
 .news-lists li .wsj {
     background-position: 0 -520px;
 }
 
 .news-lists li .smallbiztech {
     background-position: -120px -520px;
 }
 
 .news-lists li .crn {
     background-position: -240px -520px;
 }
 
 .news-lists li .digitalbeat {
     background-position: -360px -520px;
 }
 
 .news-lists li .diginomica {
     background-position: 0 -922px;
 }
 
 .news-lists li .yourstory {
     background-position: -232px -922px;
 }
 
 .news-lists li .mydigitalfc {
     background-position: -119px -922px;
 }
 
 .news-lists li .huffingtonpost {
     background-position: -348px -916px;
 }
 
 .news-lists li .financialexpress {
     background-position: 0 -962px;
 }
 
 .news-lists li .indianexpress {
     background-position: -349px -975px;
 }
 
 .news-lists li .deccanherald {
     background-position: 0 -1004px;
 }
 
 .news-lists li .hindustantimes,
 .recent-news li .hindustantimes {
     background-position: -164px -966px;
 }
 
 .news-lists li .pandodaily,
 .recent-news li .pandodaily {
     background-position: -131px -1004px;
 }
 
 .news-lists li .pctech,
 .recent-news li .pctech {
     background-position: -285px -1015px;
 }
 
 .news-lists li .ovum {
     background-position: 0 -560px;
 }
 
 .news-lists li .zdnetasia {
     background-position: -120px -560px;
 }
 
 .news-lists li .technologizer {
     background-position: -240px -560px;
 }
 
 .news-lists li .bnet {
     background-position: -360px -560px;
 }
 
 .news-lists li .mashable {
     background-position: 0 -600px;
 }
 
 .news-lists li .wwd {
     background-position: -120px -600px;
 }
 
 .news-lists li .best2008 {
     background-position: -240px -600px;
 }
 
 .news-lists li .time {
     background-position: -360px -600px;
 }
 
 .news-lists li .googlecode {
     background-position: 0 -640px;
 }
 
 .news-lists li .msnbc {
     background-position: -120px -640px;
 }
 
 .news-lists li .businesstimes {
     background-position: -240px -640px;
 }
 
 .news-lists li .appscout {
     background-position: -360px -640px;
 }
 
 .news-lists li .wired {
     background-position: 0 -680px;
 }
 
 .news-lists li .crmdaily {
     background-position: -120px -640px;
 }
 
 .news-lists li .cnetnews {
     background-position: -240px -640px;
 }
 
 .news-lists li .washingtonpost {
     background-position: -360px -640px;
 }
 
 .news-lists li .itbusinessedge {
     background-position: 0 -680px;
 }
 
 .news-lists li .midmarket {
     background-position: -120px -680px;
 }
 
 .news-lists li .datamation {
     background-position: -240px -680px;
 }
 
 .news-lists li .rev2 {
     background-position: -360px -680px;
 }
 
 .news-lists li .theappgap {
     background-position: 0 -720px;
 }
 
 .news-lists li .gottobemobile {
     background-position: -120px -720px;
 }
 
 .news-lists li .enterpreneur {
     background-position: -240px -720px;
 }
 
 .news-lists li .techtree {
     background-position: -360px -720px;
 }
 
 .news-lists li .sdtimes {
     background-position: 0 -760px;
 }
 
 .news-lists li .processor {
     background-position: -120px -760px;
 }
 
 .news-lists li .timeonline {
     background-position: -240px -760px;
 }
 
 .news-lists li .wireless {
     background-position: -360px -760px;
 }
 
 .news-lists li .ebiz {
     background-position: 0 -800px;
 }
 
 .news-lists li .techreview {
     background-position: -120px -800px;
 }
 
 .news-lists li .businesswire {
     background-position: -240px -800px;
 }
 
 .news-lists li .minnesotadaily {
     background-position: -360px -800px;
 }
 
 .news-lists li .slate {
     background-position: 0 -840px;
 }
 
 .news-lists li .tmcnet {
     background-position: -120px -840px;
 }
 
 .news-lists li .globeandmail {
     background-position: -240px -840px;
 }
 
 .news-lists li .inquirer {
     background-position: -360px -840px;
 }
 
 .news-lists li .pcquest {
     background-position: -288px -1113px;
 }
 
 .news-lists li .hypatia {
     background-position: 0 -1180px;
     height: 45px;
 }
 
 .news-lists li .android-authority {
     background-position: 0 -1518px;
 }
 
 .news-lists li .thenextweb {
     background-position: -139px -1514px;
     height: 50px;
 }
 
 .news-lists li .inc42 {
     background-position: -292px -1450px;
 }
 
 .news-lists li .techseen {
     background-position: -260px -1535px;
 }
 
 .news-lists li .techtree {
     background-position: -5px -1586px;
 }
 
 .news-lists li .cxotoday {
     background-position: -143px -1587px;
 }
 
 .news-lists li .websitemagazine {
     background-position: -266px -1585px;
 }
 
 .news-lists li .talkincloud {
     background-position: -385px -1579px;
 }
 
 .news-lists li .smallbusinesscomputing {
     background-position: -5px -1635px;
 }
 
 .news-lists li .dealarchitect {
     background-position: -127px -1636px;
 }
 
 .news-lists li .cloudtweaks {
     background-position: -233px -1636px;
 }
 
 .news-lists li .betanews {
     background-position: -352px -1634px;
 }
 
 .news-lists li .channele2e {
     background-position: -5px -1683px;
 }
 
 .news-lists li .cmscritic {
     background-position: -126px -1683px;
 }
 
 .news-lists li .sci-tech-today {
     background-position: -239px -1686px;
 }
 
 .news-lists li .crmsoftwareresearch {
     background-position: -358px -1684px;
 }
 
 .news-lists li .cloudpro {
     background-position: 11px -1741px;
 }
 
 .news-lists li .telecompaper {
     background-position: -109px -1739px;
 }
 
 .news-lists li .cbronline {
     background-position: -244px -1737px;
     width: 70px;
 }
 
 .news-lists li .financial-news {
     background-position: -332px -1735px;
 }
 
 .news-lists li .technologyevaluation {
     background-position: -6px -1785px;
 }
 
 .news-lists li .hostingadvice {
     background-position: -15px -2469px;
     background-color: #333;
 }
 
 .news-lists li .indiatech {
     background-position: -145px -1175px;
 }
 
 .news-lists li .getapp {
     background-position: -287px -1174px;
 }
 
 .news-lists li .e27 {
     background-position: -355px -2483px;
 }
 
 .news-lists li .india-intech {
     background-position: -8px -2528px;
 }
 
 .news-lists li .cio-leader {
     background-position: -184px -2534px;
 }
 
 .news-lists li .interntl-business-times {
     background-position: -310px -2536px;
 }
 
 .news-lists li .tech2 {
     background-position: -4px -2569px;
 }
 
 .news-lists li .money-control {
     background-position: -124px -2576px;
 }
 
 .news-lists li .more-news {
     float: left;
     width: 80%;
     font-size: 16px;
     line-height: 24px;
 }
 
 .more-news p {
     width: 95%;
     font-size: 16px;
     line-height: 24px;
     margin: 5px 0 20px;
 }
 
 .news-lists p a {
     color: #333;
     text-decoration: underline;
 }
 
 .news-lists .plus {
     margin-top: -13px;
     position: absolute;
     right: 20px;
     top: 50%;
     opacity: 1;
     transition: 1s ease;
     -moz-transition: 1s ease;
     -ms-transition: 1s ease;
     -o-transition: 1s ease;
     -webkit-transition: 1s ease;
     cursor: pointer;
     padding: 10px;
 }
 
 .hidden-news {
     display: none;
 }
 
 .plus em {
     width: 12px;
     height: 2px;
     background: #888;
     display: block;
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
 }
 
 .plus .minus {
     position: relative;
     top: -2px;
     transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
 }
 
 .plus .plus-to-minus {
     transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     -o-transform: rotate(360deg);
     -webkit-transform: rotate(360deg);
 }
 /*  MOBILE PAGE INNER SECTION STARTS */
 
 .mobile-inner-section {
     background: #e6f7fb;
     /* Old browsers */
     background: -moz-linear-gradient(top, #e6f7fb 1%, #e6f7fb 85%, #ffffff 85%);
     /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #e6f7fb), color-stop(85%, #e6f7fb), color-stop(85%, #ffffff));
     /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top, #e6f7fb 1%, #e6f7fb 85%, #ffffff 85%);
     /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top, #e6f7fb 1%, #e6f7fb 85%, #ffffff 85%);
     /* Opera 11.10+ */
     background: -ms-linear-gradient(top, #e6f7fb 1%, #e6f7fb 85%, #ffffff 85%);
     /* IE10+ */
     background: linear-gradient(to bottom, #e6f7fb 1%, #e6f7fb 85%, #ffffff 85%);
     /* W3C */
     filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e6f7fb', endColorstr='#ffffff', GradientType=0);
     /* IE6-9 */
     overflow: hidden;
 }
 
 .mobile-apps-inner {
     max-width: 1200px;
     margin: 70px auto 0;
 }
 
 .mobile-content-part {
     float: left;
     margin-right: 5%;
     width: 45%;
     overflow: hidden
 }
 
 .breadcrumb {
     color: #666;
     margin: 20px 0 40px;
 }
 
 .breadcrumb a {
     font-size: 16px;
     color: #666;
     text-decoration: underline;
 }
 
 .mobapp-details {
     padding: 0 0 0 18%;
     position: relative;
     margin-top: 115px;
 }
 
 .mobapp-details .product-icon {
     left: 0;
     position: absolute;
     top: 0;
     width: 64px;
 }
 
 .mobapp-details h2 {
     font-size: 46px;
     letter-spacing: -2px;
     margin-bottom: 25px;
     overflow: hidden;
 }
 
 .mobapp-details span {
     color: #666;
     display: block;
     font-size: 14px;
     letter-spacing: 0;
 }
 
 .mobapp-details p {
     font-size: 18px;
     line-height: 26px;
     margin-bottom: 40px;
 }
 
 .mobinner-store-icon {
     margin: 0;
 }
 
 .mobinner-store-icon a {
     margin-right: 10px;
 }
 
 .detail-content {
     max-width: 980px;
     margin: 60px auto;
 }
 
 .detail-content .description {
     color: #666;
     font-size: 18px;
     line-height: 26px;
     max-width: 750px;
     text-align: center;
     margin: 0 auto 60px;
 }
 
 .detail-content ul {
     padding: 70px 0;
     border-top: 1px solid #e8e8e8;
     overflow: hidden;
 }
 
 .detail-content li {
     width: 46%;
     float: left;
     text-align: left;
 }
 
 .detail-content h2 {
     font-size: 32px;
     letter-spacing: -1px;
     line-height: 40px;
     color: #666;
     margin-bottom: 10px;
 }
 
 .detail-content p {
     font-size: 16px;
     line-height: 24px;
     color: #666;
     margin-bottom: 20px
 }
 
 .detail-content p a {
     color: #666;
     text-decoration: underline;
 }
 
 .detail-content .image-area {
     text-align: center;
     padding: 0;
     width: 46%;
 }
 
 .detail-content .right-space {
     margin: 0 7% 0 0;
 }
 
 .detail-content .key-features {
     list-style: disc outside none;
     margin-top: 20px;
     padding: 0;
     border: none;
 }
 
 .key-features li {
     color: #666;
     display: block;
     font-size: 16px;
     line-height: 23px;
     margin-bottom: 15px;
     padding-left: 6%;
     float: none;
     width: 94%;
     position: relative;
 }
 
 .key-features li:before {
     background: none repeat scroll 0 0 #666;
     border-radius: 100%;
     content: "";
     height: 6px;
     left: 0;
     position: absolute;
     top: 8px;
     width: 6px;
     z-index: 999;
 }
 /* ---------------------------- PRESS RELEASE INNER PAGE STYLE ---------------------------- */
 
 .underline-text {
     text-decoration: underline;
 }
 
 .press-page-container {
     margin: 0 auto;
     max-width: 980px;
     padding: 0 5%;
 }
 
 .press-content-container {
     background: #ffffff;
     box-shadow: 0 0 2px rgba(0, 0, 0, 0.075);
     padding: 50px 8%;
     margin-bottom: 50px;
     color: #666;
 }
 
 .press-content-container p {
     margin-bottom: 30px;
 }
 
 .press-content2 {
     margin-bottom: 40px;
 }
 
 .press-content2 span {
     margin-bottom: 13px;
     display: block;
 }
 
 .press-content-container p,
 .press-content-container ul {
     color: #666;
     font-size: 14px;
     line-height: 24px;
 }
 
 .press-content-container a {
     color: #1894ea;
     text-decoration: underline;
 }
 
 .breadcrumb-container {
     padding: 50px 10px;
 }
 
 .breadcrumb-container .act {
     color: #999;
 }
 
 
 .breadcrumb-container span,
 .breadcrumb-container a {
     padding: 0 5px;
     color: #333;
 }
 
 .press-heading {
     margin-bottom: 70px;
 }
 
 .press-content-container h1 {
     color: #000;
     font-size: 38px;
     letter-spacing: -1px;
     line-height: 46px;
     padding-bottom: 50px;
     text-align: center;
 }
 
 .press-content-container h2 {
     font-size: 28px;
     color: #000;
     line-height: 28px;
     padding: 20px 0;
     letter-spacing: -0.5px;
 }
 
 .press-release-subhead {
     margin-bottom: 60px;
 }
 
 .press-release-subhead ul {
     list-style: square outside;
     color: #000;
     margin-left: 15px;
 }
 
 .press-release-subhead ul li {
     padding: 7px 0;
 }
 
 .press-release-insidelist ul {
     list-style: disc outside;
     margin-left: 35px;
     margin-bottom: 30px;
 }
 
 .press-release-insidelist ul li {
     padding: 7px 0;
 }
 /*  TIMELINE STARTS */
 
 
 .zoho-timeline p {
     color: #666;
     font-size: 16px;
     line-height: 26px;
 }
 
 .zoho-timeline p span {}
 
 .zoho-timeline h2,
 .zoho-timeline h2 a {
     color: #000;
     font-size: 24px;
     letter-spacing: -0.5px;
     line-height: 30px;
     margin-bottom: 10px;
 }
 
 .left-section,
 .right-section {
     overflow: hidden;
     position: relative;
     padding: 0 0 40px;
 }
 
 .left-part,
 .right-part {
     width: 50%;
     float: left;
     position: relative;
 }
 
 .left-section .left-part,
 .left-section .right-part {
     float: left;
 }
 
 .zoho-timeline .yearof {
     color: #333;
     float: right;
     font-size: 32px;
     letter-spacing: -1px;
     line-height: 45px;
     margin: 0 40px;
     max-width: 100px;
     text-align: right;
     transition: 0.5s ease;
     -moz-transition: 0.5s ease;
     -ms-transition: 0.5s ease;
     -o-transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 
 .yearof span {
     color: #999;
     display: block;
     font-size: 15px;
     letter-spacing: 1.2px;
     line-height: 22px;
     margin-bottom: 0;
     text-align: center;
     text-transform: uppercase;
 }
 
 .year-pointer {
     width: 32px;
     height: 30px;
     background-position: -200px 0;
     position: absolute;
     left: 50%;
     margin-left: -17px;
     top: 30px;
     display: block;
     z-index: 99;
     transition: 0.7s ease;
     -webkit-transition: 0.7s ease;
 }
 
 .right-box,
 .left-box {
     position: relative;
     margin: 30px 50px 0;
 }
 
 .about-product {
     overflow: hidden;
     padding: 0 0 50px 90px;
 }
 
 .about-product.nonicon-product {
     padding: 0 0 50px 0;
 }
 
 .about-product span a {
     display: block;
     height: 64px;
 }
 
 .about-product>span {
     height: 64px;
     width: 64px;
     display: block;
     text-indent: -9999px;
     background-position: 0 0;
     margin: 0 0 10px;
     position: absolute;
     left: 0;
  
 }
 
 .about-product .assist-icon {
     background-position: 0 0;
 }
 
 .about-product .appcreator-icon {
     background-position: -65px -260px;
 }
 
 .about-product .books-icon {
     background-position: -65px 0;
 }
 
 .about-product .bugtracker-icon {
     background-position: -130px -130px
 }
 
 .about-product .campaigns-icon {
     background-position: -130px 0;
 }
 
 .about-product .chat-icon {
     background-position: -195px 0;
 }
 
 .about-product .commentbox-icon {
     background-position: 0 -260px;
 }
 
 .about-product .connect-icon {
     background-position: -455px 0;
 }
 
 .about-product .contactmanager-icon {
     background-position: -390px 0;
 }
 
 .about-product .creator-icon {
     background-position: -260px 0;
 }
 
 .about-product .crm-icon {
     background-position: -332px 0;
     width: 60px;
 }
 
 .about-product .developer-icon {
     background-position: -325px -195px;
 }
 
 .about-product .discussions-icon {
     background-position: -195px -195px;
 }
 
 .about-product .docs-icon {
     background-position: -520px 0;
 }
 
 .about-product .expense-icon {
     background-position: -260px -195px;
 }
 
 .about-product .forms-icon {
     background-position: -260px -130px;
 }
 
 .about-product .invoice-icon {
     background-position: -585px 0;
 }
 
 .about-product .inventory-icon {
     background-position: -65px -195px;
 }
 
 .about-product .mail-icon {
     background-position: -65px -130px;
 }
 
 .about-product .marketplace-icon {
     background-position: -585px -130px;
 }
 
 .about-product .mdm-icon {
     background-position: -455px -195px;
 }
 
 .about-product .meeting-icon {
     background-position: 0 -65px;
 }
 
 .about-product .motivator-icon {
     background-position: -130px -195px;
 }
 
 .about-product .notebook-icon {
     background-position: -130px -65px;
 }
 
 .about-product .people-icon {
     background-position: -65px -65px;
 }
 
 .about-product .projects-icon {
     background-position: -195px -65px;
 }
 
 .about-product .recruit-icon {
     background-position: -260px -65px;
 }
 
 .about-product .reports-icon {
     background-position: -325px -65px;
 }
 
 .about-product .salesinbox-icon {
     background-position: -585px -195px;
 }
 
 .about-product .site24x7-icon {
     background-position: -455px -130px;
 }
 
 .about-product .salesiq-icon {
     background-position: -520px -130px;
 }
 
 .about-product .sdp-icon {
     background-position: -520px -195px;
 }
 
 .about-product .showtime-icon {
     background-position: -195px -195px;
 }
 
 .about-product .sheet-icon {
     background-position: -390px -65px;
 }
 
 .about-product .show-icon {
     background-position: 0 -130px;
 }
 
 .about-product .sites-icon {
     background-position: -455px -65px;
 }
 
 .about-product .social-icon {
     background-position: -390px -195px;
 }
 
 .about-product .subscriptions-icon {
     background-position: -390px -130px;
 }
 
 .about-product .support-icon {
     background-position: -520px -65px;
 }
 
 .about-product .survey-icon {
     background-position: -325px -130px;
 }
 
 .about-product .vault-icon {
     background-position: -195px -130px;
 }
 
 .about-product .wiki-icon {
     background-position: -130px -260px;
 }
 
 .about-product .writer-icon {
     background-position: -585px -65px;
 }
 
 .about-product .checkout-icon {
     background-position: -260px -260px;
 }
 
 .about-product .developer-icon {
     background-position: -325px -195px;
 }
 
 .zoho-logo-products-names {
     background-repeat: no-repeat;
     color: #333;
     display: block;
     font-size: 22px;
     height: 30px;
     line-height: 32px;
     margin: 0 0 5px;
     font-weight: inherit;
     background-image: url("https://www.zoho.com/images/prd-common-sprite.png");
     max-width: 180px;
     background-position: left -390px;
     padding: 0 0 0 80px;
 }
 
 .zoho-logo-products-names {}
 /* 1996 */
 
 .content-1996 {
     max-width: 350px;
 }
 
 .content-1996 .adventnet {
     height: 39px;
     width: 122px;
     display: block;
     text-indent: -9999px;
     margin: 0 0 20px;
     background-position: -64px -268px
 }
 /* 2001 */
 
 .content-2001 {
     border-left: 5px solid #FFCC00;
     margin: 20px 50px;
     max-width: 400px;
     padding: 0 0 0 35px;
 }
 /* 2005 */
 
 .content-2005 {
     max-width: 380px;
 }
 
 .zoho-domain {
     padding: 40px 0;
     overflow: hidden;
 }
 
 .zoho-domain img {
     margin-bottom: 15px;
 }
 
 .zoho-writer {
     overflow: hidden;
 }
 /* 2006 */
 
 .content-2006 {
     max-width: 400px;
 }
 
 .zoho-crm {
     border-bottom: none;
 }
 
 .joining-hands {
     margin: 0 0 0 40px;
     box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1);
     -ms-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1);
     -o-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1);
 }
 /* 2007 */
 
 .content-2007 {
     max-width: 400px;
 }
 
 .pc-world {
     clear: both;
     float: right;
     margin-right: 40px;
     margin-top: 0;
     max-width: 350px;
     display: none;
 }
 
 .pc-world .quotes {
     background-position: -64px -106px;
     display: block;
     float: left;
     height: 56px;
     margin: -25px 0 0 10px;
     position: relative;
     text-indent: -9999px;
     width: 70px;
 }
 
 .pc-world .pcworld-logo {
     background-position: -64px -318px;
     height: 50px;
     position: relative;
     text-indent: -9999px;
     width: 110px;
     display: block;
     float: right;
 }
 
 .pc-world p {
     color: #000;
     font-size: 16px;
     font-weight: 400;
     line-height: 26px;
     margin-bottom: 20px;
     font-family: 'Roboto slab';
     text-align: right;
 }
 
 .pc-world p span {}
 
 .content-2007 .decorative-line {
     margin: 30px 0 0 130px;
 }
 /* 2008 */
 
 .section-2008 {
     overflow: hidden;
 }
 
 .content-2008,
 .content-2012 {
     max-width: 450px;
 }
 
 .one-million,
 .zoholics,
 .ten-million,
 .fifteen-million,
 .twenty-million,
 .million-counts {
     border-left: 5px solid #FFCC00;
     margin: 20px 0 60px;
     max-width: 400px;
     padding: 0 0 0 35px;
 }
 
 .section-2008 .one-million h2,
 .section-2014 .ten-million h2,
 .section-2015 .fifteen-million h2,
 .section-2016 .twenty-million h2,
 .section-2017 .twenty-million h2 {
     color: #000;
     font-size: 46px;
     font-weight: 400;
     letter-spacing: -2px;
     line-height: 40px;
     margin-bottom: 25px;
 }
 /*  2009 */
 
 .content-2009 {
     max-width: 400px;
 }
 
 .adventnet-zoho {
     margin-bottom: 40px;
 }
 /* 2012 */
 
 .zoholics .zoholics-logo {
     background-position: -75px -70px;
     display: block;
     height: 30px;
     text-indent: -9999px;
     width: 155px;
     margin: -12px 0 20px;
 }
 
 .zoholics a {
     font-size: 16px;
     line-height: 24px;
     color: #333;
     padding-top: 10px;
     display: block;
     font-family: 'Roboto slab';
 }
 /* 2013 */
 /* 2014 */
 
 .content-2013,
 .content-2014,
 .content-2015,
 .content-2016,
 .content-2017,
 .content-2018 {
     max-width: 480px;
 }
 /* TIMELINE TO BE CONTINUE STARTS */
 
 .timeline-continues.left-section {
     padding: 120px 0 0;
 }
 
 .timeline-continues .year-pointer {
     top: 100px;
 }
 
 .timeline-continues h3 {
     background: none repeat scroll 0 0 #F7F7F7;
     color: #000;
     font-size: 26px;
     letter-spacing: -1px;
     line-height: 32px;
     padding: 50px 0 30px;
     text-align: center;
 }
 
 .timeline-continues .getstarted-box {
     padding: 0 0 150px 0;
     background: #F7F7F7;
     text-align: center;
 }
 /* TIMELINE TO BE CONTINUE ENDS*/
 /* YEAR COLOR CODE */
 
 .section-1996:hover .yearof {
     color: #03a9f5;
 }
 
 .section-1996:hover .year-pointer:after {
     background: #03a9f5;
 }
 
 .section-2001:hover .yearof {
     color: #5bb46c;
 }
 
 .section-2001:hover .year-pointer:after {
     background: #5bb46c;
 }
 
 .section-2005:hover .yearof {
     color: #ea785d;
 }
 
 .section-2005:hover .year-pointer:after {
     background: #ea785d;
 }
 
 .section-2006:hover .yearof {
     color: #d6b000;
 }
 
 .section-2006:hover .year-pointer:after {
     background: #d6b000;
 }
 
 .section-2007:hover .yearof {
     color: #4661b9;
 }
 
 .section-2007:hover .year-pointer:after {
     background: #4661b9;
 }
 
 .section-2008:hover .yearof {
     color: #48bbb4;
 }
 
 .section-2008:hover .year-pointer:after {
     background: #48bbb4;
 }
 
 .section-2009:hover .yearof {
     color: #9b59b6;
 }
 
 .section-2009:hover .year-pointer:after {
     background: #9b59b6;
 }
 
 .section-2010:hover .yearof {
     color: #ff6633;
 }
 
 .section-2010:hover .year-pointer:after {
     background: #ff6633;
 }
 
 .section-2011:hover .yearof {
     color: #096;
 }
 
 .section-2011:hover .year-pointer:after {
     background: #096;
 }
 
 .section-2012:hover .yearof {
     color: #c0392b;
 }
 
 .section-2012:hover .year-pointer:after {
     background: #c0392b;
 }
 
 .section-2013:hover .yearof {
     color: #e67e22;
 }
 
 .section-2013:hover .year-pointer:after {
     background: #e67e22;
 }
 
 .section-2014:hover .yearof {
     color: #9e2955;
 }
 
 .section-2014:hover .year-pointer:after {
     background: #9e2955;
 }
 
 .section-2015:hover .yearof {
     color: #200CCB;
 }
 
 .section-2015:hover .year-pointer:after {
     background: #200CCB;
 }
 
 .section-2016:hover .yearof {
     color: #00AE78;
 }
 
 .section-2016:hover .year-pointer:after {
     background: #00AE78;
 }
 
 .section-2017:hover .yearof {
     color: #B99F05;
 }
 
 .section-2017:hover .year-pointer:after {
     background: #B99F05;
 }
 /*  TIMELINE ENDS */
 /* PARTNERS PAGES COADING STARTS */
 
 .partnerMain {
     margin: 51px 0 0;
     max-width: 100%;
 }
 
 .partnerMain a {
     color: #1894ea;
 }
 
 .bannerOuter {
    
     height: 500px;
     margin-bottom: 140px;
     max-width: 100%;
 }
 
 .bannerInner {
     margin: 0 auto;
     max-width: 980px;
     padding: 120px 8% 0;
     text-align: center;
     overflow: hidden;
     transition: 0.5s ease;
 }
 
 .bannerInner h1 {
     color: #fff;
     float: left;
     font-size: 70px;
     font-weight: 900;
     letter-spacing: -3px;
     line-height: 60px;
     margin-bottom: 30px;
     padding: 100px 7% 60px 0;
     text-align: right;
     text-transform: uppercase;
     width: 43%;
 }
 
 .bannerInner h1 span {
     display: none
 }
 
 .banner-content {
     width: 40%;
     padding: 40px 5% 25px;
     float: left;
     background: #fff;
     border-bottom: 7px solid #3ca978;
 }
 
 .banner-content p {
     color: #666666;
     font-size: 16px;
     line-height: 26px;
     padding-bottom: 30px;
     text-align: left;
     font-family: Roboto Slab;
 }
 
 .partner-content {
     max-width: 980px;
     margin: 0 auto 20px;
     padding: 0 8%;
 }
 
 .partner-subpart {
     overflow: hidden;
     padding: 35px 0 0;
 }
 
 .partner-menu {
     overflow: hidden;
     padding: 0 0 30px;
 }
 
 .partner-menu ul {
     margin: 0;
     padding: 0;
 }
 
 .partner-menu li {
     float: left;
     font-size: 16px;
     font-weight: 500;
     padding: 15px 5% 40px 0;
     width: 45%;
     min-height: 210PX;
 }
 
 .partner-menu li p {
     font-size: 14px;
     line-height: 22px;
     padding: 5px 0 20px;
 }
 
 .partnerMain .more-info {
     color: #fff;
     font-size: 12px;
     line-height: 20px;
     padding: 7px 15px;
     background: #5bb46c;
     text-transform: uppercase;
 }
 
 .parter-bullet-point {
     overflow: hidden;
     padding: 50px 0;
     border-bottom: 1px solid #e5e5e5;
     max-width: 800px;
     margin: 0 auto;
 }
 
 .parter-bullet-point.no-border {
     border: none;
 }
 
 .parter-bullet-point h3 {
     color: #000;
     font-size: 30px;
     letter-spacing: -0.5px;
     line-height: 38px;
     margin-bottom: 40px;
     text-align: center;
 }
 
 .parter-bullet-point h3 span {}
 
 .partner-menu h4,
 .partner-menu h4 a {
     color: #000;
     font-size: 22px;
     line-height: 30px;
     padding-bottom: 10px;
 }
 
 .parter-bullet-point p {
     color: #333;
     font-size: 14px;
     line-height: 24px;
 }
 
 .partners-description {
     border-bottom: 1px solid #e8e8e8;
     margin-bottom: 10px;
     padding-bottom: 50px;
 }
 
 .parter-bullet-point li {
     color: #111;
     font-size: 14px;
     line-height: 22px;
     padding: 5px 20px;
     position: relative;
 }
 
 .parter-bullet-point li:after {
     content: '';
     width: 7px;
     height: 7px;
     border-radius: 100%;
     position: absolute;
     background: #5bb46c;
     left: 0;
     top: 12px;
 }
 
 .parter-bullet-point h4 {
     font-size: 22px;
     line-height: 30px;
     padding-bottom: 15px;
 }
 
 .apply-now a {
     background: none repeat scroll 0 0 #5bb46c;
     color: #ffffff;
     display: block;
     float: left;
     font-size: 12px;
     max-width: 120px;
     padding: 7px 15px;
     text-align: center;
     text-transform: uppercase;
 }
 
 .apply-now span a {
     background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
     color: #666666;
     display: block;
     float: left;
     font-size: 12px;
     padding: 0;
     margin: 7px 0px 0px 15px;
     text-align: center;
     text-decoration: underline;
     text-transform: uppercase;
     max-width: 100%;
 }
 
 .parter-bullet-point h5 {
     font-size: 20px;
     line-height: 28px;
     padding-bottom: 10px;
 }
 
 .all-partners {
     border-top: 1px solid #e2e2e2;
     margin: 0 auto;
     max-width: 850px;
     padding: 50px 0 35px;
     text-align: center;
 }
 
 .all-partners h3 a {
     color: #000;
     font-size: 26px;
     letter-spacing: 0;
     line-height: 30px;
     text-transform: uppercase;
 }
 
 .all-partners ul {
     margin: 0 auto;
     max-width: 850px;
     overflow: hidden;
     text-align: center;
 }
 
 .all-partners li a {
     color: #333;
     cursor: pointer;
     display: inline;
     font-size: 14px;
     line-height: 22px;
     padding: 0 20px;
 }
 
 .all-partners li a:hover,
 .all-partners .selected {
     color: #1894ea;
 }
 
 .apply-now {
     margin: 20px 0 0;
     overflow: hidden;
 }
 /* PARTNERS PAGES COADING ENDS */
 /* SIGNIN STYLES */
 
 .signin-heading {
     font-size: 38px;
     line-height: 48px;
     padding: 50px 0;
     text-align: center;
     margin-top: 50px;
 }
 
 .signin-part {
     background: none repeat scroll 0 0 #ffffff;
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
     margin: 0 auto 70px;
     min-height: 350px;
     overflow: hidden;
     padding: 30px 50px;
     width: 450px;
     border-top: 5px solid #f0483e;
 }
 
 .signup-part {
     background: none repeat scroll 0 0 #ffffff;
     border-top-style: solid;
     border-top-width: 5px;
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
     margin: 0 auto 70px;
     min-height: 350px;
     overflow: hidden;
     padding: 30px 50px 0;
     width: 600px;
     border-top-color: #f0483e;
     overflow: hidden;
 }
 
 .go-to-signup {
     border-top: 1px solid #dddddd;
     clear: both;
     overflow: auto;
     padding: 25px 0 5px;
     position: relative;
     text-align: center;
     display: none;
 }
 
 .go-to-signup a {
     color: #f0483e;
     display: block;
     text-decoration: underline;
 }
 /*/////////////////////////////////////////////////         POP UP VIDEO PART         /////////////////////////////////////////////////*/
 
 .cm-popup {
     background: rgba(255, 255, 255, 0.95);
     width: 100%;
     height: 100%;
     z-index: 9999999;
     top: 0px;
     position: fixed;
     display: none;
 }
 
 .cm-videos {
     box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
     -ms-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
     -o-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
     background: none repeat scroll 0 0 #FFFFFF;
     border: 1px solid #DEDEDE;
     box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
     top: 100px;
     z-index: 999999999;
     display: none;
     opacity: 1;
     max-width: 860px;
     position: fixed;
 }
 
 .video-part {
     padding: 30px;
 }
 
 #ifrm {
     width: 800px;
     height: 450px;
 }
 
 .popup-close {
     cursor: pointer;
     height: 24px;
     position: absolute;
     right: 2px;
     top: 9px;
     width: 24px;
 }
 
 .popup-close .close-icon {
     background: none repeat scroll 0 0 #333;
     height: 20px;
     left: 12px;
     position: absolute;
     top: 3px;
     transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     width: 1px;
 }
 
 .hide {
     display: none;
 }
 /* FEEDBACK FORM STARTS */
 
 .footer-links ul:first-child+ul li {
     display: none;
 }
 
 .footer-links ul:first-child+ul li:first-child,
 .footer-links ul:first-child+ul li:first-child+li {
     display: block;
 }
 
 .forms {
     border: 0 none;
     height: 509px;
     margin: 0;
     overflow: hidden;
     padding: 0;
     width: 411px;
 }
 
 .feedback-holder {
     z-index: 9000;
     display: none;
     position: fixed;
     bottom: -510px;
     right: 0;
     /*transform: translateY(500px);
	-webkit-transform: translateY(500px);
	-moz-transform: translateY(500px);
	-ms-transform: translateY(500px);
	-o-transform: translateY(500px);*/
     transition: .7s ease;
     -moz-transition: .7s ease;
     -webkit-transition: .7s ease;
     -ms-transition: .7s ease;
     -o-transition: .7s ease;
 }
 
 .star {
     display: none;
     width: 140px;
     height: 43px;
    
     position: fixed;
     text-indent: -999em;
     bottom: -50px;
     right: 20px;
     transition: .7s ease;
     -moz-transition: .7s ease;
     -webkit-transition: .7s ease;
     -ms-transition: .7s ease;
     -o-transition: .7s ease;
     cursor: pointer;
 }
 /* FEEDBACK FORM ENDS */
 /*  FOOTER PART */
 
 .footer {
     background: none repeat scroll 0 0 #f1f1f1;
     border-top: 1px solid #e2e2e2;
 }
 
 body .footer-links {
     border-bottom: 1px solid #E2E2E2;
     margin: 0 auto 5px;
     max-width: 960px;
     overflow: hidden;
     padding: 60px 0 40px;
 }
 
 .footer-links ul {
     float: left;
     overflow: hidden;
     width: 20%;
     padding: 0 2.5% !important;
 }
 
 .footer-links li {
     color: #333;
     padding: 5px 0;
     line-height: 14px;
     font-size: 14px;
 }
 
 .footer-links li:first-child {
     padding: 0 0 12px 0;
     text-transform: uppercase;
 }
 
 .footer-links li a {
     color: #666;
     font-size: 13px;
     line-height: 16px;
 }
 /*
.common-footer {
	margin: 0 auto;
	padding: 40px 0 45px;
	text-align: center;
}
.common-footer p {
	color: #333333;
	font-size: 12px;
	line-height: 18px;
	margin: 5px auto 5px;
}
.common-footer ul {
	margin: 0 auto 15px;
	max-width: 690px;
	overflow: hidden;
	padding: 0 3%;
}
.common-footer li {
	border-left: 1px solid #ccc;
	display: inline-block;
	float: left;
	line-height: 0;
	overflow: hidden;
	padding: 0px 12px;
}
.common-footer li:first-child {
	border-left: none;
}
.common-footer li a {
	color: #333333;
	font-size: 12px;
	line-height: 14px;
}
.social-icons {
	margin: 5px auto 0;
	overflow: hidden;
	text-align: center
}

.si1, .si2, .si3 {
	width: 17px;
	height: 15px
}
.si1 {
	background-position: left -352px
}
.si2 {
	background-position: -23px -352px
}
.si3 {
	background-position: -53px -352px
}
.social-icons a {
	line-height: 0;
	margin: 0 5px;
	text-align: center
}
.footer-zohologo a {
	background-position: left -384px;
	height: 20px;
	margin: 15px 0 0;
	width: 52px
}

*/
 
 
 
 .si1,
 .si2,
 .si3 {
     width: 52px;
     height: 18px;
 }
 
 .si1 {
     background-position: 0 -160px;
 }
 
 .si2 {
     background-position: -44px -160px;
 }
 
 .si3 {
     background-position: -88px -160px;
 }
 
 .social-icons a {
     line-height: 0;
     margin: 0 12px;
     height: 15px;
     width: 22px !important;
     text-align: center;
 }
 
 .footer-zohologo a {
     margin: 15px 0 0;
     width: 52px;
     height: 18px;
     background-position: left -283px;
 }
 
 .address li.mh-reduce {
     min-height: 100px;
 }
 
 .integration-features.extra-height li {
     min-height: 240px;
 }
 /* MADE IN BANNER CSS STARTS */
 
 
 
 .madeinindia-banner h2 {
     color: #fff;
     font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
     font-size: 50px;
     letter-spacing: -1px;
     line-height: 1.25;
     padding: 0 0 35px;
     text-shadow: 0 0 25px #000;
     -webkit-text-shadow: 0 0 25px #000;
 }
 
 .madeinindia-banner span {
     text-transform: uppercase;
     padding: 3px 0 3px 32px;
     position: relative;
     text-shadow: 0 0 25px #000;
     -webkit-text-shadow: 0 0 25px #000;
     font-size: 24px;
     display: block;
     margin: 0 auto;
     max-width: 230px;
     position: relative;
     z-index: 99;
 }
 
 #short-video {
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 9;
 }
 
 .madeinindia-banner span em {
     background-position: -370px top;
     display: block;
     height: 80px;
     margin: 0 auto;
     padding-bottom: 10px;
     position: relative;
     width: 80px;
     z-index: 99;
 }
 /* CODE FOR RETINA DISPLAY */
 
 
 /* CODE FOR RETINA DISPLAY ENDS */
 /*  MEDIA QUERIES PART STARTS */
 
 @media screen and (max-width: 1300px) {
     body {
         min-width: 900px;
     }
     /* Awards Page Code */
     .awards-lists {
         margin: 0 5%;
     }
     .awards-lists li {
         width: 28.333%;
     }
     /* PRESS Page Code */
     .press-release {
         margin: 0 8% 30px;
     }
     /* Contact Page Code */
     .address {
         margin: 0 5% 40px;
     }
     /* News Page Code */
     .news-details {
         width: 39%;
     }
     .integration-part {
         padding: 120px 4% 0;
     }
 }
 
 @media screen and (max-width: 1200px) {
     body {
         min-width: 800px;
     }
     .address {
         border-top: 1px solid #D7D7D7;
         margin: 0 auto;
         max-width: 650px;
         padding: 40px 0 50px;
         text-align: center;
     }
     .address h2 {
         font-size: 30px;
     }
     .address h4 {
         top: -56px;
     }
     .address-wrapper {
         margin: 0 auto;
         max-width: 750px;
         overflow: hidden;
     }
     .address ul {
         float: left;
         margin: 0 2%;
         padding: 0%;
         text-align: left;
         width: 46%;
         min-height: 20px;
     }
     .address ul li {
         background: none repeat scroll 0 0 #FFFFFF;
         float: none;
         margin: 0 auto 30px;
         min-height: 30px;
         padding: 50px 10% 10px;
         border: 1px solid #f3f3f3;
         text-align: left;
         width: 79%;
         box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 6px 0 -3px #eee, 0 6px 1px -2px rgba(0, 0, 0, 0.15), 0 10px 0 -5px #eee, 0 10px 1px -4px rgba(0, 0, 0, 0.15);
     }
     .contact-form {
         max-width: 800px;
     }
     .enquiries p,
     .address p {
         font-size: 14px;
         line-height: 26px;
     }
     .webapps {
         min-height: 600px;
     }
     .madeinindia-banner {
         padding: 140px 0;
     }
 }
 
 @media screen and (max-width: 1150px) {
     body {
         min-width: 700px;
     }
     .webapps .product-details {
         height: 180px;
         margin: -78px 0 0 -110px;
         width: 220px;
     }
     .product-details img {
         width: 72px;
     }
     .webapps li h4 {
         font-size: 15px;
         letter-spacing: 0;
         line-height: 15px;
         margin: 25px auto 12px;
     }
     .webapps li p {
         font-size: 12px;
         line-height: 20px;
     }
     /* PRESS Page Code */
     .press-release {
         margin: 0 8% 40px;
         padding: 40px 0;
     }
     .press-release h2 {
         float: none;
         font-size: 54px;
         padding: 0 0 40px;
         text-align: center;
         width: 100%;
     }
     .press-release ul {
         border-left: none;
         float: none;
         text-align: left;
         width: 92%;
         margin: 0 4%;
     }
     /* News Page Code */
     .news-details {
         width: 39%;
     }
     .page-heading {
         padding: 60px 0;
     }
     .page-heading p {
         font-size: 18px;
         line-height: 26px;
     }
     .extra-aboutus h2 {
         font-size: 28px;
         line-height: 32px;
     }
     .extra-aboutus li img {
         margin-bottom: 30px;
     }
     .extra-aboutus li p {
         font-size: 18px;
         line-height: 26px;
         margin: 0 auto 25px;
         max-width: 400px;
     }
     .signing .signin,
     .signing .signup {
         //opacity: 0;
         //visibility: hidden;
     }
 }
 
 @media screen and (max-width: 1100px) {
     body {
         min-width: 600px;
     }
     .aboutus-additional h3 span {
         display: inline;
     }
     .we-build,
     .aboutus-description {
         padding: 80px 6% 30px;
         width: 88%;
     }
     .aboutus-description {
         padding: 0px 6% 30px;
         width: 88%;
     }
     .aboutus-additional {
         padding: 0 6%;
         width: 88%;
     }
     .aboutus-description-left {
         float: left;
         width: 61%;
     }
     .twentyfour-plus {
         border-left: 3px solid #FFCC00;
         float: left;
         margin: 100px 0 0 4%;
         padding: 0 0 0 4%;
         width: 27%;
     }
     .aboutus-description p {
         font-size: 16px;
         line-height: 28px;
         padding: 20px 5% 20px 0;
     }
     .twentyfour-plus p {
         font-size: 24px;
         letter-spacing: -0.5px;
         line-height: 34px;
         padding: 0 0 5px;
     }
     .case-studies li p {
         font-size: 24px;
         line-height: 36px;
         margin-bottom: 15px;
     }
     .mob-apps-cont h2 {
         font-size: 90px;
         line-height: 80px;
     }
     .mob-apps-cont h2 span {
         font-size: 22px;
         letter-spacing: -0.5px;
         line-height: 30px;
         padding: 10px 0 0;
     }
     .mob-apps-cont p {
         font-size: 18px;
         line-height: 26px;
     }
     .menu,
     .product-header-top,
     .header .hide {
         display: none;
     }
     .mobilemenu-close {
         cursor: pointer;
         position: absolute;
         right: 20px;
         top: 20px;
     }
     .menu-icon {
         display: block;
     }
     .mobile-menu-wrap .catagory-mobile {
         margin: 20px auto 0;
         min-height: 20px;
         padding: 0;
         text-align: center;
         width: 100%;
     }
     .mobile-menu-wrap .catagory-mobile a {
         border-bottom: 1px dashed #999999;
         margin: 0 auto;
         max-width: 82px;
         padding: 5px 0;
         text-align: center;
     }
     .page-heading .we-build h1 {
         font-size: 74px;
         line-height: 74px;
         padding-bottom: 35px;
     }
     .page-heading h1,
     .news-section h1 {
         font-size: 72px;
     }
     .integration-part {
         margin: 0 auto;
         overflow: hidden;
     }
     .integration-products {
         width: 25%;
     }
     .detailed-part {
         width: 63%;
     }
     .integrated-details p {
         font-size: 15px;
         line-height: 23px;
         padding: 0;
     }
     .integration-features.googleapps-projects li,
     .integration-features.googleapps-discussions li,
     .integration-features.googleapps-support li,
     .integration-features.googleapps-people li,
     .integration-features.googleapps-books li,
     .integration-features.googleapps-wiki li {
         min-height: 30px;
     }
     .integration-features li {
         float: none;
         min-height: 30px;
         padding: 30px 0% 30px 15%;
         width: 85%;
         border-top: 1px dashed #E2E2E2;
     }
     .integration-features li:first-child {
         border-top: none;
     }
     .googleapps-part {
         padding: 120px 10%;
     }
     .aboutus-additional h3 {
         color: #000;
         font-size: 24px;
         letter-spacing: -1px;
         line-height: 32px;
         padding-bottom: 15px;
     }
     /*TIMELINE IPAD 768 SIZE CHANGES STARTS */
     .left-section,
     .right-section {
         margin: 0 auto;
         max-width: 900px;
     }
     .our-story {
         padding: 150px 0 220px;
     }
     /*TIMELINE IPAD 768 SIZE CHANGES ENDS*/
     .banner-content p {
         font-size: 14px;
         line-height: 24px;
         padding-bottom: 25px;
     }
     .bannerOuter {
         margin-bottom: 90px;
     }
     .integration-features.extra-height li {
         min-height: 30px;
     }
 }
 
 @media screen and (max-width: 1050px) {
     body {
         min-width: 300px;
     }
     .mob-apps-cont p {
         font-size: 16px;
         line-height: 24px;
     }
     .getstarted-box {
         max-width: 200px;
         text-align: center;
     }
     .getstarted-box a {
         font-size: 14px;
         height: 42px;
         line-height: 42px;
         padding: 3px 20px;
     }
     .getstarted-box span {
         font-size: 12px;
     }
     .footer-links {
         max-width: 850px;
         padding: 50px 0 40px
     }
     .apps-tab-bar {
         padding: 120px 0 25px;
     }
     .filter-list {
         max-width: 800px;
         padding: 25px 0;
     }
     .filter-list li {
         font-size: 12px;
         line-height: 20px;
         margin: 0 15px;
     }
     .product-details img {
         width: 64px;
     }
     .webapps-part {
         padding: 0 3% 35px;
     }
     .madeinindia-banner {
         padding: 80px 0;
         margin-top: 40px;
     }
 }
 
 @media screen and (max-width: 980px) {
     body {
         min-width: 300px;
     }
     .bannerOuter {
         margin-bottom: 150px;
     }
     .star,
     .feedback-holder {
         display: none;
     }
     .catagory-mobapps.first-child {
         border-top: medium none;
         padding: 80px 0 40px;
     }
     .catagory-mobapps p {
         font-size: 14px;
         line-height: 23px;
         max-width: 700px;
     }
     .aboutus-additional h3 span {
         display: inline;
     }
     .page-heading,
     .news-section .page-heading {
         padding: 40px 0 30px;
     }
     .timeline-holder {
         min-height: 160px
     }
     .case-studies li p {
         margin-bottom: 10px;
     }
     .largest-vendor,
     .case-studies {
         float: none;
         width: 80%;
         padding: 0 10%;
         text-align: center;
     }
     .largest-vendor {
         border-bottom: 1px dashed #e5e5e5;
         padding-bottom: 60px;
         margin-bottom: 60px;
     }
     .case-studies li:nth-child(2),
     .case-studies li:nth-child(3) {
         padding-top: 0;
     }
     .press-release ul {
         margin: 0 5%;
         width: 90%;
     }
     .press-release li {
         float: left;
         min-height: 100px;
         padding: 25px 5% 10px;
         width: 40%;
     }
     .recent-news,
     .news-lists-part,
     .news-lists {
         max-width: 800px;
         padding: 0 5%;
     }
     .news-lists li {
         padding: 30px 0 20px 5%;
         width: 95%;
     }
     .news-lists li span {
         width: 28%;
     }
     .news-lists li .more-news {
         width: 62%;
     }
     .press-release h2 {
         float: none;
         font-size: 54px;
         padding: 0 0 40px;
         text-align: center;
         width: 100%;
     }
     .our-story {
         padding: 100px 0;
     }
     .our-story h2 {
         font-size: 54px;
         letter-spacing: -1px;
         line-height: 52px;
     }
     .extra-aboutus {
         margin: 0 auto 40px;
         max-width: 100%;
     }
     .extra-aboutus li {
         border-top: 1px solid #e8e8e8;
         float: none;
         overflow: hidden;
         padding: 60px 10%;
         text-align: center;
         width: 80%;
     }
     .extra-aboutus li:first-child {
         border-top: none;
         padding: 10px 10% 60px;
     }
     .extra-aboutus li:last-child {
         padding: 60px 10% 20px;
     }
     .extra-aboutus h2 {
         font-size: 24px;
         letter-spacing: 0;
         line-height: 28px;
         margin-bottom: 10px;
         min-height: 10px;
     }
     .extra-aboutus h2 span {
         display: inline;
     }
     .viewall {
         max-width: 120px;
         margin: 0 auto;
     }
     .newsletter {
         max-width: 300px;
         margin: 0 auto;
     }
     .viewall a {
         float: none;
     }
     .download-part {
         max-width: 100%;
         border-top: 1px solid #e8e8e8;
     }
     .contact-form {
         max-width: 560px;
         padding: 60px 5%;
     }
     .form-area {
         margin-top: 50px;
     }
     .form-inputs,
     .form-area .comments-area {
         width: 100%;
     }
     .form-inputs input,
     .comments-area textarea {
         margin: 0 3% 40px;
         padding: 15px 2% 15px 0;
         width: 44%;
     }
     .form-inputs input:focus {
         padding: 15px 2% 15px 2%;
         width: 44%;
     }
     .comments-area textarea {
         width: 94%;
     }
     .comments-area textarea:focus {
         background: none repeat scroll 0 0 #FAFAFA;
         border: 1px solid #E2E2E2;
         padding: 10px 5% 0 5%;
         width: 94%;
     }
     .videos-section p {
         font-size: 14px;
         line-height: 22px;
         margin: 10px 0 0;
         min-height: 45px;
         padding: 0;
     }
     .more-news p {
         font-size: 14px;
     }
     .catagory-mobapps p {
         max-width: 600px;
     }
     .look-down {
         display: none;
     }
     .page-heading .we-build h1 {
         font-size: 68px;
         line-height: 68px;
         padding-bottom: 35px;
     }
     .we-build h1 span {}
     .page-heading h1,
     .news-section h1 {
         font-size: 62px;
     }
     .googleapps-part {
         padding: 100px 10%;
     }
     .googleapps-part li {
         float: none;
         font-size: 15px;
         margin: 10px auto;
         max-width: 250px;
         text-align: left;
         width: 100%;
     }
     .extra-aboutus li p {
         font-size: 15px;
         line-height: 22px;
         margin: 0 auto 40px;
         max-width: 400px;
     }
     .signing .signup {
         overflow: hidden;
         width: 50px;
     }
     .aboutus-menu {
         max-width: 650px;
     }
     .aboutus-menu a {
         font-size: 14px;
     }
     .aboutus-menu-resize {
         max-width: 550px;
         padding: 25px 0;
     }
     .twentyfour-plus,
     .content-highlighted,
     .image-area {
         display: none;
     }
     .we-build h1 {
         font-size: 76px;
         font-weight: 800;
         letter-spacing: -4px;
         line-height: 72px;
         text-align: center;
     }
     .we-build em {
         border-bottom: 1px solid #666666;
         margin: 30px auto 0;
         width: 50px;
     }
     .aboutus-description-left {
         float: left;
         text-align: center;
         width: 100%;
         padding: 30px 0 0;
     }
     .aboutus-description p {
         float: left;
         font-size: 14px;
         line-height: 24px;
         padding: 0 3%;
         text-align: left;
         width: 44%;
     }
     .image-content-part,
     .content-twice-part {
         padding: 40px 0;
     }
     .aboutus-additional {
         margin: 30px 0 70px;
         padding: 0 6%;
         width: 88%;
     }
     .aboutus-additional li:first-child,
     .aboutus-additional li:last-child {
         float: none;
         padding: 0 5%;
         text-align: center;
         width: 90%;
     }
     .image-twice-part {
         padding: 0;
     }
     .our-story {
         padding: 150px 0 200px;
     }
     .our-story h2 {
         font-size: 48px;
         letter-spacing: -1px;
         line-height: 52px;
     }
     .our-story h2 span {
         font-size: 24px;
         letter-spacing: 0;
         line-height: 32px;
         margin-bottom: 5px;
     }
     body .footer-links {
         margin: 0 6%;
     }
 }
 
 @media screen and (max-width: 900px) {
     body {
         min-width: 300px;
     }
     .bannerInner h1 span {
         display: block
     }
     .bannerInner h1 img {
         display: none
     }
     .bannerOuter {
         margin-bottom: 150px;
     }
     .catagory-mobapps h2 {
         font-size: 30px;
         letter-spacing: -1px;
         line-height: 36px;
     }
     .mob-apps-section {
         background-attachment: scroll;
        
        
         overflow: hidden;
         width: 100%;
     }
     .mob-apps-cont {
         float: none;
         margin: 0 auto;
         max-width: 600px;
         padding: 100px 10%;
         text-align: center;
         width: 80%;
     }
     .mob-apps-cont p em {
         margin: 20px auto 35px;
         width: 40px;
     }
     #ifrm {
         width: 620px;
         height: 340px;
     }
     .store-icon {
         margin: 0 auto;
     }
     .cm-videos {
         max-width: 700px;
     }
     .aboutus-menu span.reduce-icon {
         margin: 0 auto 10px;
     }
     .aboutus-menu a.reduce-fontsize {
         font-size: 12px;
         padding: 0 12px;
     }
     .aboutus-menu-resize {
         max-width: 500px;
         padding: 25px 0;
     }
     /*TIMELINE IPAD 768 SIZE CHANGES STARTS*/
     .zoho-timeline p {
         font-size: 14px;
         line-height: 23px;
     }
     .content-2008,
     .content-2012 {
         max-width: 100%;
     }
     .section-2006 .content-2006,
     .section-2013 .content-2013 {
         padding: 40px 40px;
     }
     .left-section,
     .right-section {
         margin: 0 auto;
         max-width: 650px;
         padding: 50px 10%;
     }
     .right-box:before {
         background: none repeat scroll 0 0 #FFFFFF;
         box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.075);
         content: "";
         height: 30px;
         margin: -15px;
         position: absolute;
         top: 0;
         left: 50%;
         width: 30px;
         z-index: 99;
         transform: rotate(135deg);
         -moz-transform: rotate(135deg);
         -ms-transform: rotate(135deg);
         -o-transform: rotate(135deg);
         -webkit-transform: rotate(135deg);
     }
     .left-box:before {
         background: none repeat scroll 0 0 #FFFFFF;
         box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.075);
         content: "";
         height: 30px;
         position: absolute;
         right: 50%;
         top: 0;
         width: 30px;
         z-index: 99;
         margin: -15px;
         transform: rotate(-45deg);
         -moz-transform: rotate(-45deg);
         -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
         -webkit-transform: rotate(-45deg);
     }
     .year-pointer {
         top: 10px;
     }
     .left-part,
     .right-part {
         float: none;
         margin: 0 auto;
         padding: 10px 0;
         text-align: center;
         width: 100%;
     }
     .content-1996,
     .content-2001,
     .content-2005,
     .content-2006,
     .content-2007,
     .content-2009 {
         text-align: center;
         max-width: 100%;
     }
     .content-1996 {
         max-width: 100%;
     }
     .right-box,
     .left-box {
         padding: 40px;
         box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
         background: #fff;
     }
     .zoho-timeline .yearof {
         float: none;
         margin: 0 auto;
         text-align: center;
         background: #f7f7f7;
     }
     .content-1996 .adventnet {
         margin: 0 auto 20px;
     }
     .about-product {
         border-bottom: 1px dashed #abcdef;
         margin-bottom: 40px;
         overflow: hidden;
         padding: 0 0 40px;
     }
     .about-product:last-child {
         padding: 0 0 20px;
         margin-bottom: 0;
         border-bottom: none;
     }
     .content-2012 .about-product:nth-child(2),
     .content-2008 .about-product:nth-child(3) {
         padding: 0 0 50px;
         margin-bottom: 0;
         border-bottom: none;
     }
     /*.content-2006 .about-product, .content-2008 .about-product, .content-2012 .about-product, .content-2013 .about-product, .content-2014 .about-product, .content-2015 .about-product, .content-2016 .about-product, .content-2017 .about-product {
	overflow: hidden;
	padding: 0 0 50px;
}*/
     .zoho-timeline h2,
     .zoho-timeline h2 a {
         font-size: 21px;
         line-height: 28px;
     }
     .about-product span {
         left: 0;
         margin: 0 auto 15px;
         position: relative;
     }
     .one-million,
     .zoholics,
     .million-counts,
     .fifteen-million,
     .twenty-million {
         border-top: 5px solid #FFCC00;
         border-left: none;
         margin: 0 auto 10px;
         max-width: 400px;
         padding: 40px 20px 0;
     }
     .twenty-million.million-counts {
         margin-bottom: 50px;
     }
     .ten-million {
         border-left: none;
         margin: 0 auto;
         max-width: 400px;
         padding: 0;
     }
     .content-2001 {
         border-bottom: 5px solid #FFCC00;
         border-left: none;
     }
     .zoholics .zoholics-logo {
         margin: -10px auto 20px;
     }
     /*TIMELINE IPAD 768 SIZE CHANGES ENDS*/
     .we-build h1 {
         font-size: 70px;
         letter-spacing: -3px;
         line-height: 66px;
     }
     .webapps li {
         margin: 1%;
         width: 48%;
     }
     .webapps .product-details {
         margin: -82px 0 0 -120px;
     }
     .filter-list {
         max-width: 680px;
     }
     .filter-list li {
         margin: 0 8px;
     }
     .filter-list li:first-child {
         margin: 0 8px 0 0;
     }
     .filter-list li:last-child {
         margin: 0 0 0 8px;
     }
     .bannerInner h1 {
         float: none;
         font-size: 62px;
         letter-spacing: -3px;
         line-height: 60px;
         padding: 0 7% 60px 0;
         text-align: center;
         width: 100%;
     }
     .banner-content {
         width: 90%;
     }
     .all-partners {
         padding: 30px 0 15px;
     }
     .all-partners li a {
         padding: 10px 0;
         width: 33.333%;
     }
     .press-content-container h1 {
         font-size: 28px;
         letter-spacing: -0.5px;
         line-height: 36px;
         padding-bottom: 30px;
     }
 }
 
 @media screen and (max-width: 800px) {
     body {
         min-width: 300px;
     }
     .we-build h1 {
         font-size: 58px;
         letter-spacing: -1.5px;
         line-height: 56px;
     }
     .we-build em {
         margin: 25px auto 0;
     }
     .store-icon li img {
         width: 26px;
     }
     .mob-apps-cont h2 {
         font-size: 80px;
         line-height: 60px;
     }
     .store-icon li {
         height: 25px;
         padding: 5px 15px;
     }
     .case-studies li {
         padding: 0;
         width: 100%;
     }
     .awards-lists {
         margin: 0 auto;
         max-width: 600px;
         padding: 0 7% 60px;
     }
     .awards-lists li {
         width: 45%;
     }
     .catagory-mobapps .mobapps-icon {
         width: 48px;
         margin-bottom: 15px;
     }
     .catagory-mobapps li {
         padding: 0 15px;
     }
     .mob-ec li {
         width: 20%;
         padding: 0;
     }
     .integration-products h5 {
         font-size: 12px;
     }
     .catagory-mobapps li h4 {
         font-size: 12px;
     }
     .catagory-mobapps p {
         margin-bottom: 40px;
     }
     .merged-mobile-catagory .catagory-mobapps {
         float: none;
         padding: 80px 10% 40px;
         width: 80%;
     }
     .merged-mobile-catagory {
         padding: 0;
         background: none;
     }
     .page-heading h1,
     .news-section h1 {
         font-size: 58px;
     }
     .gapps-testimonial {
         padding: 60px 0;
     }
     .gapps-testimonial ul {
         padding: 50PX 0 0;
     }
     .gapps-testimonial h2 {
         font-size: 48px;
         letter-spacing: -1px;
         line-height: 46px;
         padding: 0 0 10px;
     }
     .gapps-testimonial p {
         font-size: 24px;
         letter-spacing: 0;
         line-height: 20px;
         margin: 0 auto;
     }
     .gapps-testimonial li p {
         font-size: 18px;
         line-height: 28px;
         padding-top: 20px;
     }
     .gapps-testimonial h5 {
         font-size: 14px;
         line-height: 24px;
         padding: 10px 0 5px;
     }
     .awards-lists p {
         font-size: 14px;
         padding: 10px 10px 0;
     }
     .our-story h2 {
         font-size: 40px;
         letter-spacing: -1px;
         line-height: 50px;
     }
     .our-story h2 span {
         font-size: 21px;
         line-height: 30px;
     }
     .our-story em {
         margin: 30px auto 0;
     }
     .our-story {
         padding: 120px 0;
     }
     .explore {
         display: none;
     }
     .recent-news,
     .news-lists-part,
     .news-lists {
         max-width: 700px;
         padding: 0%;
     }
     .bannerOuter {
         margin-bottom: 180px;
     }
 }
 
 @media screen and (max-width: 767px) {
     #head {
         display: block !important;
     }
     #head .logo {
         display: block;
     }
     #head .menu-icon {
         display: none;
     }
     .signing {
         display: block;
     }
 }
 
 @media screen and (max-width: 750px) {
     .breadcrumb-container {
         padding: 30px 10px 35px;
     }
     .filter-list {
         display: none;
     }
     .apps-tab-bar {
         padding: 100px 0 40px;
     }
     .enquiries {
         margin: 10px auto 0;
         max-width: 250px;
         overflow: hidden;
         padding: 0 0 40px 50px;
         text-align: left;
     }
     .enquiries li {
         float: none;
         padding: 0;
         width: 100%;
     }
     .catagory-mobapps,
     .catagory-mobapps.first-child {
         padding: 60px 10% 20px;
     }
     .catagory-mobapps .mobapps-icon {
         margin-bottom: 10px;
         width: 48px;
     }
     .catagory-mobapps .mob-sm,
     .catagory-mobapps .mob-cs,
     .catagory-mobapps .mob-ec,
     .catagory-mobapps .mob-fin,
     .catagory-mobapps .mob-hr,
     .catagory-mobapps .mob-cp {
         max-width: 400px;
     }
     .mob-ec li {
         padding: 0;
         width: 32%;
     }
     .news-lists li {
         background-image: none;
         padding: 30px 10% 25px;
         width: 80%;
     }
     .news-lists-part {
         margin: 50px auto;
     }
     .more-news p {
         font-size: 12px;
         margin: 0;
         width: 90%;
         padding: 10px 10% 10px 0;
     }
     .news-lists li span {
         float: none;
         margin-bottom: 12px;
         text-align: left;
         width: 100%;
         margin: 0 0 12px -10px;
     }
     .news-lists li .more-news {
         width: 100%;
     }
     .footer-links {
         margin: 0 10%;
         padding: 50px 0 10px;
     }
     .footer-links ul {
         margin: 0 0 30px;
         width: 45%;
         min-height: 140px;
     }
     .footer-links ul:nth-child(2),
     .footer-links ul:nth-child(4) {
         width: 30%;
         margin: 0 0 30px 15%;
     }
     .floating-iconic-menu {
         display: none;
     }
     .recent-news ul {
         margin: 0 auto;
         max-width: 500px;
     }
     .recent-news li {
         border-bottom: 1px solid #e8e8e8;
         box-shadow: none;
         margin: 0 10%;
         min-height: 10px;
         padding: 30px 0;
         width: 80%;
     }
     .recent-news li:last-child {
         border: none;
     }
     .recent-news li p {
         font-size: 14px;
         min-height: 10px;
         padding-bottom: 5px;
     }
     .recent-news li img {
         width: 90px;
     }
     .aboutus-description-left {
         padding: 0;
     }
     .aboutus-description p {
         float: none;
         padding: 30px 5% 0;
         text-align: center;
         width: 90%;
     }
     .we-build h1 {
         font-size: 46px;
         letter-spacing: -1.5px;
         line-height: 52px;
     }
     .we-build {
         padding: 60px 6% 10px;
         width: 88%;
     }
     .aboutus-description {
         padding: 0 7%;
         width: 86%;
     }
     .aboutus-additional h3 {
         font-size: 21px;
         line-height: 27px;
         padding-bottom: 12px;
     }
     .image-content-part,
     .content-twice-part {
         padding: 25px 0;
         text-align: left;
     }
     .aboutus-additional li:first-child,
     .aboutus-additional li:last-child {
         float: none;
         padding: 0 7%;
         text-align: left;
         width: 86%;
     }
     .aboutus-additional {
         margin: 30px 0;
     }
     .partner-menu li {
         border-bottom: 1px solid #e8e8e8;
         float: none;
         margin-bottom: 20px;
         padding: 20px 0 50px;
         width: 100%;
     }
     .partner-menu li:last-child {
         border-bottom: none;
         float: none;
         margin-bottom: 0px;
         padding: 20px 0 20px;
     }
     .partner-content {
         padding: 0 10%;
         width: 80%;
     }
     .parter-bullet-point p {
         font-size: 14px;
         line-height: 24px;
     }
     .bannerOuter {
         height: auto;
         margin-bottom: 0;
         background: none;
     }
     .bannerInner {
         padding: 0 0;
         text-align: center;
     }
     .banner-content {
         background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
         float: none;
         margin: 50px auto 0;
         padding: 0;
         width: 80%;
         border: none;
     }
     .bannerInner h1 {
        
         width: 80%;
         padding: 80px 10%;
         font-size: 48px;
         letter-spacing: -1px;
     }
     .madeinindia-banner {
         padding: 60px 0;
     }
     .googleapps-part h2 {
         font-size: 30px;
         letter-spacing: 0;
         line-height: 38px;
         margin: 0 auto;
         padding: 30px 0 10px;
     }
 }
 
 @media screen and (max-width: 650px) {
     body {
         min-width: 250px;
     }
     .googleapps-part {
         padding: 70px 10%;
     }
     .googleapps-part h1 {
         font-size: 20px;
         letter-spacing: 0;
         line-height: 32px;
     }
     .googleapps-part h2 {
         font-size: 24px;
         letter-spacing: 0;
         line-height: 32px;
         margin: 0 auto;
         padding: 30px 0 10px;
     }
     .googleapps-part p {
         font-size: 14px;
         line-height: 24px;
     }
     .timeline-continues h3 {
         margin: 0 auto;
         max-width: 360px;
     }
     /* YEAR COLOR CODE */
     .section-1996 .yearof {
         color: #03a9f5;
     }
     .section-2001 .yearof {
         color: #5bb46c;
     }
     .section-2005 .yearof {
         color: #ea785d;
     }
     .section-2006 .yearof {
         color: #d6b000;
     }
     .section-2007 .yearof {
         color: #4661b9;
     }
     .section-2008 .yearof {
         color: #48bbb4;
     }
     .section-2009 .yearof {
         color: #9b59b6;
     }
     .section-2012 .yearof {
         color: #c0392b;
     }
     .section-2013 .yearof {
         color: #e67e22;
     }
     .section-2014 .yearof {
         color: #9e2955;
     }
     .section-2015 .yearof {
         color: #200CCB;
     }
     .section-2016 .yearof {
         color: #00AE78;
     }
     .section-2017 .yearof {
         color: #48bbb4;
     }
     /* YEAR COLOR CODE ENDS */
     .product-details img {
         width: 52px;
     }
     .webapps li h4 {
         font-size: 15px;
         letter-spacing: 0;
         line-height: 18px;
         margin: 20px auto 10px;
     }
     .webapps li p {
         padding: 0 8%;
     }
     .we-build h1 {
         font-size: 42px;
         letter-spacing: -1px;
         line-height: 46px;
     }
     .address {
         max-width: 100%;
         padding: 30px 1% 50px;
     }
     .address h4 {
         font-size: 28px;
         padding: 0 20px;
         top: -46px;
     }
     .address h2 {
         font-size: 30px;
         letter-spacing: -1px;
         line-height: 32px;
     }
     .address h3 {
         font-size: 16px;
     }
     .address p {
         font-size: 13px;
         line-height: 24px;
     }
     .press-release {
         padding: 30px 0;
     }
     .press-release h2 {
         font-size: 40px;
         letter-spacing: -2px;
         padding: 0 0 20px;
     }
     .press-release H5,
     .press-release p {
         padding: 0 0 5px;
     }
     .press-release li {
         float: none;
         margin: 0 5%;
         min-height: 20px;
         padding: 15px 0;
         width: 90%;
     }
     .aboutus-menu {
         max-width: 100%;
     }
     .aboutus-menu a {
         font-size: 14px;
         margin: 0;
         padding: 25px 0;
         width: 25%;
     }
     .aboutus-menu .selected span {
         background-position: center 100%;
     }
     .left-section,
     .right-section {
         max-width: 650px;
         padding: 40px 0;
     }
     .download-part h2 {
         float: none;
         font-size: 40px;
         letter-spacing: -1px;
         line-height: 32px;
         margin: 0 auto;
         max-width: 250px;
         padding-top: 0;
         text-align: center;
         width: 100%;
     }
     .logo-download {
         text-align: center;
     }
     .download-part img {
         border-left: medium none;
         display: block;
         float: none;
         margin: 0 auto;
         max-width: 100%;
         padding: 30px 0 5px;
         width: 120px;
     }
     .formats {
         float: none;
         margin: 0 auto;
         max-width: 130px;
     }
     .formats a {
         font-size: 14px;
         padding: 0 8px;
     }
     .right-box,
     .left-box {
         margin: 30px 35px 0;
         position: relative;
     }
     .aboutus-additional p,
     .aboutus-description p {
         font-size: 13px;
         line-height: 22px;
         text-align: left;
     }
     .one-million,
     .zoholics {
         padding: 40px 5px 0;
     }
     .our-story h2 span {
         font-size: 16px;
         line-height: 24px;
     }
     .our-story h2 {
         font-size: 32px;
         letter-spacing: -1px;
         line-height: 40px;
         padding: 0 10%;
     }
     .webapps {
         max-width: 400px;
         min-height: 10px;
     }
     .webapps li:before {
         content: none;
         display: block;
         padding-top: 0;
     }
     .webapps .product-details {
         left: 0;
         margin: 0 auto;
         padding: 20% 0;
         position: relative;
         top: 0;
     }
     .webapps li {
         margin: 2.5% 5%;
         width: 90%;
     }
     .press-content-container h1,
     .press-content-container h2 {
         font-size: 22px;
         letter-spacing: -0.5px;
         line-height: 36px;
         padding-bottom: 15px;
         text-align: left;
     }
     .press-content-container h2 {
         font-size: 20px;
     }
     .press-content-container p,
     .press-content-container ul {
         font-size: 12px;
         line-height: 22px;
     }
     .breadcrumb-container .act {
         display: block;
         font-size: 12px;
         padding: 5px 0 0 5px;
     }
     .press-content-container {
         padding: 35px 8% 20px;
     }
     .madeinindia-banner {
         padding: 75px 0;
     }
     .madeinindia-banner span {
         display: block;
         font-size: 20px;
         margin: 0 auto;
         max-width: 180px;
         padding: 0 0 0 35px;
         position: relative;
         text-shadow: 0 0 25px #000;
         text-transform: uppercase;
         z-index: 99;
     }
     .madeinindia-banner span em {
         background-position: -325px -40px;
         height: 25px;
         left: 0;
         padding: 0;
         position: absolute;
         top: 3px;
         width: 25px;
     }
 }
 
 @media screen and (max-width: 550px) {
     body {
         min-width: 200px;
     }
     .banner-content,
     .partner-menu li p {
         display: none;
     }
     .partner-menu h4,
     .partner-menu h4 a {
         padding-bottom: 15px;
         text-align: center;
         font-size: 20px;
     }
     .more-info {
         display: block;
         margin: 0 auto;
         max-width: 80px;
         text-align: center;
     }
     .all-partners li a {
         padding: 5px 0;
         text-align: center;
         width: 50%;
     }
     .merged-mobile-catagory .catagory-mobapps {
         float: none;
         padding: 60px 10% 20px;
         width: 80%;
     }
     .catagory-mobapps h2 {
         font-size: 26px;
         letter-spacing: -1px;
         line-height: 30px;
         margin-bottom: 15px;
     }
     .contact-form .submit input {
         margin-top: 32px;
     }
     .mob-apps-cont h2 span {
         font-size: 18px;
         line-height: 26px;
         padding: 12px 0 0;
     }
     .mob-apps-cont h2 {
         font-size: 60px;
         line-height: 46px;
     }
     .mob-apps-cont p {
         font-size: 15px;
         line-height: 22px;
     }
     .timeline-continues h3 {
         font-size: 21px;
         line-height: 30px;
         text-align: center;
     }
     .address {
         max-width: 100%;
         padding: 30px 1% 20px;
     }
     .address-wrapper {
         max-width: 100%;
     }
     .address ul,
     .address ul:last-child {
         background: none;
         border-top: none;
         width: 90%;
         margin: 0 5%;
     }
     .address li {
         background: none repeat scroll 0 0 #fff;
         border-top: 1px solid #f2f2f2;
         float: none;
         max-width: 280px;
         min-height: 30px;
         padding: 40px 0% 10px;
         width: 98%;
         box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 6px 0 -3px #fff, 0 7px 1px -3px rgba(0, 0, 0, 0.15), 0 12px 0 -6px #fff;
     }
     .address ul {
         padding: 0;
     }
     .page-heading h1,
     .news-section h1 {
         font-size: 50px;
         line-height: 40px;
     }
     .contact-form {
         max-width: 550px;
         padding: 40px 5% 45px;
     }
     .form-area {
         margin-top: 30px;
     }
     .form-inputs input,
     .form-inputs input:focus,
     .comments-area textarea {
         margin: 0 5% 0;
         padding: 15px 0 15px 0;
         width: 90%;
         font-size: 14px;
     }
     .form-inputs input,
     .form-inputs input:focus,
     .comments-area textarea {
         background: none repeat scroll 0 0 #F7F7F7;
         border: 1px solid #FFFFFF;
         display: block;
         font-size: 14px;
         line-height: 14px;
         margin: 12px 5%;
         padding: 15px 5%;
         width: 90%;
     }
     .form-inputs input:focus,
     .comments-area textarea:focus {
         border: 1px solid #e2e2e2;
         padding: 15px 5%;
         width: 90%;
         background: #fff;
     }
     .timeline-continues h3 {
         margin: 0 auto;
         max-width: 280px;
     }
     .parter-bullet-point h3 {
         font-size: 26px;
         letter-spacing: -0.5px;
         line-height: 32px;
         margin-bottom: 25px;
     }
 }
 
 @media screen and (max-width: 450px) {
     body {
         min-height: 200px;
     }
     .all-partners li a {
         width: 100%;
     }
     .we-build h1 {
         font-size: 32px;
         font-weight: 800;
         letter-spacing: -0.5px;
         line-height: 36px;
     }
     .apps-tab {
         max-width: 220px;
     }
     .apps-tab a {
         font-size: 11px;
         padding: 10px 0;
         width: 108px;
     }
     .mob-apps-cont p,
     .catagory-mobapps p {
         display: none;
     }
     .catagory-mobapps h2 {
         font-size: 24px;
         letter-spacing: -0.5px;
         line-height: 28px;
         margin-bottom: 35px;
     }
     .mobilemenu-close {
         right: 20px;
         position: fixed;
         top: 20px;
         z-index: 9999999;
     }
     .mob-apps-cont {
         padding: 80px 10%;
     }
     .catagory-mobapps .mob-sm,
     .catagory-mobapps .mob-cs,
     .catagory-mobapps .mob-ec,
     .catagory-mobapps .mob-fin,
     .catagory-mobapps .mob-hr,
     .catagory-mobapps .mob-cp {
         max-width: 250px;
     }
     .mobile-holder {
         width: 100%;
     }
     .mobile-sub-holder {
         width: 100%;
     }
     .catagory-mobapps li {
         padding: 0;
         width: 49%;
     }
     .mob-ec li {
         padding: 0;
         width: 45%;
     }
     .news-lists li {
         padding: 30px 15% 25px;
         width: 70%;
     }
     .mobile-menu-wrap .catagory-mobile {
         margin: 0;
         text-align: center;
         width: 100%;
         background: #f2f2f2;
     }
     .mobile-menu-wrap .catagory-mobile a {
         border-bottom: medium none;
         display: block;
         padding: 15px 0;
     }
     .aboutus-menu a {
         font-size: 11px;
         padding: 20px 0;
     }
     .right-box,
     .left-box {
         margin: 30px 20px;
         padding: 40px 30px;
         position: relative;
         text-align: left;
     }
     .about-product span {
         margin: 0 0 15px;
     }
     .one-million,
     .zoholics,
     .million-counts,
     .fifteen-million,
     .twenty-million {
         padding: 40px 0 0;
     }
     .footer-links {
         margin: 0 5%;
         padding: 25px 0 15px;
         text-align: left;
     }
     .footer-links ul {
         margin: 20px auto !important;
         padding: 0 15% !important;
         text-align: left;
         width: 70% !important;
         min-height: 10px;
     }
     .footer-links ul:first-child+ul+ul+ul {
         margin: 0 auto
     }
     .common-footer p {
         max-width: 200px;
     }
     .parter-bullet-point a,
     .parter-bullet-point span a {
         float: none;
         margin: 15px auto 0;
         max-width: 100px;
         padding: 10px 15px;
     }
     .parter-bullet-point span a {
         max-width: 100%;
         margin: 15px auto 0;
     }
     .bannerInner h1 {
         font-size: 40px;
         line-height: 48px;
         padding: 70px 10%;
     }
     #short-video {
         left: -25%;
         position: absolute;
         top: 0;
         width: 150%;
         z-index: 9;
     }
 }
 /* Language dropdown starts */
 
 .zlang-container .zlang-text::after {
     background-image: url("https://www.zoho.com/one/images/zone-sprite.png");
     background-position: 0 0;
     background-repeat: no-repeat;
     background-size: 400px auto;
 }
 
 .zlang-container {
     display: inline-block;
     position: relative;
     margin-top: 10px;
 }
 
 .zlang-container .zlang-text {
     box-sizing: border-box;
     display: inline-block;
     font-size: 12px;
     line-height: 1;
     padding: 5px 5px 5px 30px;
     position: relative;
     width: 100%;
     cursor: pointer;
 }
 
 .zlang-container .zlang-text::after {
     background-position: -233px 0;
     background-repeat: no-repeat;
     content: "";
     display: block;
     height: 20px;
     left: 6px;
     position: absolute;
     top: 3px;
     width: 20px;
     z-index: 1;
 }
 
 .zlang-container .zlang-container-inner {
     box-sizing: border-box;
     display: none;
     left: 15px;
     padding: 10px 0;
     position: absolute;
     bottom: 15px;
     width: 115px;
 }
 
 .zlang-container ul {
     background: #fff none repeat scroll 0 0;
     border: 1px solid #e0e0e0;
     box-sizing: border-box;
     margin: 0;
     padding: 15px;
     position: relative;
     z-index: 1;
     width: 100%;
     overflow: visible;
 }
 
 .zlang-container ul::after,
 .zlang-container ul::before {
     border: medium solid transparent;
     content: " ";
     height: 0;
     left: 20%;
     pointer-events: none;
     position: absolute;
     top: 100%;
     width: 0;
     z-index: 3;
 }
 
 .zlang-container ul::before {
     border-color: #c0c0c0 rgba(221, 229, 237, 0) rgba(221, 229, 237, 0);
     border-width: 7px;
     margin-left: -7px;
 }
 
 .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 {
     width: 100%;
     display: inline-block;
     padding: 0 0 5px !important;
     border: 0;
     margin: 0;
     line-height: 1.2;
 }
 
 .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 !important;
     font-size: 14px;
 }
 
 .zlang-container.lang-domain-show ul li:nth-child(2) {
     margin-top: 25px;
 }
 
 .zlang-container .zlang-container-inner.zshow {
     display: block;
 }
 /*.zlang-container:hover .zlang-container-inner{
	display:block;
}*/
 
 .zlang-container a {
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
     border: 0 none;
     color: #000;
     font-size: 12px;
     height: auto;
     margin: 0;
     opacity: 1;
     text-align: left;
     text-indent: 0;
     width: 100%;
     padding: 5px 0 !important;
     display: inline-block;
 }
 
 .zlang-container a:hover {
     color: #03a9f5;
 }
 
 .arrow-down {
     border-left: 12px solid transparent;
     border-right: 12px solid transparent;
     border-top: 12px solid #f8f8f8;
     bottom: 4px;
     height: 0;
     left: 8px;
     position: absolute;
     width: 0;
     z-index: 2;
     display: none;
 }
 
 @media only screen and (max-width: 767px) {
     .zlang-container {
         bottom: auto;
         left: auto;
         margin: 6px auto;
         position: relative;
         right: auto;
     }
     .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;
     }
 }
 
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-resolution: 240dpi) {
     .zlang-container .zlang-text::after {
         background-image: url("https://www.zoho.com/one/images/zone-sprite@2x.png");
     }
 }
 /* Language - Ends */
 /* Language Top Bar (Info Bar) */
 
 .langstrip {
     width: 100%;
     background-color: rgba(0, 0, 0, 0.8);
     text-align: center;
     color: #fff;
     padding: 25px 20px;
     box-sizing: border-box;
     display: none;
 }
 
 .langTxt {
     padding-right: 20px;
 }
 
 .langBtn {
     background: rgb(62, 163, 107) none repeat scroll 0% 0%;
     padding: 5px 15px;
     cursor: pointer;
     color: inherit;
 }
 
 .langClose {
     margin-left: 40px;
     cursor: pointer;
     text-indent: -999px;
     width: 15px;
     height: 15px;
     position: relative;
     display: inline-block;
     overflow: hidden;
     vertical-align: middle;
 }
 
 .langClose:after,
 .langClose:before {
     content: "";
     position: absolute;
     background: #fff;
     width: 1px;
     height: 100%;
     left: 50%;
     top: 0;
 }
 
 .langClose:after {
     transform: rotate(45deg);
 }
 
 .langClose:before {
     transform: rotate(-45deg);
 }
 
 @media only screen and (max-width: 767px) {
     .langClose {
         position: fixed;
         right: 6px;
         top: 6px;
     }
     .langTxt {
         padding: 0;
         display: block;
         margin-bottom: 15px;
     }
 }
 /* Language Top Bar (Info Bar) - End */
 /* language dropdown starts */
 
 .header .zlang-container ul::after {
     border-width: 6px;
     margin-left: -6px;
 }
 
 .header .zlang-container {
     float: right;
 }
 
 .header .zlang-container {
     margin-top: 6px;
 }
 
 @media only screen and (max-width: 767px) {
     .header .zlang-container ul::after,
     .header .zlang-container ul::before {
         left: 20%;
     }
     .userinfo-container,
     .userinfo-details,
     .userinfo-details .userinfo-avatar {
         height: 51px;
         width: 51px;
     }
     .aboutus-menu a {
         padding: 15px 5px;
         float: none;
         display: inline-block;
         width: auto;
         font-family: var(--zf-primary-semibold);
     }
 }
 
 @media only screen and (max-width: 480px) {
     .header .zlang-container {
         display: none !important;
     }
 }
 /* language dropdown Ends */
 /* Cookie Top Band */
 
 #cookie-policy {
     display: none;
 }
 
 .cookiestrip {
     text-align: center;
     border-top: 1px solid #ccc;
     font-size: 14px;
     padding: 25px 10px;
     box-sizing: border-box;
     background: #273238;
     position: fixed;
     z-index: 99;
     width: 100%;
     bottom: 0;
     color: #fff;
 }
 
 .cookiestrip * {
     box-sizing: border-box;
 }
 
 .cookiestrip a {
     text-decoration: underline;
     color: #fff;
     font-family: var(--zf-primary-semibold);
 }
 
 .cookieClose {
     display: inline-block;
     margin-left: 15px;
     font-size: 13px;
     cursor: pointer;
     padding: 4px 7px;
     overflow: hidden;
     background: #DC544C;
     line-height: 1;
     vertical-align: bottom;
 }
 
 @media only screen and (max-width: 767px) {
     /*.cookiestrip {
        margin-top: 50px;
        position: relative;
        z-index: 9;
    }
    .cookiestrip+.langstrip {
        margin-top: 0;
    }*/
 }
 /* Cookie Top Band - Ends */
 /* domain links in the footer */
 
 ul.zdomainlink {
     display: inline;
     margin-left: 5px;
     padding: 0;
 }
 
 ul.zdomainlink li {
     padding-left: 10px;
     border-left: 1px solid #ccc;
     margin: 0;
     border-right: 0;
     font-family: var(--zf-primary-semibold);
 }
 
 ul.zdomainlink li a:hover {
     border-bottom: 1px solid #666;
     text-decoration: unset;
 }
 
 ul.zdomainlink li.zcurrentdomain a {
     font-family: var(--zf-primary-regular);
     cursor: default;
 }
 
 ul.zdomainlink li.zcurrentdomain a:hover {
     border-bottom: none;
 }
 
 .domain-in ul.zdomainlink li.comlink {
     border-left: none;
     padding-left: 0;
 }
 
 .zlang-container.lang-domain-show ul li:nth-child(2) {
     margin-top: 0;
 }
 
 ul.zdomainlink.zEngOnly {
     overflow: hidden;
     display: inline-block;
     margin: 10px 0 0 0;
 }
 
 ul.zdomainlink.zEngOnly li:first-child {
     padding-left: 0;
     border-left: 0;
 }
 /*domain links in the footer - Ends  */
 /* Freezing Phone Number n COuntry field in IN */
 
 .domain-in .za-country_code-container #countryCodeDiv::before {
     display: none;
 }
 
 .domain-in .za-country_code-container .za_country_code {
     cursor: default;
 }
 
 .domain-in .za-country-container {
     display: none !important;
 }
 /* Freezing Phone Number n COuntry field in IN - Ends */
 /******************************/
 /******** Landing Pages *******/
 /******************************/
 
 html,
 body,
 div,
 span,
 object,
 iframe,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 blockquote,
 pre,
 abbr,
 address,
 cite,
 code,
 del,
 dfn,
 em,
 img,
 ins,
 kbd,
 q,
 samp,
 small,
 strong,
 sub,
 sup,
 var,
 b,
 i,
 dl,
 dt,
 dd,
 ol,
 ul,
 li,
 fieldset,
 form,
 label,
 legend,
 table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 td,
 article,
 aside,
 canvas,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section,
 summary,
 time,
 mark,
 audio,
 video {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-size: 100%;
     background: transparent;
 }
 
 body {
     font-size: 16px;
     line-height: 26px;
     font-family: var(--zf-primary-regular), Arial, Helvetica, sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     text-rendering: optimizeLegibility;
     -webkit-text-size-adjust: none;
     font-weight: inherit;
 }
 
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section {
     display: block;
 }
 
 a {
     margin: 0;
     padding: 0;
     font-size: 100%;
     vertical-align: baseline;
     background: transparent;
     text-decoration: none;
     color: #03a9f5;
 }
 
 input,
 select {
     vertical-align: middle;
 }
 
 .clearfix {
     display: table;
     clear: both;
 }
 
 img {
     max-width: 100%;
     height: auto;
 }
 
 p {
     margin-bottom: 20px;
     font-size: 16px;
     line-height: 26px;
 }
 
 ul,
 ol {
     list-style: disc;
     padding-left: 20px;
     margin-bottom: 20px;
 }
 
 ul:after,
 ol:after {
     display: block;
     content: '';
     clear: both;
     overflow: hidden;
 }
 
 ol {
     list-style: decimal;
 }
 
 ul li,
 ol li {
     margin-bottom: 15px;
     line-height: 1.5;
     vertical-align: top;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     color: #000;
     line-height: 1.2;
 }
 
 h1 {
     font-size: 45px;
     margin-bottom: 15px;
 }
 
 h2 {
     font-size: 40px;
     margin-bottom: 10px;
 }
 
 h3 {
     font-size: 35px;
     margin-bottom: 10px;
 }
 
 h4 {
     font-size: 30px;
     margin-bottom: 10px;
 }
 
 h5 {
     font-size: 25px;
     margin-bottom: 10px;
 }
 
 h6 {
     font-size: 20px;
     margin-bottom: 10px;
 }
 
 input::-webkit-input-placeholder {
     color: rgba(255, 255, 255, 0.45);
 }
 
 input:focus::-webkit-input-placeholder {
     color: rgba(255, 255, 255, 0.6);
 }
 /* Firefox < 19 */
 
 input:-moz-placeholder {
     color: rgba(255, 255, 255, 0.45);
     font-size: 14px;
 }
 
 input:focus:-moz-placeholder {
     color: rgba(255, 255, 255, 0.6);
 }
 /* Firefox > 19 */
 
 input::-moz-placeholder {
     color: rgba(255, 255, 255, 0.45);
     font-size: 14px;
 }
 
 input:focus::-moz-placeholder {
     color: rgba(255, 255, 255, 0.6);
 }
 /* Internet Explorer 10 */
 
 input:-ms-input-placeholder {
     color: rgba(255, 255, 255, 0.25);
 }
 
 input:focus:-ms-input-placeholder {
     color: rgba(255, 255, 255, 0.6);
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 .banner-section .product-logo,
 .signup-button,
 .testimonial small,
 .socl-signup ul li {
     font-family: var(--zf-primary-semibold), Arial, Helvetica, sans-serif;
     font-weight: inherit;
 }
 
 .signup_frm .signup-heading,
 .banner-section h1,
 .watch-icon-dark {
     font-family: "proxima_novalight", Arial, Helvetica, sans-serif;
     font-weight: inherit;
 }
 
 #cookie-policy {
     display: none;
 }
 /* SIGNUP COUNTRY IP ADDRESS choosing css */
 
 .signup-box p.zcountry-info {
     font-size: 12px;
     margin-top: 12px;
 }
 
 .signup-box p.zcountry-info #zip-countryname {
     font-weight: 700;
 }
 
 .signup-box span#zip-countryname-change {
     color: #03a9f5;
     cursor: pointer;
     text-decoration: underline;
     margin-left: 3px;
 }
 
 .signup-box .za-country-container.za-country-container-arrow {
     display: none !important;
 }
 
 .signup-box .za-country-container.za-country-container-arrow.zshow {
     display: block !important;
 }
 /* SIGNUP COUNTRY IP ADDRESS choosing css ends */
 /* SIGNUP FORM - COUNTRY SELECT BOX */
 
 .signup_frm .za-country-container .globalcountrycode-signup option {
     color: #000 !important;
 }
 /****** Popup Video ******/
 
 .z-pouup-wrap,
 .z-popup-overlay {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     position: fixed;
     outline: 0!important;
     -webkit-backface-visibility: hidden;
     z-index: 100;
 }
 
 .z-pouup-wrap {
     display: none;
 }
 
 .z-pouup-wrap-inner {
     text-align: center;
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     padding: 0;
     overflow: auto;
     z-index: 101;
 }
 
 .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, 0.95);
     cursor: pointer;
 }
 
 .z-popup-content-wrap {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     margin: 0 auto;
     text-align: left;
     width: 100%;
 }
 
 .z-popup-content {
     margin: 50px auto;
     max-width: 800px;
     background: #fff;
     z-index: 6;
     position: relative;
     text-align: initial;
     width: 90%;
     border: 1px solid #ddd;
 }
 
 .z-video-wrap .z-popup-content {
     padding: 0px;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     max-width: 70%;
 }
 
 .popup-data {
     display: none;
 }
 
 .popup-data-inner {
     padding: 70px;
 }
 
 .z-popup-close {
     display: block;
     position: fixed;
     right: 25px;
     top: 25px;
     width: 30px;
     height: 30px;
     line-height: 30px;
     font-style: normal;
     font-size: 28px;
     font-family: Arial, Baskerville, monospace;
     text-align: center;
     color: #000;
     text-decoration: none;
     z-index: 2;
    
     text-indent: -1000px;
     overflow: hidden;
 }
 
 .popup-data {
     display: none;
 }
 /****** Slider ******/
 
 .z-slider-wrap {
     position: relative;
 }
 
 .z-slider {
     margin-bottom: 0;
     list-style: none;
     min-height: 150px;
     padding-left: 0px;
     transition: height 1s ease;
     -moz-transition: height 1s ease;
     -o-transition: height 1s ease;
     -webkit-transition: height 1s ease;
 }
 
 .z-slider li {
     position: absolute;
     top: 0px;
     display: none;
     width: 100%;
     margin: 0;
 }
 
 .z-slider li img {
     display: block;
     width: 100%;
     height: auto;
 }
 
 .z-slider-nav {
     display: none;
     position: relative;
     top: 0;
     padding: 20px 0 0;
 }
 
 .z-slider-nav li {
     display: inline-block;
     width: 10px;
     height: 10px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     cursor: pointer;
     margin: 0px 3px;
     background: #919698;
     -webkit-transition: background 0.7s ease;
     -moz-transition: background 0.7s ease;
     -o-transition: background 0.7s ease;
     transition: background 0.7s ease;
 }
 
 .z-slider-nav li.active {
     background: #0e9cce;
     cursor: default;
 }
 /****** Common ******/
 
 .z-bottom-space-30 {
     margin-bottom: 30px;
 }
 
 .z-bottom-space-40 {
     margin-bottom: 40px;
 }
 
 .z-bottom-space-50 {
     margin-bottom: 50px;
 }
 
 .z-bottom-space-100 {
     margin-bottom: 100px;
 }
 
 .img-wrap img {
     display: block;
     margin: 0 auto;
 }
 
 .z-align-center {
     text-align: center;
 }
 
 .row.no-bottom-space,
 .z-row.no-bottom-space {
     padding-bottom: 0px;
 }
 
 .left,
 .z-left {
     float: left;
 }
 
 .right,
 .z-right {
     float: right;
 }
 
 .bg-cover,
 .z-bg-cover {
     -webkit-background-size: cover !important;
     -moz-background-size: cover !important;
     -o-background-size: cover !important;
     background-size: cover !important;
 }
 
 .button {
     border: 1px solid #f0483e;
     text-decoration: none;
     background: #f0483e;
     padding: 10px 30px;
     display: inline-block;
     margin: 0px 0px 10px;
     width: auto;
     color: #fff;
 }
 
 .section,
 .z-section {
     position: relative;
     display: block;
 }
 
 .row,
 .z-row {
     position: relative;
     display: block;
     overflow: hidden;
     padding: 70px 0px;
 }
 
 .large-content-wrap,
 .z-large-content-wrap {
     width: 100%;
     max-width: 1170px;
     margin: 0 auto;
     display: block;
 }
 
 .z-content-wrap {
     width: 100%;
     max-width: 1040px;
     margin: 0 auto;
     display: block;
 }
 
 .small-content-wrap,
 .z-small-content-wrap {
     width: 100%;
     max-width: 700px;
     margin: 0 auto;
     display: block;
 }
 
 .small-content-wrap:after,
 .large-content-wrap:after,
 .z-content-wrap:after,
 .z-small-content-wrap:after,
 .z-large-content-wrap:after {
     display: block;
     content: ' ';
     clear: both;
 }
 
 .column-block,
 .z-column-block {
     float: left;
 }
 
 .two-col .column-block,
 .z-two-col .column-block {
     width: 47%;
     margin-right: 6%;
 }
 
 .two-col .column-block:nth-child(2n),
 .z-two-col .column-block:nth-child(2n) {
     margin-right: 0px;
 }
 
 .alt-section .two-col .column-block,
 .alt-section .z-two-col .column-block {
     float: right;
     margin-right: 0px;
 }
 
 .alt-section .two-col .column-block:nth-child(2),
 .alt-section .z-two-col .column-block:nth-child(2) {
     float: left;
     margin-right: 6%;
 }
 
 .three-col .column-block,
 .z-three-col .column-block {
     width: 30%;
     margin-right: 5%;
 }
 
 .three-col .column-block:nth-child(3n),
 .z-three-col .column-block:nth-child(3n) {
     margin-right: 0px;
 }
 
 .four-col .column-block,
 .z-four-col .column-block {
     width: 21.25%;
     margin-right: 5%;
 }
 
 .four-col .column-block:nth-child(4n),
 .z-four-col .column-block:nth-child(4n) {
     margin-right: 0px;
 }
 
 .banner-section .two-col .column-block,
 .banner-section .z-two-col .column-block {
     width: 52%;
 }
 
 .banner-section .two-col .column-block:nth-child(2),
 .banner-section .z-two-col .column-block:nth-child(2) {
     width: 42%;
 }
 /*****************************************************************************
	Vertical align middle
*****************************************************************************/
 
 .vertical-middle {
     display: table;
     width: 100%;
     position: relative;
     table-layout: fixed;
 }
 
 .vertical-middle .column-block {
     display: table-cell;
     vertical-align: middle;
     float: none;
 }
 
 .two-col .vertical-middle .column-block,
 .z-two-col .vertical-middle .column-block {
     width: 53%;
     margin-right: 0%;
     padding-right: 6%;
 }
 
 .two-col .vertical-middle .column-block:nth-child(2n),
 .z-two-col .vertical-middle .column-block:nth-child(2n) {
     padding-right: 0px;
 }
 
 .three-col .vertical-middle .column-block,
 .z-three-col .vertical-middle .column-block {
     width: 35%;
     padding-right: 5%;
     margin-right: 0%;
 }
 
 .three-col .vertical-middle .column-block:nth-child(3n),
 .z-three-col .vertical-middle .column-block:nth-child(3n) {
     padding-right: 0px;
 }
 
 .four-col .vertical-middle .column-block,
 .z-four-col .vertical-middle .column-block {
     width: 26.25%;
     padding-right: 5%;
     margin-right: 0%;
 }
 
 .four-col .vertical-middle .column-block:nth-child(4n),
 .z-four-col .vertical-middle .column-block:nth-child(4n) {
     padding-right: 0px;
 }
 
 .banner-section .two-col .vertical-middle .column-block,
 .banner-section .z-two-col .vertical-middle .column-block {
     width: 58%;
 }
 
 .banner-section .two-col .vertical-middle .column-block:nth-child(2),
 .banner-section .z-two-col .vertical-middle .column-block:nth-child(2) {
     width: 42%;
 }
 /*****************************************************************************
	Vertical align middle
*****************************************************************************/
 
 .browser-tab {
     background: none repeat scroll 0 0 #ddd;
     display: block;
     height: 25px;
     margin: 0 auto;
     position: relative;
     width: 100%;
     border-radius: 1px 1px 0 0;
     -webkit-border-radius: 1px 1px 0 0;
     transition: all 0.65s ease 0s;
     -webkit-transition: all 0.65s ease 0s;
 }
 
 .browser-tab em,
 .browser-tab em:after,
 .browser-tab em:before {
     background: none repeat scroll 0 0 #ff5d5c;
     border-radius: 100%;
     display: inline-block;
     float: left;
     height: 7px;
     margin: 9px 0 0 10px;
     width: 7px;
 }
 
 .browser-tab em:before {
     background: none repeat scroll 0 0 #20ca58;
     content: "";
     float: left;
     left: 16px;
     position: relative;
     top: -9px;
 }
 
 .browser-tab em:after {
     background: none repeat scroll 0 0 #ffbe50;
     content: "";
     float: left;
     left: 3px;
     position: relative;
     top: -25px;
 }
 
 .custom-icon {
     background: url(https://www.zoho.com/crm/images/crm-sprite1.png) no-repeat 1px -64px;
     display: inline-block;
     width: 40px;
     height: 40px;
     margin-bottom: 10px;
 }
 
 .custom-icon.style2 {
     width: 70px;
     height: 70px;
     background: url(https://www.zoho.com/crm/images/crm-sprite1.png) no-repeat 16px -50px;
     border: 1px solid #333;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
 }
 
 .custom-icon-wrap {
     position: relative;
     padding-left: 90px;
     min-height: 72px;
     margin-bottom: 20px;
     overflow: hidden;
 }
 
 .custom-icon-wrap .custom-icon {
     position: absolute;
     top: 0px;
     left: 0px;
 }
 
 ul.style1,
 ol.style1 {
     padding-left: 0px;
     list-style: none;
 }
 
 ul.style1 li,
 ol.style1 li {
     background: url(https://www.zoho.com/creator/images/winery-list-icon-style1.png) no-repeat 0px 1px;
     padding-left: 30px;
     margin-bottom: 20px;
 }
 
 .product-logo {
    
     display: inline-block;
     line-height: 57px;
     padding-left: 80px;
     font-family: "Open Sans", "Arial", sans-serif;
 }
 
 .banner-section .product-logo {

     color: #fff !important;
     display: inline-block;
     font-size: 30px;
     height: 36px;
     line-height: 43px;
     margin: 0 0 12px 0px;
     padding-left: 115px;
     text-decoration: none;
     width: auto;
     position: relative;
     -webkit-background-size: 105px;
     -moz-background-size: 105px;
     -o-background-size: 105px;
     background-size: 105px;
 }
 
 .product-logo.center {
     left: -60px;
     margin: 0 auto 20px;
 }
 
 .product-header.sticky .product-logo {
     padding: 0 0 0 75px;
 }
 
 .signup-button {
     background: #f0483e none repeat scroll 0 0;
     color: #fff;
     margin: 10px 0;
     text-transform: uppercase;
     display: inline-block;
     padding: 10px 30px;
 }
 
 .banner-section {
     overflow: hidden;
     width: 100%;
 }
 
 .banner-section h1 {
     font-size: 40px;
 }
 
 .signup-box {
     float: right;
     position: relative;
     max-width: 380px;
     width: 100%;
     text-align: left;
 }
 
 .signup-twocol {
     max-width: 450px;
 }
 
 .two-input .sgfrm {
     float: left;
     width: 48%;
     margin-right: 2%;
 }
 
 .two-input .sgfrm:last-child {
     float: left;
     width: 50%;
     margin-right: 0%;
 }
 
 .sgnusrname,
 .sgnpaswrd,
 .sgnemail,
 .zs-txtfldnew {
     background: none repeat scroll 0 0 rgba(255, 255, 255, 0.21);
     border: 1px solid rgba(255, 255, 255, 0);
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     color: #fff;
     display: block;
     font-size: 14px;
     margin-bottom: 10px;
     outline: medium none;
     padding: 12px 15px;
     width: 100%;
 }
 
 .sgnbtn input {
     background-color: #f0483e;
     border: 1px solid #f0483e;
     -webkit-appearance: none;
     appearance: none;
     -moz-appearance: none;
     border-radius: 0;
     -webkit-border-radius: 0;
     color: #ffffff;
     cursor: pointer;
     font-size: 16px;
     height: 46px;
     padding: 5px 0;
     position: relative;
     width: 100%;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     text-transform: uppercase;
     opacity: 1;
 }
 
 .signup_frm .signup-heading {
     font-size: 22px;
     line-height: 28px;
     margin: 0 0 15px;
     color: #fff;
 }
 
 .snews-letter {
     color: #444444;
     font-size: 12px;
     height: 0;
     margin: 0;
     opacity: 0;
     padding-left: 0;
     visibility: hidden;
 }
 
 .sign_agree {
     color: #999;
     font-size: 10px;
     line-height: 16px;
     margin-bottom: 20px;
 }
 
 .sign_agree a {
     color: inherit;
     text-decoration: underline;
 }
 
 .sign_agree:hover {
     color: #ccc;
 }
 
 .field-error .sgnusrname,
 .field-error .sgnpaswrd,
 .field-error .sgnemail,
 .field-error .zs-txtfldnew {
     margin-bottom: 4px;
 }
 
 .field-msg .error {
     color: #F0483E !important;
     font-size: 14px;
     margin: 0 0 7px;
     display: block;
     line-height: 24px;
     padding: 0px;
 }
 
 .socl-signup {
     margin: 15px 0px 0px 0px;
     overflow: hidden;
     text-align: right;
 }
 
 .socl-signup p {
     color: #aaa;
     display: inline-block;
     font-size: 15px;
     position: relative;
     text-align: right;
     /* top: -5px; */
     margin-bottom: 0px !important;
     vertical-align: middle;
 }
 
 .banner-inner h1,
 .banner-inner p,
 .white-label h3 a {
     color: #fff;
     text-shadow: none;
 }
 
 .socl-signup ul {
     display: inline-block;
     padding-left: 0px;
     vertical-align: middle;
     margin-bottom: 0;
 }
 
 .socl-signup ul li {
     
     color: #496faf;
     cursor: pointer;
     display: inline-block;
     float: right;
     font-size: 14px;
     height: 20px;
     line-height: 25px;
     margin: 0 0 0 10px;
     opacity: 0.7;
     padding: 0;
     text-align: left;
     text-indent: -99999em;
     width: 20px;
 }
 
 .socl-signup ul li:not(.vi-google) {
     margin-top: 10px;
 }
 
 .socl-signup .vi-facebook {
     background-position: -132px 1px;
 }
 
 .socl-signup .vi-google {
    
     height: 40px;
     width: 99px;
     opacity: 1;
 }
 
 .socl-signup .vi-linkedin {
     background-position: -98px 1px;
 }
 
 .socl-signup .vi-twitter {
     background-position: -60px 1px;
 }
 
 .socl-signup .vi-yahoo {
     background-position: -168px 1px;
 }
 
 .socl-signup .vi-office365 {
     background-position: -237px 1px;
 }
 
 .mobile-only {
     display: none!important;
 }
 
 .desktop-only {
     display: block !important;
 }
 
 .banner-content {
     float: left;
     text-align: left;
     width: 60%;
 }
 
 .form-wrapper {
     float: right;
     margin-top: 40px;
     padding-bottom: 0;
     width: 30%;
 }
 /* TESTIMONIAL CSS STARTS */
 
 .testimonial {
     text-align: center;
 }
 
 .testimonial .row {
     max-width: 90%;
     margin: 0 auto;
 }
 
 .testimonial .z-slider {
     min-height: 180px;
     margin-bottom: 25px;
 }
 
 .testimonial .z-slider li {
     margin-bottom: 0;
 }
 
 .testimonial .z-slider-nav {
     padding-top: 0;
 }
 
 .testimonial .customer1 {
     border-radius: 100%;
     height: 80px;
     margin: 0 auto 15px;
     width: 80px;
     background-color: #f2f2f2;
     display: block;
     background-position: right bottom;
     border: 1px solid #e8e8e8;
     overflow: hidden;
 }
 
 .testimonial small {
     color: #03a9f5;
     display: block;
     font-size: 12px;
     letter-spacing: 0.5px;
     line-height: 20px;
     padding: 0 0 10px;
     text-transform: uppercase;
 }
 
 .testimonial small em {
     text-transform: none;
     display: block;
 }
 
 .testimonial p {
     font-size: 18px;
     line-height: 30px;
     margin: 0 auto 20px;
     max-width: 750px;
     position: relative;
     color: inherit;
 }
 
 .testimonial .customer-name {
     font-size: 16px;
     padding-bottom: 5px;
 }
 
 .testimonial .customer-desc {
     font-size: 13px;
     text-transform: none;
 }
 
 .watch-icon,
 .watch-icon-dark {
     padding-left: 28px;
     display: inline-block;
    
     vertical-align: middle;
     text-decoration: none;
     color: #fff;
 }
 
 .watch-icon span {
     border-bottom: 1px solid #fff;
 }
 
 .watch-icon-dark {
   
     color: #333;
 }
 
 .watch-icon-dark span {
     border-bottom: 1px solid #333;
 }
 
 .focusin {
     border: 1px solid #03a9f5;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 
 .product-header {
     background: transparent!important;
     z-index: 1;
     line-height: normal;
 }
 
 .product-header.sticky {
     background: #fff !important;
 }
 
 .menu,
 .product-menu,
 .mobile-menu ul,
 .footer ul,
 .common-footer ul {
     list-style: none;
     margin-bottom: 0px;
 }
 
 .menu li,
 .product-menu li,
 .mobile-menu ul li,
 .footer ul li,
 .common-footer ul li {
     margin-bottom: 0px;
     line-height: normal;
 }
 
 .product-header-top .product-menu {
     margin-right: 20px;
 }
 
 .main.transparent-header .banner-section,
 .main.transparent-header #banner {
     margin-top: -73px;
 }
 
 .main.transparent-header .banner-section,
 .main.transparent-header #banner {
     padding-top: 73px;
 }
 
 .main.transparent-header .product-logo,
 .main.transparent-header .product-menu li a {
     color: #fff;
     text-shadow: none;
 }
 
 .main.transparent-header .product-header-inner {
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 }
 
 .product-header-top .product-logo,
 .main.transparent-header .product-header-top .product-logo,
 .product-header-top .product-menu li a,
 .main.transparent-header .product-header-top .product-menu li a {
     color: #000;
 }
 
 .style2 .sgfrm {
     box-sizing: border-box;
     overflow: auto;
     padding-bottom: 5px;
     padding-left: 0;
     padding-top: 10px;
     position: relative;
     width: 100%;
 }
 
 .style2 .placeholder {
     color: #ddd;
     font-size: 14px;
     left: 0;
     position: absolute;
     top: 20px;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
     z-index: 7;
     line-height: 17px;
 }
 
 .style2 .sgnusrname,
 .style2 .sgnpaswrd,
 .style2 .sgnemail,
 .style2 .zs-txtfldnew {
     background: none repeat scroll 0 0 rgba(255, 255, 255, 0);
     border: 1px solid rgba(255, 255, 255, 0);
     border-bottom: 1px solid rgba(255, 255, 255, 0.4);
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     color: #fff;
     display: block;
     float: left;
     font-size: 14px;
     margin-bottom: 7px;
     padding: 12px 0 5px;
     width: 100% !important;
     transition: 0.7s ease;
     -webkit-transition: 0.7s ease;
     -webkit-appearance: none;
     appearance: none;
     -moz-appearance: none;
     border-radius: 0;
     -webkit-border-radius: 0;
     outline: medium none;
     position: relative;
     z-index: 9;
     box-shadow: none;
 }
 
 .style2 .added-placeholder .placeholder {
     top: 0;
     font-size: 12px;
     color: #aaa;
 }
 
 .style2 .sgnusrname:focus,
 .style2 .sgnpaswrd:focus,
 .style2 .sgnemail:focus,
 .style2 .zs-txtfldnew:focus {
     border-bottom: 1px solid rgba(255, 255, 255, 0.9);
 }
 
 .style2 .two-input .sgfrm {
     float: left;
     width: 48%;
     margin-right: 2%;
 }
 
 .sgnbtnmn {
     width: 100%;
 }
 /************* SOCIAL SIGNUP SECTION STARTS (SPAN) *************/
 
 .socl-signup-new {
     color: #aaa;
     font-size: 15px;
     line-height: 24px;
     padding: 0;
     text-align: right;
     margin-top: 10px;
     position: relative;
     z-index: 999;
 }
 
 .socl-signup-new p {
     font-size: 14px;
     color: #000;
 }
 
 .socl-signup-new span {
     background: rgba(0, 0, 0, 0) url("https://www.zoho.com/images/signup-using-socialmedia@2x.png") no-repeat scroll 0 0 / auto 24px;
     cursor: pointer;
     display: inline-block;
     font-size: 0;
     height: 24px;
     margin-left: 10px;
     opacity: 1;
     text-indent: -9999px;
     transition: opacity 0.5s linear 0s;
     vertical-align: middle;
     width: 24px;
 }
 
 .socl-signup-new span:hover {
     opacity: 1;
 }
 

 
 .socl-signup-new .vi-facebook,
 .socl-signup-new.zlight .vi-facebook {
     background-position: -24px 0;
 }
 
 .socl-signup-new .vi-twitter,
 .socl-signup-new.zlight .vi-twitter {
     background-position: -48px 0px;
 }
 
 .socl-signup-new .vi-linkedin,
 .socl-signup-new.zlight .vi-linkedin {
     background-position: -72px 0;
 }
 
 .socl-signup-new .vi-yahoo,
 .socl-signup-new.zlight .vi-yahoo {
     background-position: -96px 0;
 }
 
 .socl-signup-new .vi-office365 {
     background-position: -120px 0;
 }
 
 .socl-signup-new.zlight .vi-office365 {
     background-position: 0 -23px;
 }
 /************* SOCIAL SIGNUP SECTION ENDS *************/
 /******* TOS check box style in signup page *******/
 
 .za-tos-container {
     margin-bottom: 5px;
 }
 
 .za-tos-container label {
     color: #333;
     cursor: pointer;
     display: inline-block;
     font-size: 12px;
     line-height: 1;
     margin-top: 5px;
 }
 
 #signup-termservice {
     border: 1px solid #333;
     display: inline-block;
     height: 8px;
     margin-right: 4px;
     width: 8px;
     box-sizing: content-box;
 }
 
 #tos {
     height: 1px;
     left: 0;
     margin: 0;
     opacity: 0;
     position: absolute;
     top: 0;
     width: 1px;
 }
 
 #signup-termservice.checked {
     position: relative;
 }
 
 #signup-termservice.checked::after {
     background: #333 none repeat scroll 0 0;
     content: "";
     height: 1px;
     left: -1px;
     position: absolute;
     top: 4px;
     transform: rotate(45deg);
     width: 5px;
 }
 
 #signup-termservice.checked::before {
     background: #333 none repeat scroll 0 0;
     content: "";
     height: 1px;
     left: 1px;
     position: absolute;
     top: 1px;
     transform: rotate(-45deg);
     width: 15px;
 }
 
 .za-tos-container.zlight label {
     color: #a9a9a9;
 }
 
 .za-tos-container.zlight #signup-termservice {
     border: 1px solid #a9a9a9;
 }
 
 .za-tos-container.zlight #signup-termservice.checked::after,
 .za-tos-container.zlight #signup-termservice.checked::before {
     background: #a9a9a9 none repeat scroll 0 0;
 }
 /****** TOS - Ends *******/
 
 @media only screen and (max-width: 1200px) {
     .large-content-wrap,
     .z-large-content-wrap {
         max-width: 90%;
         float: none;
         margin: 0 auto;
     }
 }
 
 @media only screen and (max-width: 1100px) {
     .content-wrap,
     .z-content-wrap {
         max-width: 90%;
         float: none;
         margin: 0 auto;
     }
 }
 
 @media only screen and (max-width: 900px) {
     .main,
     .main.transparent-header .banner-section,
     .main.transparent-header #banner {
         margin-top: auto;
     }
     .product-logo,
     .product-menu li a,
     .main.transparent-header .product-logo,
     .main.transparent-header .product-menu li a {
         color: #000;
     }
     .product-header-inner,
     .main.transparent-header .product-header-inner {
         border-bottom: none;
     }
     .main.transparent-header .banner-section,
     .main.transparent-header #banner {
         padding-top: 0px;
     }
 }
 
 @media only screen and (min-width: 768px) and (max-width: 992px) {
     .banner-section .two-col .column-block,
     .banner-section .z-two-col .column-block {
         float: none;
         width: 100% !important;
         margin: 0 auto 30px;
         text-align: center;
         padding-right: 0px !important;
     }
     .banner-section .two-col .column-block:last-child,
     .banner-section .z-two-col .column-block:last-child {
         margin-bottom: 0px;
     }
     .banner-section .vertical-middle {
         display: block;
         width: 100%;
         position: relative;
     }
     .banner-section .vertical-middle .column-block {
         display: block;
         vertical-align: middle;
         float: none;
     }
     .signup_frm .signup-heading {
         text-align: center;
     }
     .signup-box {
         margin: 0 auto;
         float: none;
     }
     .product-menu li {
         margin-left: 22px;
     }
 }
 
 @media only screen and (max-width: 767px) {
     h1 {
         font-size: 32px;
     }
     h2 {
         font-size: 28px;
     }
     h3 {
         font-size: 25px;
     }
     h4 {
         font-size: 22px;
     }
     h5 {
         font-size: 20px;
     }
     h6 {
         font-size: 18px;
     }
     p {
         font-size: 14px;
         line-height: 24px;
     }
     .row,
     .z-row {
         padding: 50px 0px;
     }
     .row.no-bottom-space,
     .z-row.no-bottom-space {
         padding-bottom: 50px;
     }
     .small-content-wrap,
     .z-small-content-wrap {
         max-width: 90%;
     }
     .two-col .column-block,
     .three-col .column-block,
     .four-col .column-block,
     .z-two-col .column-block,
     .z-three-col .column-block,
     .z-four-col .column-block {
         float: none;
         width: 100% !important;
         margin-bottom: 30px;
         margin-right: 0px !important;
         padding-right: 0px !important;
     }
     .two-col .column-block:last-child,
     .three-col .column-block:last-child,
     .four-col .column-block:last-child,
     .z-two-col .column-block:last-child,
     .z-three-col .column-block:last-child,
     .z-four-col .column-block:last-child {
         margin-bottom: 0px;
     }
     .banner-section .two-col .column-block,
     .banner-section .z-two-col .column-block {
         float: none;
         width: 100% !important;
         margin: 0 auto 30px;
         text-align: center;
     }
     .vertical-middle {
         display: block;
         width: 100%;
         position: relative;
     }
     .vertical-middle .column-block {
         display: block;
         vertical-align: middle;
         float: none;
     }
     .z-video-wrap .z-popup-content {
         max-width: 90%;
     }
     .banner-section h1 {
         font-size: 28px;
         line-height: 38px;
     }
     .signup_frm .signup-heading {
         font-size: 18px;
     }
     .banner-section .column-block {
         width: 100% !important;
     }
     .socl-signup {
         text-align: center;
     }
     .socl-signup p {
         margin-bottom: 0px !important;
     }
     .signup_frm .signup-heading {
         text-align: center;
     }
     .signup-box {
         margin: 0 auto;
         float: none;
     }
     html body .css-animate {
         visibility: visible !important;
     }
     .mobile-only {
         display: block!important;
     }
     .desktop-only {
         display: none !important;
     }
     .testimonial p {
         font-size: 18px;
         line-height: 30px;
     }
     .form-wrapper {
         float: none;
         padding-bottom: 0;
         padding-top: 30px;
         width: 100%;
         overflow: hidden;
     }
 }
 
 @media only screen and (max-width: 480px) {
     .testimonial p {
         font-size: 15px;
         line-height: 24px;
     }
 }
 /************ CSS ANIMATE ***********/
 
 .css-animate,
 [data-animation] {
     visibility: hidden !important;
 }
 
 .css-animate.animated {
     visibility: visible !important;
 }
 
 .animated,
 .fadeIn,
 .fadeInLeft,
 .fadeInRight,
 .slideInUp,
 .slideInLeft,
 .slideInRight,
 .zoomIn,
 .fadeInUp,
 .customAnimation {
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
 }
 
 @-webkit-keyframes fadeIn {
     from {
         opacity: 0;
     }
     to {
         opacity: 1;
     }
 }
 
 @keyframes fadeIn {
     from {
         opacity: 0;
     }
     to {
         opacity: 1;
     }
 }
 
 .fadeIn {
     -webkit-animation-name: fadeIn;
     animation-name: fadeIn;
 }
 
 @-webkit-keyframes fadeInLeft {
     from {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
     }
     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
     }
 }
 
 @keyframes fadeInLeft {
     from {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
     }
     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
     }
 }
 
 .fadeInLeft {
     -webkit-animation-name: fadeInLeft;
     animation-name: fadeInLeft;
 }
 
 @-webkit-keyframes fadeInRight {
     from {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
     }
     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
     }
 }
 
 @keyframes fadeInRight {
     from {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
     }
     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
     }
 }
 
 .fadeInRight {
     -webkit-animation-name: fadeInRight;
     animation-name: fadeInRight;
 }
 
 @-webkit-keyframes slideInUp {
     from {
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
         visibility: visible;
     }
     100% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
 }
 
 @keyframes slideInUp {
     from {
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
         visibility: visible;
     }
     100% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
 }
 
 .slideInUp {
     -webkit-animation-name: slideInUp;
     animation-name: slideInUp;
 }
 
 @-webkit-keyframes slideInLeft {
     from {
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
         visibility: visible;
     }
     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
 }
 
 @keyframes slideInLeft {
     from {
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
         visibility: visible;
     }
     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
 }
 
 .slideInLeft {
     -webkit-animation-name: slideInLeft;
     animation-name: slideInLeft;
 }
 
 @-webkit-keyframes slideInRight {
     from {
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
         visibility: visible;
     }
     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
 }
 
 @keyframes slideInRight {
     from {
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
         visibility: visible;
     }
     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
 }
 
 .slideInRight {
     -webkit-animation-name: slideInRight;
     animation-name: slideInRight;
 }
 
 @-webkit-keyframes zoomIn {
     from {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3);
     }
     50% {
         opacity: 1;
     }
 }
 
 @keyframes zoomIn {
     from {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3);
     }
     50% {
         opacity: 1;
     }
 }
 
 .zoomIn {
     -webkit-animation-name: zoomIn;
     animation-name: zoomIn;
 }
 
 @-webkit-keyframes fadeInUp {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
     }
     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
     }
 }
 
 @keyframes fadeInUp {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
     }
     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
     }
 }
 
 .fadeInUp {
     -webkit-animation-name: fadeInUp;
     animation-name: fadeInUp;
 }
 /* Language dropdown starts */
 
 .zlang-container .zlang-text::after {
     background-image: url("https://www.zoho.com/one/images/zone-sprite.png");
     background-position: 0 0;
     background-repeat: no-repeat;
     background-size: 400px auto;
 }
 
 .zlang-container {
     display: inline-block;
     position: relative;
     margin-top: 10px;
 }
 
 .zlang-container .zlang-text {
     box-sizing: border-box;
     display: inline-block;
     font-size: 12px;
     line-height: 1;
     padding: 5px 5px 5px 30px;
     position: relative;
     width: 100%;
     cursor: pointer;
 }
 
 .zlang-container .zlang-text::after {
     background-position: -233px 0;
     background-repeat: no-repeat;
     content: "";
     display: block;
     height: 20px;
     left: 6px;
     position: absolute;
     top: 3px;
     width: 20px;
     z-index: 1;
 }
 
 .zlang-container .zlang-container-inner {
     box-sizing: border-box;
     display: none;
     left: 15px;
     padding: 10px 0;
     position: absolute;
     bottom: 15px;
     width: 100px;
 }
 
 .zlang-container ul {
     background: #fff none repeat scroll 0 0;
     border: 1px solid #e0e0e0;
     box-sizing: border-box;
     margin: 0;
     padding: 15px;
     position: relative;
     z-index: 1;
     width: 100%;
     overflow: visible;
 }
 
 .zlang-container ul::after,
 .zlang-container ul::before {
     border: medium solid transparent;
     content: " ";
     height: 0;
     left: 20%;
     pointer-events: none;
     position: absolute;
     top: 100%;
     width: 0;
     z-index: 3;
 }
 
 .zlang-container ul::before {
     border-color: #c0c0c0 rgba(221, 229, 237, 0) rgba(221, 229, 237, 0);
     border-width: 7px;
     margin-left: -7px;
 }
 
 .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 {
     width: 100%;
     display: inline-block;
     padding: 0 !important;
     border: 0;
     margin: 0;
 }
 
 .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 !important;
     font-size: 14px;
 }
 
 .zlang-container.lang-domain-show ul li:nth-child(2) {
     margin-top: 25px;
 }
 
 .zlang-container .zlang-container-inner.zshow {
     display: block;
 }
 /*.zlang-container:hover .zlang-container-inner{
	display:block;
}*/
 
 .zlang-container a {
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
     border: 0 none;
     color: #000;
     font-size: 12px;
     height: auto;
     margin: 0;
     opacity: 1;
     text-align: left;
     text-indent: 0;
     width: 100%;
     padding: 5px 0 !important;
     display: inline-block;
 }
 
 .zlang-container a:hover {
     color: #03a9f5;
 }
 
 .arrow-down {
     border-left: 12px solid transparent;
     border-right: 12px solid transparent;
     border-top: 12px solid #f8f8f8;
     bottom: 4px;
     height: 0;
     left: 8px;
     position: absolute;
     width: 0;
     z-index: 2;
     display: none;
 }
 
 @media only screen and (max-width: 767px) {
     .zlang-container {
         bottom: auto;
         left: auto;
         margin: 6px auto;
         position: relative;
         right: auto;
     }
     .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;
     }
 }
 
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-resolution: 240dpi) {
     .zlang-container .zlang-text::after {
         background-image: url("https://www.zoho.com/one/images/zone-sprite@2x.png");
     }
 }
 /* Language - Ends */
 /* Language Top Bar (Info Bar) */
 
 .langstrip {
     width: 100%;
     background-color: rgba(0, 0, 0, 0.8);
     text-align: center;
     color: #fff;
     padding: 25px 20px;
     box-sizing: border-box;
     display: none;
 }
 
 .langTxt {
     padding-right: 20px;
 }
 
 .langBtn {
     background: rgb(62, 163, 107) none repeat scroll 0% 0%;
     padding: 5px 15px;
     cursor: pointer;
     color: inherit;
 }
 
 .langClose {
     margin-left: 40px;
     cursor: pointer;
     text-indent: -999px;
     width: 15px;
     height: 15px;
     position: relative;
     display: inline-block;
     overflow: hidden;
     vertical-align: middle;
 }
 
 .langClose:after,
 .langClose:before {
     content: "";
     position: absolute;
     background: #fff;
     width: 1px;
     height: 100%;
     left: 50%;
     top: 0;
 }
 
 .langClose:after {
     transform: rotate(45deg);
 }
 
 .langClose:before {
     transform: rotate(-45deg);
 }
 
 @media only screen and (max-width: 767px) {
     .langClose {
         position: fixed;
         right: 6px;
         top: 6px;
     }
     .langTxt {
         padding: 0;
         display: block;
         margin-bottom: 15px;
     }
 }
 /* Language Top Bar (Info Bar) - End */
 /* Cookie Top Band */
 
 #cookie-policy {
     display: none;
 }
 
 .cookiestrip {
     text-align: center;
     border-top: 1px solid #ccc;
     font-size: 14px;
     padding: 25px 10px;
     box-sizing: border-box;
     background: #273238;
     position: fixed;
     z-index: 99;
     width: 100%;
     bottom: 0;
     color: #fff;
 }
 
 .cookiestrip * {
     box-sizing: border-box;
 }
 
 .cookiestrip a {
     text-decoration: underline;
     color: #fff;
     font-family: proxima_novasemibold;
 }
 
 .cookieClose {
     display: inline-block;
     margin-left: 15px;
     font-size: 13px;
     cursor: pointer;
     padding: 4px 7px;
     overflow: hidden;
     background: #DC544C;
     line-height: 1;
     vertical-align: bottom;
 }
 
 @media only screen and (max-width: 767px) {
     /*.cookiestrip {
        margin-top: 50px;
        position: relative;
        z-index: 9;
    }
    .cookiestrip+.langstrip {
        margin-top: 0;
    }*/
 }
 /* Cookie Top Band - Ends */
 
 #czone-home .za-country-container .globalcountrycode-signup,
 #czone-home-lp .za-country-container .globalcountrycode-signup,
 .signup_frm .za-country-container .globalcountrycode-signup {
     color: #fff;
     padding: 14px 12px 14px 0;
     border: none;
     border-bottom: 1px solid rgba(255, 255, 255, 0.4);
     display: block;
     width: 100%;
     margin: 0px 0 0;
     font-size: 14px;
     background: transparent;
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     position: relative;
     z-index: 1;
     transition: 0.5s ease;
     border-radius: 0;
 }
 
 #czone-home .za-country-container,
 #czone-home-lp .za-country-container,
 .signup_frm .za-country-container {
     position: relative;
     margin-bottom: 10px;
 }
 
 #czone-home .za-country-container.za-country-container-arrow::after,
 #czone-home-lp .za-country-container.za-country-container-arrow::after,
 .signup_frm .za-country-container.za-country-container-arrow::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: 20px;
     content: "";
     display: block;
 }
 
 #czone-home .za-country-container .globalcountrycode-signup:focus,
 #czone-home-lp .za-country-container .globalcountrycode-signup:focus,
 .signup_frm .za-country-container .globalcountrycode-signup:focus {
     outline: 0;
 }
 
 #czone-home .get-signup-plan,
 #czone-home-lp .get-signup-plan,
 .signup_frm .get-signup-plan {
     margin: 10px 0 10px;
 }
 
 #czone-home .get-signup-plan input[type="radio"],
 #czone-home-lp .get-signup-plan input[type="radio"],
 .signup_frm .get-signup-plan input[type="radio"] {
     margin: 0px 5px 0 2px;
     border: none;
     position: relative;
     vertical-align: middle;
     width: 16px;
     background: none;
     padding: 0;
     display: inline-block;
     height: 16px;
     line-height: 16px;
 }
 
 #czone-home .get-signup-plan input[type="radio"]:before,
 #czone-home-lp .get-signup-plan input[type="radio"]:before,
 .signup_frm .get-signup-plan input[type="radio"]:before {
     content: '';
     position: absolute;
     width: 16px;
     height: 16px;
     background: #fff;
     border: 1px solid #666;
     left: -2px;
     top: 0px;
     border-radius: 100%;
     pointer-events: none;
 }
 
 #czone-home .get-signup-plan input[type="radio"]:after,
 #czone-home-lp .get-signup-plan input[type="radio"]:after,
 .signup_frm .get-signup-plan input[type="radio"]:after {
     content: '';
     position: absolute;
     width: 6px;
     height: 6px;
     background: #fff;
     left: 4px;
     top: 6px;
     border-radius: 100%;
     pointer-events: none;
 }
 
 #czone-home .get-signup-plan input[type="radio"][checked="checked"]:after,
 #czone-home-lp .get-signup-plan input[type="radio"][checked="checked"]:after,
 .signup_frm .get-signup-plan input[type="radio"][checked="checked"]:after {
     background: #666;
 }
 
 #czone-home .get-signup-plan label,
 #czone-home-lp .get-signup-plan label,
 .signup_frm .get-signup-plan label {
     margin: 0 20px 0 0;
     font-size: 14px;
     position: relative;
     top: 1px;
     cursor: pointer;
     color: #fff;
 }
 
 #czone-home .za-newsletter-container.snews-letter,
 #czone-home-lp .za-newsletter-container.snews-letter,
 .signup_frm .za-newsletter-container.snews-letter {
     opacity: 1;
     visibility: visible;
     height: auto;
 }
 
 #czone-home .za-newsletter-container,
 #czone-home-lp .za-newsletter-container,
 .signup_frm .za-newsletter-container {
     margin: 15px 0 10px;
     padding-left: 15px;
     position: relative;
 }
 
 #czone-home #newsletter,
 #czone-home-lp #newsletter,
 .signup_frm #newsletter {
     height: 1px;
     left: 0;
     margin: 0;
     opacity: 0;
     position: absolute;
     top: 0;
     width: 1px;
 }
 
 #czone-home #signup-newsletter,
 #czone-home-lp #signup-newsletter,
 .signup_frm #signup-newsletter {
     position: absolute;
     left: 0;
     top: 4px;
     border: 1px solid #a9a9a9;
     display: inline-block;
     height: 8px;
     margin-right: 4px;
     width: 8px;
     box-sizing: content-box;
 }
 
 #czone-home .sign_agree,
 #czone-home-lp .sign_agree,
 .signup_frm .sign_agree {
     font-size: 12px;
     cursor: pointer;
 }
 
 #czone-home #signup-termservice.checked,
 #czone-home-lp #signup-termservice.checked,
 .signup_frm #signup-termservice.checked {
     position: relative;
 }
 
 #czone-home #signup-termservice.checked::after,
 #czone-home-lp #signup-newsletter.checked::after,
 .signup_frm #signup-termservice.checked::after,
 #czone-home #signup-newsletter.checked::after,
 #czone-home-lp #signup-termservice.checked::after,
 .signup_frm #signup-newsletter.checked::after {
     background: #a9a9a9 none repeat scroll 0 0;
     content: "";
     height: 1px;
     left: -1px;
     position: absolute;
     top: 4px;
     transform: rotate(45deg);
     width: 5px;
 }
 
 #czone-home #signup-termservice.checked::before,
 #czone-home-lp #signup-newsletter.checked::before,
 .signup_frm #signup-termservice.checked::before,
 #czone-home #signup-newsletter.checked::before,
 #czone-home-lp #signup-termservice.checked::before,
 .signup_frm #signup-newsletter.checked::before {
     background: #a9a9a9 none repeat scroll 0 0;
     content: "";
     height: 1px;
     left: 1px;
     position: absolute;
     top: 1px;
     transform: rotate(-45deg);
     width: 15px;
 }
 /******************************************************************************/
 /****************************** Common New Signup styles *****************************/
 /******************************************************************************/
 
 .global-signup-form #signup-termservice.checked::after,
 .global-signup-form #signup-newsletter.checked::after {
     background: #333 none repeat scroll 0 0;
     content: "";
     height: 1px;
     left: -1px;
     position: absolute;
     top: 4px;
     transform: rotate(45deg);
     width: 5px;
 }
 
 .global-signup-form #signup-termservice.checked::before,
 .global-signup-form #signup-newsletter.checked::before {
     background: #333 none repeat scroll 0 0;
     content: "";
     height: 1px;
     left: 1px;
     position: absolute;
     top: 1px;
     transform: rotate(-45deg);
     width: 15px;
 }
 
 .global-signup-form .signup-box * {
     box-sizing: border-box;
 }
 
 .global-signup-form .signup-box form>div {
     position: relative;
 }
 
 .global-signup-form .signup-form {
     max-width: 365px;
     margin: 0 0 0 auto;
     min-height: 410px
 }
 
 .global-signup-form .signup-heading {
     text-transform: uppercase;
     font-size: 16px;
     color: #000;
     font-weight: 600
 }
 
 .global-signup-form .umain .signup-box {
     display: none
 }
 
 .global-signup-form .za-newsletter-container {
     margin-top: 10px;
     padding-left: 15px;
     position: relative;
 }
 
 .global-signup-form .signup-box input,
 .global-signup-form form .za-country-container .globalcountrycode-signup {
     color: #000;
     padding: 14px 12px !important;
     border: none;
     display: block;
     width: 100%;
     margin: 15px 0 0;
     font-size: 14px;
     background: #fff;
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     position: relative;
     z-index: 1;
     transition: 0.5s ease;
     border-radius: 0 !important;
 }
 
 .global-signup-form form#customregister .za-country-container .globalcountrycode-signup {
     background: transparent !important;
     color: #000 !important;
     padding-left: 12px !important;
 }
 
 .global-signup-form form .za-country-container {
     position: relative;
     background: #fff;
 }
 
 .global-signup-form form .za-country-container.za-country-container-arrow::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: 20px;
     content: "";
     display: block;
 }
 
 .global-signup-form .signup-box input[type="password"]:focus,
 .global-signup-form .signup-box input[type="text"]:focus,
 .global-signup-form form .za-country-container .globalcountrycode-signup:focus {
     border-color: #03a9f5
 }
 
 .global-signup-form .za-tos-container .field-msg {
     margin-top: 12px;
 }
 
 .global-signup-form .za-captcha-container .za-captcha {
     margin-top: 5px;
 }
 
 .global-signup-form .field-error .field-msg {
     display: block
 }
 
 .global-signup-form .sign_agree.field-error {
     margin-bottom: 0px;
 }
 
 .global-signup-form .phone-field #country_code,
 .global-signup-form .phone-field .downarrow {
     position: absolute;
     top: 13px;
     left: 12px;
     pointer-events: none;
     font-size: 12px
 }
 
 .global-signup-form .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
 }
 
 .global-signup-form .phone-field .za_country_code {
     width: 70px;
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
     height: 50px;
     z-index: 9999;
     cursor: pointer
 }
 
 .global-signup-form .phone-field input.phoneno-field {
     padding-left: 75px;
     margin-bottom: 10px
 }
 
 .global-signup-form .signup-box .error,
 .global-signup-form .za-email-suggestion .za-domain-error {
     color: #f00 !important;
     font-size: 12px;
     line-height: 1.5;
 }
 
 .global-signup-form .za-email-container a {
     color: #000;
     text-decoration: underline;
     margin-left: 5px;
 }
 
 .global-signup-form .signup-box form>.field-msg {
     position: relative;
     bottom: auto;
     left: auto;
     margin-bottom: 10px;
 }
 
 .global-signup-form .signup-box form>.field-msg {
     position: relative;
     bottom: auto;
     left: auto;
     margin-bottom: 10px;
 }
 
 .global-signup-form .signup-box .za-captcha-container+p {
     margin: 0
 }
 
 .global-signup-form .signup-box .sign_agree {
     font-size: 12px;
     display: inline-block;
     line-height: 1.4;
     color: #333;
     margin-bottom: 0px;
 }
 
 .global-signup-form .signup-box .sign_agree a {
     color: #333;
     text-decoration: underline
 }
 
 .global-signup-form .sgnbtn input[type="submit"] {
     font-size: 16px;
     line-height: normal;
     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
 }
 
 .global-signup-form .signup-box .password-strength {
     overflow: hidden;
     position: absolute;
     left: 0;
     bottom: -7px
 }
 
 .global-signup-form .password-strength div {
     background: #fe0000;
     height: 5px;
     width: 0
 }
 
 .global-signup-form .get-signup-plan {
     margin: 10px 0 10px;
 }
 
 .global-signup-form .get-signup-plan input[type="radio"] {
     margin: 0px 5px 0 2px;
     border: none;
     position: relative;
     vertical-align: middle;
     width: 16px;
     background: none;
     padding: 0;
     display: inline-block;
     height: 16px;
     line-height: 16px;
     padding: 0px !important;
 }
 
 .global-signup-form .get-signup-plan 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;
 }
 
 .global-signup-form .get-signup-plan input[type="radio"]:after {
     content: '';
     position: absolute;
     width: 6px;
     height: 6px;
     background: #fff;
     left: 4px;
     top: 4px;
     border-radius: 100%;
     pointer-events: none;
 }
 
 .global-signup-form .get-signup-plan input[type="radio"]:checked:after {
     background: #666;
 }
 
 .global-signup-form .zactive:after {
     background: #666 !important;
 }
 
 .global-signup-form .get-signup-plan label {
     margin: 0 20px 0 0;
     font-size: 14px;
     position: relative;
     top: -1px;
     cursor: pointer
 }
 
 @media only screen and (max-width: 992px) {
     .global-signup-form .signup-form {
         margin: 60px auto 0;
         padding: 30px;
         max-width: 500px;
         background: rgba(255, 235, 235, 0.57);
         border-radius: 5px
     }
 }
 
 @media only screen and (max-width: 991px) {
     .global-signup-form .signup-box {
         display: none
     }
 }
 /*Signup form country code*/
 
 .global-signup-form .za-country_code-container {
     position: relative;
     margin: 0;
 }
 
 .global-signup-form .za_country_code {
     opacity: 0;
     width: 80px;
     height: 45px;
     border: none;
     border-radius: 0;
     -webkit-appearance: none;
     -moz-appearance: none;
     padding: 10px;
     line-height: 25px;
     background: #fff;
     text-indent: -99999px;
     cursor: pointer;
     min-height: 45px;
     box-sizing: border-box;
     z-index: 99;
     position: relative;
 }
 
 .global-signup-form #countryCodeDiv {
     background-color: #fff;
     width: 80px;
     position: absolute;
     left: 0;
     top: 0;
     box-sizing: border-box;
     line-height: 25px;
     padding: 10px 0 10px 10px;
     font-size: 14px;
     color: #666;
     pointer-events: none;
     height: 45px;
     box-sizing: border-box;
     z-index: 9;
     border: none;
     border-right: 1px solid #e0e0e0;
 }
 
 .global-signup-form .sgfrm .za-country_code-container input {
     position: absolute;
     left: 0px;
     top: 0;
     margin-top: 0;
     pointer-events: auto;
     box-sizing: border-box;
     padding-right: 15px;
     padding-left: 90px;
     width: 100%;
     border-left: 0px;
     z-index: 0;
     padding-left: 95px !important;
 }
 
 .global-signup-form #countryCodeDiv:before {
     position: absolute;
     content: '';
     left: 60px;
     top: 22px;
     width: 0;
     height: 0;
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     border-top: 8px solid #666;
 }
 
 .global-signup-form .mobile-container.sgfrm {
     clear: both;
 }
 
 .global-signup-form .mobile-container.sgfrm {
     display: block !important;
     margin: 15px 0 0;
 }
 
 .global-signup-form input[type="text"]::-webkit-input-placeholder,
 .global-signup-form input[type="password"]::-webkit-input-placeholder,
 .global-signup-form .form-input::-webkit-input-placeholder {
     color: #636363;
     font-size: 14px;
 }
 
 .global-signup-form input[type="text"]:-moz-placeholder,
 .global-signup-form input[type="password"]:-moz-placeholder,
 .global-signup-form .form-input:-moz-placeholder {
     color: #636363;
     font-size: 14px;
 }
 
 .global-signup-form input[type="text"]::-moz-placeholder,
 .global-signup-form input[type="password"]::-moz-placeholder,
 .global-signup-form .form-input::-moz-placeholder {
     color: #636363;
     font-size: 14px;
 }
 
 .global-signup-form input[type="text"]:-ms-input-placeholder,
 .global-signup-form input[type="password"]:-ms-input-placeholder,
 .global-signup-form .form-input:-ms-input-placeholder {
     color: #636363;
     font-size: 14px;
 }
 
 .global-signup-form input[type="text"]::-ms-input-placeholder,
 .global-signup-form input[type="password"]::-ms-input-placeholder,
 .global-signup-form .form-input::-ms-input-placeholder {
     color: #636363;
     font-size: 14px;
 }
 
 .global-signup-form input[type="text"]::placeholder,
 .global-signup-form input[type="password"]::placeholder,
 .global-signup-form .form-input::placeholder {
     color: #636363;
     font-size: 14px;
 }
 
 .global-signup-form #customregister input:focus,
 .global-signup-form #customregister input {
     outline: none !important;
     border: none !important;
 }
 
 .global-signup-form .signup-box input,
 .global-signup-form #customregister form .za-country-container .globalcountrycode-signup {
     color: #000 !important;
 }
 
 .global-signup-form #ccodediv {
     color: #000 !important;
     margin-top: 3px;
 }
 
 .global-signup-form .globalcountrycode-signup {
     padding: 14px 12px 14px 12px;
 }
 
 .global-signup-form #signupButton {
     color: #fff !important;
     opacity: 1 !important;
     cursor: pointer !important;
 }
 
 .global-signup-form #customregister #signupbtn,
 .global-signup-form #customregister #signup2 {
     cursor: pointer !important;
 }
 
 .global-signup-form .sign_agree {
     padding-bottom: 10px !important;
     color: #fff !important;
     margin-top: 0px !important;
 }
 
 .global-signup-form .sign_agree:hover,
 .global-signup-form .sign_agree:hover a {
     color: #fff !important;
 }
 
 .global-signup-form #customregister .sgnbtnmn * {
     color: #fff;
 }
 
 .global-signup-form .za-country-container.za-country-container-arrow {
     margin: 15px 0 0;
 }
 
 .global-signup-form #customregister .sgfrm {
     padding: 0px !important;
 }
 
 .global-signup-form #customregister .formLabel {
     display: none;
 }
 
 .global-signup-form .za-confirm {
     display: none !important;
 }
 
 .global-signup-form .sgnbtn input[type="submit"],
 .global-signup-form #signupButton,
 .global-signup-form #customregister #signup2 {
     font-size: 16px;
     line-height: normal;
     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;
 }
 
 .global-signup-form #customregister #signup-newsletter,
 .global-signup-form #customregister #signup-termservice {
     border: 1px solid #ffffff;
 }
 
 .global-signup-form #customregister #signup-newsletter,
 .global-signup-form #customregister #signup-termservice {
     border: 1px solid #ffffff;
 }
 
 .global-signup-form #customregister #signup-newsletter.checked::before,
 .global-signup-form #customregister #signup-newsletter.checked::after,
 .global-signup-form #customregister #signup-termservice.checked::before,
 .global-signup-form #customregister #signup-termservice.checked::after {
     background: #ffffff none repeat scroll 0 0;
 }
 
 .global-signup-form .signup-box {
     max-width: 350px;
 }
 /*Signup form country code end*/
 /******************************************************************************/
 /****************************** Common New Signup styles *****************************/
 /******************************************************************************/
 /******************************************************************************/
 /* domain links in the footer */
 
 ul.zdomainlink {
     display: inline;
     margin-left: 5px;
     padding: 0;
 }
 
 ul.zdomainlink li {
     padding-left: 10px;
     border-left: 1px solid #ccc;
     margin: 0;
     border-right: 0;
     font-family: proxima_novasemibold;
 }
 
 ul.zdomainlink li a:hover {
     border-bottom: 1px solid #666;
     text-decoration: unset;
 }
 
 ul.zdomainlink li.zcurrentdomain a {
     font-family: var(--zf-primary-regular);
     cursor: default;
 }
 
 ul.zdomainlink li.zcurrentdomain a:hover {
     border-bottom: none;
 }
 
 .domain-in ul.zdomainlink li.comlink {
     border-left: none;
     padding-left: 0;
 }
 
 .zlang-container.lang-domain-show ul li:nth-child(2) {
     margin-top: 0;
 }
 
 ul.zdomainlink.zEngOnly {
     overflow: hidden;
     display: inline-block;
     margin: 10px 0 0 0;
 }
 
 ul.zdomainlink.zEngOnly li:first-child {
     padding-left: 0;
     border-left: 0;
 }
 /*domain links in the footer - Ends  */
 /* Freezing Phone Number n COuntry field in IN */
 
 .domain-in .za-country_code-container #countryCodeDiv::before {
     display: none;
 }
 
 .domain-in .za-country_code-container .za_country_code {
     cursor: default;
 }
 
 .domain-in .za-country-container {
     display: none !important;
 }
 /* Freezing Phone Number n COuntry field in IN - Ends */
 /* Related prod tooltip */
 
 .zgh-nav>ul>li>p {
     position: fixed;
     font-size: 12px;
     width: max-content;
     display: none;
     margin-bottom: 0;
     padding: 5px 8px;
     border: 1px solid #D9D9D9;
     box-shadow: 0px 0px 4px #00000021;
     color: #000;
     line-height: 1.4;
     background: #fff;
     border-radius: 1px;
     z-index: 99;
 }
 
 .lang-ar .zgh-nav>ul>li>p {
     transform: translateX(-100%);
 }
 
 .zgh-nav>ul>li:hover>p {
     display: inline-block;
 }
 
 .zgh-nav>ul>li>p::after,
 .zgh-nav>ul>li>p::before {
     /*  content: "";*/
     position: absolute;
     width: 10px;
     height: 10px;
     left: 50%;
     margin-left: -5px;
     top: -6px;
     background: #03A9F5;
     transform: rotate(45deg);
 }
 
 .zgh-nav>ul>li>p::after {
     background: #fff;
     top: -4px;
 }
 /* Related prod tooltip - Ends */
 /* commonlanding */
 /* sitecss */
 
 .signing .signup {
     display: block;
 }
 
 .css-animate,
 [data-animation] {
     visibility: visible !important;
 }
 
 div#head {
     padding-top: 0px !important;
 }
 
 .googleapps-testimonial p,
 .testimonial p {
     font-family: var(--primaryfont-regular), "Arial", sans-serif;
 }
 
 body,
 p {
     font-family: var(--primaryfont-regular), "Arial", sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-size: 16px;
     line-height: 1.5;
     color: #000;
 }
 
 .banner-section h1,
 h2,
 h3 {
     font-family: var(--zf-secondary-semibold), "Arial", sans-serif;
     line-height: 1.3;
     font-weight: initial;
     margin-bottom: 10px;
 }
 
 h2 {
     font-size: 20px;
 }
 
 #breadcrumb {
     padding: 30px 30px 0px;
     overflow: hidden;
 }
 
 #breadcrumb a,
 #breadcrumb span {
     color: #7680c5;
     font-size: 14px;
     line-height: 20px;
     text-transform: uppercase;
     display: block;
     float: left;
 }
 
 #breadcrumb a {
     position: relative;
     margin-right: 30px;
 }
 
 #breadcrumb a:after {
     content: '>';
     position: absolute;
     top: 0px;
     right: -20px;
     color: #5664c5;
 }
 
 .button {
     color: #fff;
     font-family: var(--zf-secondary-bold);
     font-size: 16px;
     text-transform: uppercase;
 }
 
 .page-nav .z-row {
     padding: 0px;
     position: relative;
     z-index: 1;
     overflow: visible;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
     text-align: center;
 }
 
 .page-nav .z-row:after {
     content: '';
     display: block;
     position: absolute;
     bottom: 0px;
     width: 100%;
     height: 1px;
     background: #e4f1f8;
 }
 
 .page-nav.z-sticky .z-row {
     position: fixed;
     top: 0px;
     left: 0px;
     width: 100%;
     background: #fff;
 }
 
 .page-nav .z-row .z-content-wrap {
     position: relative;
     padding-top: 0px;
     display: table;
 }
 
 .page-nav .z-row .z-content-wrap:after {
     content: '';
     clear: both;
     display: block;
 }
 
 .page-nav span {
     display: table-cell;
     width: 20%;
     font-size: 15px;
     color: #585969;
     box-sizing: border-box;
     -webkit-transition: background 0.2s linear;
     -moz-transition: background 0.2s linear;
     -o-transition: background 0.2s linear;
     transition: background 0.2s linear;
 }
 
 .page-nav span.selector {
     position: absolute;
     bottom: 0px;
     height: 2px;
     background: #49b2e8;
     z-index: 1;
     -webkit-transition: left 0.3s linear;
     -moz-transition: left 0.3s linear;
     -o-transition: left 0.3s linear;
     transition: left 0.3s linear;
 }
 
 .page-nav a {
     display: block;
     color: #000;
     padding: 20px 20px;
 }
 
 .page-nav span:hover,
 .page-nav span.active {
     background: #f7f7f7;
 }
 
 .page-nav a i {
    
     -webkit-background-size: 375px;
     -moz-background-size: 375px;
     -o-background-size: 375px;
     background-size: 375px;
     width: 55px;
     height: 55px;
     display: block;
     margin: 0 auto 10px;
 }
 
 #generate-standard {
     text-align: center;
     background: #f7f7f7;
     padding: 50px 0px 30px;
 }
 
 #generate-standard h2 {
     margin-bottom: 0px;
 }
 
 #generate-standard h3 {
     font-size: 20px;
 }
 
 #generate-standard .z-row.no-bottom-space {
     padding-bottom: 0px;
 }
 
 #generate-standard i {
     background: url(/sites/zweb/images/zoho_general_pages/g-suite-zoho-single-sign-on-icon.png) no-repeat -12px -25px;
     -webkit-background-size: 400px;
     -moz-background-size: 400px;
     -o-background-size: 400px;
     background-size: 400px;
     width: 90px;
     height: 70px;
 }
 
 #generate-standard .anywhere i {
     background-position: -156px -27px;
 }
 
 #generate-standard .single-sign-in i {
     background-position: -295px -27px;
 }
 
 #googleworkspace-testimonial {
     background: #1a1a24;
     position: relative;
     padding: 70px;
 }
 
 #googleworkspace-testimonial p {
     color: #fdfdfd;
     max-width: 300px;
     font-size: 20px;
 }
 
 #googleworkspace-testimonial p span {
     font-size: 13px;
     display: block;
     padding-left: 6px;
 }
 
 #googleworkspace-testimonial p span.test-user {
     color: #0697f6;
     font-size: 18px;
     padding-left: 0px;
 }
 
 #googleworkspace-testimonial .testimonial-video-wrap {
     position: absolute;
     top: 0px;
     right: 0px;
     width: 50%;
    
     -webkit-background-size: cover !important;
     -moz-background-size: cover !important;
     -o-background-size: cover !important;
     background-size: cover !important;
     height: 100%;
     display: block;
 }
 
 #googleworkspace-testimonial .testimonial-video-wrap:after {
     content: '';
     display: block;
     width: 100%;
     height: 100%;
     background: #000;
     background: rgba(0, 0, 0, 0.5);
     position: absolute;
     top: 0px;
     left: 0px;
 }
 
 #googleworkspace-testimonial .playicon {
     z-index: 1;
     border: 2px solid #fff;
     border-radius: 100%;
     display: block;
     height: 60px;
     margin: 0 auto;
     position: absolute;
     left: 50%;
     top: 50%;
     margin: -30px 0px 0px -30px;
     width: 60px;
     cursor: pointer;
 }
 
 #googleworkspace-testimonial .playicon:after {
     border-color: transparent transparent transparent #fff;
     border-style: solid;
     border-width: 11px 0 11px 15px;
     content: "";
     height: 0;
     left: 25px;
     position: absolute;
     top: 19px;
     width: 0;
 }
 
 #googleworkspace-bottom-section p {
     margin-bottom: 10px;
 }
 
 #integrations-sec .custom-icon {
     background: url(https://www.zoho.com/images/product-icons-sprite-new@2x.png)no-repeat -27px -28px;
     background-size: 650px auto;
     width: 65px;
     height: 65px;
     position: relative;
     margin-bottom: 0px;
 }
 
 #integrations-sec .custom-icon.zoho-inventory​ {
     background-position: -65px -195px;
 }
 
 #integrations-sec .custom-icon.zoho-books​ {
     background-position: -65px 0;
 }
 
 #integrations-sec .custom-icon.zoho-invoice {
     background-position: -585px 0;
 }
 
 #integrations-sec .custom-icon.zoho-expense​ {
     background-position: -260px -195px;
 }
 
 #integrations-sec .custom-icon.zoho-subscriptions​ {
     background-position: -390px -130px;
 }
 
 #integrations-sec .z-product-wrap {
     position: relative;
     border: 1px solid #ddd;
     border: 1px solid rgba(221, 221, 221, 0.3);
     display: block;
     text-align: center;
     webkit-transition: background 0.2s ease;
     -moz-transition: background 0.2s ease;
     -o-transition: background 0.2s ease;
     transition: background 0.2s ease;
     min-height: 270px;
     padding: 10px 0px 0px;
     overflow: hidden;
 }
 
 #integrations-sec .z-product-wrap h3 {
     font-size: 16px;
 }
 
 #integrations-sec .z-custom-tooltip {
     text-align: left;
     color: #000;
     padding: 20px 30px;
     opacity: 0;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     background: #ddd;
     background: rgba(221, 221, 221, 0.28);
 }
 
 #integrations-sec .z-product-animate-wrap {
     transform: translateY(80px);
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
 }
 
 #integrations-sec .z-product-wrap .custom-icon {
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
 }
 
 #integrations-sec .z-product-wrap:hover .z-product-animate-wrap {
     transform: translateY(0%);
 }
 
 #integrations-sec .z-product-wrap:hover .z-custom-tooltip {
     opacity: 1;
 }
 
 #integrations-sec .z-product-wrap:hover .custom-icon {
     transform: scale(0.85);
 }
 
 #integrations-sec .z-four-col .column-block {
     width: 24.25%;
     margin-right: 1%;
 }
 
 #integrations-sec .z-four-col .column-block:last-child {
     margin-right: 0px;
 }
 
 #integrations-sec .z-custom-tooltip ul {
     margin-bottom: 0px;
    
 }
 
 #integrations-sec .z-custom-tooltip ul li {
     line-height: 1.5;
     margin-bottom: 5px;
     font-size: 14px;
 }
 
 #integrations-sec .z-custom-tooltip ul li:last-child {
     margin-bottom: 0px;
 }
 
 @media only screen and (max-width: 1200px) {
     #integrations-sec .z-product-wrap {
         min-height: auto;
         padding: 20px 0px;
     }
     #integrations-sec .z-custom-tooltip {
         display: none;
     }
     #integrations-sec .z-product-wrap .z-product-animate-wrap {
         transform: translateY(0%);
     }
 }
 
 @media only screen and (max-width: 767px) {
     .page-nav {
         display: none;
     }
     #googleworkspace-testimonial .testimonial-video-wrap {
         display: block;
         width: 100%;
         height: 250px;
         position: relative;
         max-width: 90%;
         margin: 0 auto;
     }
     #googleworkspace-testimonial p {
         max-width: 100%;
     }
     #googleworkspace-testimonial .z-row {
         padding: 0px;
     }
     #googleworkspace-extension:after {
         display: none;
     }
     #integrations-sec .z-product-wrap {
         max-width: 250px;
         margin: 0 auto;
     }
     .main {
         margin-top: 0px !important;
     }
 }
 
 @-webkit-keyframes slideInLeft {
     from {
         -webkit-transform: translate3d(-150px, 0, 0);
         transform: translate3d(-150px, 0, 0);
         visibility: visible;
     }
     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
 }
 
 @keyframes slideInLeft {
     from {
         -webkit-transform: translate3d(-150px, 0, 0);
         transform: translate3d(-150px, 0, 0);
         visibility: visible;
     }
     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
 }
 
 .slideInLeft {
     -webkit-animation-name: slideInLeft;
     animation-name: slideInLeft;
 }
 
 @-webkit-keyframes slideInRight {
     from {
         -webkit-transform: translate3d(150px, 0, 0);
         transform: translate3d(150px, 0, 0);
         visibility: visible;
     }
     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
 }
 
 @keyframes slideInRight {
     from {
         -webkit-transform: translate3d(150px, 0, 0);
         transform: translate3d(150px, 0, 0);
         visibility: visible;
     }
     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
 }
 
 .slideInRight {
     -webkit-animation-name: slideInRight;
     animation-name: slideInRight;
 }
 /* slick slider */
 
 .slick-dots li button:focus,
 .slick-dots li button:hover,
 .slick-list:focus {
     outline: 0
 }
 
 .slick-next,
 .slick-prev {
     position: absolute;
     top: 50%;
     display: block;
     width: 30px;
     height: 30px;
     padding: 0;
     z-index: 1;
     -webkit-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
     transform: translate(0, -50%);
     cursor: pointer;
     color: transparent;
     border: none;
     outline: 0;
     background: 0 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-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 {
     position: relative;
     bottom: 0;
     display: block;
     width: 100%;
     padding: 0;
     margin: 10px 0;
     list-style: none;
     text-align: center
 }
 
 .slick-dots li {
     display: inline-block;
     margin: 0 3px;
     background: #c7d0df;
     width: 8px;
     height: 8px;
     border-radius: 100%;
     cursor: pointer;
     border: 1px solid #fff;
     transition: .5s ease;
     box-sizing: content-box
 }
 
 .slick-dots li.slick-active {
     background: #3f51b6;
     width: 8px;
     height: 8px;
     border: 1px solid #3f51b6
 }
 
 .slick-dots li button {
     display: none
 }
 
 .slick-list,
 .slick-slider,
 .slick-track {
     position: relative;
     display: block
 }
 
 .slick-slider {
     box-sizing: border-box
 }
 
 .slick-list {
     overflow: hidden;
     margin: 0;
     padding: 0
 }
 
 .slick-slider .slick-list,
 .slick-slider .slick-track {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     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
 }
 
 [dir=rtl] .slick-slide {
     float: right
 }
 
 .slick-initialized .slick-slide {
     display: block
 }
 
 .slick-arrow.slick-hidden {
     display: none
 }
 /* slick slider end */
 /*  */
 
 html,
 body {
     display: block;
     height: 100%;
 }
 
 h2 {
     font-size: 26px;
 }
 
 .page-nav a {
     font-size: 14px;
 }
 
 .img-shadow {
     -webkit-box-shadow: 10px 10px 13px -2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 10px 10px 13px -2px rgba(0, 0, 0, 0.05);
     box-shadow: 10px 10px 13px -2px rgba(0, 0, 0, 0.05);
 }
 
 .banner-section {
     background: #03a9f5 url(/sites/zweb/images/zoho_general_pages/g-suite-campaigns-banner-bg.png) no-repeat center;
     -webkit-background-size: 100%;
     -moz-background-size: 100%;
     -o-background-size: 100%;
     background-size: 100%;
     padding-bottom: 50px;
     text-align: left;
 }
 
 .banner-section *,
 #breadcrumb a,
 #breadcrumb span,
 #breadcrumb a:after {
     color: #fff;
 }
 
 .banner-section h1 span {
     display: block;
     font-size: 20px;
     margin: 5px 0 20px;
 }
 
 .page-nav a i {
     background: url(/sites/zweb/images/zoho_general_pages/g-suite-sign-sprite.png) no-repeat -17px -5px;
     -webkit-background-size: 180px;
     -moz-background-size: 180px;
     -o-background-size: 180px;
     background-size: 180px;
     width: 60px;
     height: 60px;
 }
 
 .page-nav span.convert-visitor i {
     background-position: 6px 2px;
 }
 
 .page-nav span.source-leads i {
     background-position: -56px 2px;
 }
 
 .page-nav span.contextual-gmail i {
     background-position: -116px 2px;
 }
 
 .page-nav span:hover,
 .page-nav span.active {
     background: none;
 }
 
 .page-nav span {
     width: 33.3%;
 }
 
 #video-section {
     position: relative;
     text-align: initial;
     padding: 50px 0px;
 }
 
 #video-section h2 {
     font-size: 30px;
 }
 
 #video-section .z-two-col .column-block {
     width: 44%;
 }
 
 #video-section .z-two-col .column-block:nth-child(2n) {
     width: 56%;
 }
 
 .testimonial p {
     font-size: 24px;
     line-height: 38px;
 }
 
 .testimonial {
     background: #03a9f5 none repeat scroll 0 0;
     color: #fff;
 }
 
 .testimonial small {
     color: #fff;
 }
 
 .testimonial .customer1 {
     height: 70px;
     width: 70px;
 }
 
 .z-one-col .column-block {
     display: block;
     width: 100%;
     text-align: center;
 }
 
 @media only screen and (max-width: 767px) {
     .recommended .recommended-text {
         width: 100%;
         padding: 20px 0px 0px;
         border-left: 0px;
         text-align: center;
         line-height: 25px;
     }
     .recommended img {
         float: none;
         margin: 0 auto;
         display: block;
     }
 }
 /* promotion css */
 
 .zpromotion {
     background: #f8c943;
     padding: 10px 80px 10px 10px;
     position: relative;
     width: 100%;
     box-sizing: border-box !important;
     display: none;
 }
 
 .imp-text {
     font-family: var(--primaryfont-bold);
 }
 
 .zpromotion p {
     margin: 0;
     text-align: center;
     color: #000;
     font-size: 16px;
     font-family: var(--secondaryfont-semibold);
 }
 
 .other-lang .zpromotion {
     display: none !important
 }
 
 .zpromotion p a {
     border-bottom: 1px solid #000;
     padding: 0px 0px;
     display: inline;
     color: #000;
     margin-left: 5px;
     line-height: 1.4;
 }
 
 .zpremoclose {
     position: absolute;
     right: 22px;
     top: 13px;
     width: 20px;
     height: 20px;
     opacity: 1;
     background: #000;
     border-radius: 50%;
     font-size: 0;
     cursor: pointer;
 }
 
 .zpremoclose:before,
 .zpremoclose:after {
     position: absolute;
     left: 9px;
     content: ' ';
     height: 11px;
     width: 2px;
     background-color: #fff;
     top: 5px;
 }
 
 .zpremoclose:after {
     transform: rotate(-45deg);
 }
 
 .zpremoclose:before {
     transform: rotate(45deg);
 }
 
 @media only screen and (max-width: 991px) {
     .zpromotion p {
         font-size: 14px;
         line-height: 1.7;
     }
 }
 
 @media only screen and (max-width: 767px) {
     .zpromotion {
         position: relative;
         top: 0;
         z-index: 999;
         padding-right: 50px;
         padding-top: 60px;
     }
     .zpremoclose {
         top: 60px;
     }
 }
 
 @media only screen and (max-width:480px) {
     .zpremoclose {
         right: 15px;
         top: 60px;
     }
 }