*, h1, h2, h3, h4, li, ol, p, ul {
	margin: 0;
	padding: 0
}
.nav-con, .tab-sec {
	border-bottom: 1px solid #e3e3e3
}
.nav-lt, .tab-lt {
	list-style-type: none;
	float: left;
	cursor: pointer
}
#mini-panel-product_menu .product-nav-links .menu>li>a, .product-nav-links li .nolink{color:#fff}
.product-nav-links .menu li a.active { box-shadow: 0 -2px 0 #fff inset;}
.product-header-top #mini-panel-product_menu .product-nav-links .menu>li>a, .product-header-top .product-nav-links li .nolink{color:#333}
.header,.zgh-accounts,.bottom-promo{display:none !important;}
.product-nav-links{padding-right:25px;}
.go-link:after, .nav-lt.active:before {
	content: ''
}
.dots, .nav-lt, .sign_agree a, .sl-arrow, .tab-lt {
	cursor: pointer
}
* {
	font-weight: inherit;
	font-family: var(--zf-primary-regular)
}
.signup-box p.zcountry-info, .signup-box span#zip-countryname-change {
	color: #fff
}
.error {
	font-size: 12px;
}
.banner-section {
	padding: 30px 25px 90px;
	margin-top: -80px;
	text-align: center;
	background: #02a1f2;
	overflow: visible;
	box-sizing: border-box;
	position: relative;
	background-size: cover
}
.shadow {
	box-shadow: 2px 2px 10px #e3e3e3;
	border: 1px solid #e3e3e3
}
.crm-logo-txt {
	color: #fff;
	display: inline-block;
	vertical-align: top;
	font-family: var(--zf-primary-semibold);
	margin-left: 1px;
	text-transform: uppercase;
	font-size: 28px;
	letter-spacing: 1px;
	margin-top: 7px;
	line-height: 24px
}
.banner-content-con {
	max-width: 980px;
	margin: 0 auto;
	width: 100%;
}
.bottom-cta-con, .footer-sec, .nav-con, .sec-hdr span, .section, .tab-sec, .testimonial, .testimonial-con {
	text-align: center
}
.banner-inner {
	padding-top: 135px
}
.banner-section {
	padding: 30px 25px 135px
}
.banner-hdr {
	font-size: 50px!important;
	line-height: 56px;
	font-family: var(--zf-primary-bold)!important;
	color: #fff
}
.banner-para {
	font-size: 18px;
	line-height: 28px;
	margin-top: 15px;
	font-family: var(--zf-primary-regular);
	color: #fff
}
.cta {
	padding-top: 30px;
}
.cta a {
	padding: 8px 20px;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    font-family: var(--zf-primary-semibold);
    font-size: 18px;
    cursor: pointer;
    color: #fff;
    background: #f0483e;
    border: 1px solid #f0483e;
    width: 250px;
    box-sizing: border-box;
}
.gray-bg {
	background: #fafafa
}
.section {
	padding: 85px 25px 100px
}
.section-inner {
	max-width: 1100px;
	width: 100%;
	margin: 0 auto
}
.sec-hdr {
	font-size: 40px;
	line-height: 42px;
	margin: 0 auto 12px;
	font-family: var(--zf-primary-bold);
	width: 100%;
	max-width: 700px
}
.sec-hdr span {
	font-family: 'Roboto Slab', serif;
	display: block;
	margin-top: 6px
}
.sec-para {
	font-size: 18px;
	line-height: 30px;
	font-family: var(--zf-primary-regular);
	color: #333;
	width: 100%;
	max-width: 840px;
	margin: 0 auto
}
.inner-sec-hdr, .nav-lt.active, .tab-lt.active span {
	font-family: var(--zf-primary-semibold)
}
.tab-sec {
	width: 100%;
	padding-top: 35px;
	position: relative
}
.active_line {
	position: absolute;
	bottom: -1px;
	height: 3px;
	background: #03a9f5;
	display: block
}
.tab-inner {
	display: inline-block;
	vertical-align: bottom
}
.tab-lt {
	padding: 8px 18px;
	margin: 0
}
.tab-lt span {
	display: block;
	position: relative;
	font-size: 18px
}
.inner-container {
	clear: both;
	padding-top: 45px;
	margin: 0 auto;
	width: 100%
}
.inner-sec-hdr {
	font-size: 28px;
	max-width: 620px;
	margin: 0 auto 12px;
	width: 100%;
	line-height: 36px
}
.go-link {
	margin-top: 5px;
	display: inline-block;
	position: relative
}
.go-link:after {
	position: absolute;
	right: -11px;
	top: 10px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #2b98f0;
	border-right: 1px solid #2b98f0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}
.cb {
	clear: both;
	height: 0;
	display: block;
	margin: 0!important
}
.nav-con {
	top: 52px;
	left: 0;
	position: fixed;
	background: #fff;
	box-shadow: 0 10px 20px -10px rgba(0,0,0,.35);
	-webkit-box-shadow: 0 10px 20px -10px rgba(0,0,0,.35);
	z-index: 9;
	width: 100%;
	display: none
}
.nav-con-inner {
	display: inline-block;
	vertical-align: bottom
}
.dots, .two-col-content-sec, .two-col-img-sec {
	vertical-align: middle
}
.nav-lt {
	padding: 14px 30px 12px;
	font-size: 16px;
	color: #333;
	margin: 0
}
.nav-lt.active {
	position: relative
}
.nav-lt.active:before {
	width: 70%;
	left: 50%;
	bottom: -2px;
	background: #1EAAF2;
	height: 3px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	position: absolute
}
.try-edtn {
	background: 0 0;
	color: #f0483e;
	border: 1px solid #f0483e
}
.try-edtn:hover {
	background: #f0483e;
	color: #fff
}
.footer-sec {
	font-size: 12px;
	padding: 15px 25px;
	font-family: var(--zf-primary-regular);
	color: #333;
	background: #fafafa
}
.sec-img {
	width: 100%;
	margin: 35px auto 0;
	display: block
}
.tp-hdr-sml-txt {
	font-size: 26px;
	font-family: 'Roboto Slab', serif;
	color: #fff;
	margin-bottom: 15px;
	display: block
}
.sign_agree a {
	color: #fff!important;
	text-decoration: underline
}
.bottom-cta-con {
	padding: 65px 25px
}
.bottom-cta-con p {
	font-size: 24px;
	font-family: var(--zf-primary-bold);
	line-height: 32px;
	max-width: 580px;
	margin: 0 auto 20px
}
.bottom-cta-con span {
	display: inline-block;
	cursor: pointer;
	color: #fff;
	padding: 8px 35px;
	background: #f0483e;
	text-transform: uppercase;
	font-size: 18px;
	font-family: var(--zf-primary-semibold)
}
.umain .bottom-cta-con {
	display: none!important
}
.testimonial {
	padding: 80px 25px;
	background: #272a31
}
.testimonial-con {
	max-width: 640px;
	widows: 85%;
	width: 100%;
	margin: 0 auto
}
.cstomers-sec .hdr {
	font-size: 34px;
	font-family: var(--zf-primary-bold);
	margin: 0 auto 35px;
	color: #fff
}
.cstomers-sec img {
	display: inline-block;
	width: 100%
}
.two-cols {
	max-width: 1040px;
	width: 100%;
	margin: 0 auto
}
.two-col-content-sec {
	width: 60%;
	padding-right: 40px;
	padding-left: 20px;
	display: inline-block;
	box-sizing: border-box;
	text-align: left
}
.two-col-content-sec .sec-para {
	text-align: left
}
.two-col-img-sec {
	width: 39%;
	display: inline-block;
	text-align: center
}
.two-col-img-sec img {
	max-width: 300px;
	width: 100%;
	display: inline-block
}
.testi-sprites {
	background-image: url(https://zoho.com/crm/lp/images/enterprise-testimonial-spkrs.png);
	display: block;
	margin: 0 auto 25px;
	background-size: 230px auto
}
.testi-sprites.john_carde {
	background-position: 0 0;
	width: 71px;
	height: 70px
}
.testi-sprites.arian_de {
	background-position: -79px 0;
	width: 72px;
	height: 70px
}
.testi-sprites.fred_greenhalgh {
	background-position: -159px 0;
	width: 71px;
	height: 70px
}
.testimonial-slide-con {
	max-width: 1040px;
	margin: 0 auto;
	position: relative
}
.testi-con-inner {
	position: relative
}
.sl-arrow {
	background: url(images/cmn-arrow.png) center no-repeat;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transition: .3s all ease;
	padding: 0;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	z-index: 9
}
.sl-arrow.right {
	right: 0
}
.sl-arrow.left {
	left: 0
}
.sl-arrow .sld-arrow.slider-left-arrow {
	transform: rotate(270deg)
}
.slide-dots-con {
	padding-top: 15px;
	text-align: center
}
.dots {
	width: 12px;
	height: 12px;
	display: inline-block;
	margin: 0 10px;
	border: 1px solid #fff;
	border-radius: 50%
}
.dots.active {
	background: #fff
}
.sec-testimo {
	width: 100%;
	max-width: 840px;
	position: absolute;
	padding: 0;
	box-sizing: border-box;
	color: #fff;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%)
}
.sec-testimo p {
	font-size: 20px;
	line-height: 36px;
	font-family: 'Roboto Slab', serif;
	font-weight: 400
}
.testi-name {
	margin-top: 25px;
	font-family: var(--zf-primary-bold)!important;
	font-size: 18px;
	display: block;
	margin-bottom: 2px
}
.sec-testimo span {
	font-family: var(--zf-primary-regular)
}
.inner-sec {
	display: none
}
.main-container-wrapper #mini-panel-product_menu .menu-icon-help-header+.product-nav-links li a {
	color: #fff;
	padding: 20px 0 5px
}
#mini-panel-product_menu .menu-icon-help-header .product-title a, #mini-panel-product_menu .menu-icon-help-header+.product-nav-links li a {
	color: #fff !important;
}
.main-container-wrapper #mini-panel-product_menu .menu-icon-help-header+.product-nav-links .dropdown-menu li a {
	color: #333;
	font-family: var(--zf-primary-regular)
}
.expanded.dropdown .caret {
	background: url(/sites/default/files/cliq-arrow-icon.png) -1px -48px no-repeat!important
}
.product-header-top .expanded.dropdown .caret {
	background: url(/sites/default/files/cliq-arrow-icon.png) -12px -48px no-repeat!important
}
.anim-arrow {
	width: 60px;
	height: 50px;
	position: relative;
	margin: 0 auto
}
.anim-arrow span {
	position: absolute;
	background: url(https://www.zoho.com/crm/lp/images/secure-crm-anim-arrow.svg);
	width: 21px;
	height: 30px;
	transition: all ease-in .6s;
	-webkit-animation: bounce 1.2s infinite;
	animation: bounce 1.6s infinite;
	margin: 0 auto;
	left: 50%;
	top: 20px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%)
}
#mini-panel-product_menu .product-nav-links .menu>li>a {
	padding: 20px 0 10px;
	color: #fff;
}
@keyframes bounce {
0%, 100% {
opacity:.8;
top:20px
}
50% {
opacity:1;
top:30px
}
}
-webkit-@keyframes bounce {
0%, 100% {
opacity:.8;
top:30px
}
50% {
opacity:1;
top:40px
}
}

@media only screen and (max-width:1140px) {
.nav-con {
	top: 0
}
}

@media only screen and (max-width:992px) {
.sec-testimo p {
	font-size: 18px;
	line-height: 32px
}
.tab-lt span, .testi-name {
	font-size: 16px
}
.tab-lt {
	padding: 8px 12px
}
.signup-hdr {
	font-size: 24px;
	padding-bottom: 2px
}
.section {
	padding: 65px 25px 75px
}
.banner-para, .sec-para {
	font-size: 16px;
	line-height: 28px
}
}

@media only screen and (max-width:767px) {
.nav-con {
	top: 0px;
}
#mini-panel-product_menu .product-nav-links .menu>li>a {
	color: #000;
}
.expanded.dropdown .caret {
	background: url(/sites/default/files/cliq-arrow-icon.png) -12px -48px no-repeat!important
}
.nav-con {
	top: 0
}
.cstomers-sec .hdr {
	font-size: 24px;
	line-height: 32px;
	margin: 0 auto 25px
}
.two-col-content-sec {
	padding: 0;
	width: 100%;
	display: block;
	text-align: center
}
.two-col-content-sec .sec-para {
	text-align: center;
	max-width: 500px;
	margin: 0 auto 25px;
	display: block
}
.two-col-img-sec {
	width: 100%;
	max-width: 230px;
	margin: 0 auto;
	display: block
}
.z-large-content-wrap {
	max-width: 500px;
	width: 100%;
	margin: 0 auto
}
.bottom-cta-con p {
	font-size: 20px;
	line-height: 30px
}
.tp-hdr-sml-txt {
	font-size: 24px;
	margin-bottom: 12px;
	margin-top: 30px
}
.banner-section {
	padding: 110px 25px 65px
}
.banner-content-con {
	padding-top: 0
}
.logo-sec {
	text-align: center
}
.nav-lt {
	padding: 12px 15px 10px
}
.sec-hdr {
	font-size: 30px;
	line-height: 36px
}
.inner-sec-hdr {
	font-size: 22px;
	line-height: 32px
}
.banner-hdr {
	font-size: 36px!important;
	line-height: 44px!important
}
.banner-inner, .umain .banner-inner {
	padding-top: 10px
}
.testimonial {
	padding: 40px 25px 30px
}
}

@media only screen and (max-width:650px) {
.tab-sec {
	display: none
}
.inner-sec {
	display: block!important;
	padding-top: 50px
}
.sec-img {
	margin: 20px auto 0
}
.inner-container {
	padding-top: 0
}
.nav-lt {
	padding: 10px 10px 8px;
	font-size: 14px
}
}

@media only screen and (max-width:480px) {
.stats-inner {
	padding: 0
}
.stats-sml-txt {
	margin: 10px auto 0
}
.nav-lt {
	padding: 10px 6px 8px;
	font-size: 14px
}
}
.lang-ar .banner-content-con {
	padding-left: 5%;
}
.lang-ar .socl-signup p {
	text-align: left;
}
.lang-ar h2.sec-hdr, .lang-ar p.sec-para, .lang-ar .tab-sec, .lang-ar .nav-con, .lang-ar div#custom-functions, .lang-ar h2.inner-sec-hdr, .lang-ar .inner-sec, .lang-ar .bottom-promo h3, .lang-ar .bottom-promo .content-wrap {
	text-align: center;
}
.lang-ar .tab-lt, .lang-ar .nav-lt {
	float: right;
}
.other-lang .testimonial {
	display: none;
}