/* #mini-panel-product_menu .product-nav-links .menu > li > a {
	color: #fff;
}

#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;
}

#mini-panel-product_menu .menu-icon-help-header .product-title a,
#mini-panel-product_menu .product-nav-links li .nolink {
	color: #fff;
}

#mini-panel-product_menu .expanded.dropdown .caret {
	background-position: -168px 0px;
} */

.zcx_main {
	position: relative;
	margin-top: -81px;
}

.zcx_breadcrumb {
	list-style-type: none;
	max-width: 1280px;
	margin: 0 auto;
	width: 90%;
	padding: 85px 0 0;
}

.zcx_breadcrumb li {
	display: inline-block;
	margin: 0 25px 0 0;
	font: 12px/1.2;
	color: #fff;
	text-transform: uppercase;
	opacity: 0.7;
	position: relative;
	z-index: 2;
}

.zcx_breadcrumb li:hover {
	opacity: 1;
}

.zcx_bcLnk {
	color: #fff;
	position: relative;
	display: inline-block;
}

.zcx_bcLnk:before {
	content: '>';
	position: absolute;
	right: -15px;
	display: inline-block;
}

.zcx_bcLnk:after {
	content: '';
	display: block;
	margin: auto;
	height: 1px;
	width: 0px;
	background: transparent;
	transition: width 0.5s ease, background-color 0.5s ease;
}

.zcx_bcLnk:hover:after {
	width: 100%;
	background: #ffffff;
}

.zcx_BanLayer {
	background: rgba(3, 170, 245, 1);
	background: -webkit-linear-gradient(
		bottom,
		rgba(3, 170, 245, 1),
		rgba(46, 117, 204, 1)
	);
	background: -moz-linear-gradient(
		bottom,
		rgba(3, 170, 245, 1),
		rgba(46, 117, 204, 1)
	);
	background: linear-gradient(
		to top,
		rgba(3, 170, 245, 1),
		rgba(46, 117, 204, 1)
	);
	z-index: 0;
	width: 100%;
	display: block;
	height: 402px;
	position: absolute;
	content: '';
}

.zcx_banInner {
	position: relative;
	max-width: 1140px;
	width: 90%;
	margin: 0 auto;
	text-align: left;
	padding: 100px 0 70px;
}

.zcx_banInner:after,
.zcx_chgeInner:after {
	clear: both;
	content: '';
	display: table;
}

.zcx_banLft {
	padding: 30px 0px 80px 0px;
	width: 100%;
	float: none;
	margin-bottom: 80px;
}

.zcx_banRht {
	position: relative;
	width: 31%;
	float: left;
	box-sizing: border-box;
}

.zcx_main h1 {
	color: #fff;
	font: 48px/1.1;
}

.zcx_main h2 {
	font: 30px/1.2';
}

.zcx_main p {
	margin: 0;
}

.zcc_skrGrp {
	display: table;
	padding: 20px 0 0px;
	color: #ffffff;
}

.skrGrp_lft,
.skrGrp_rht {
	display: table-cell;
	vertical-align: middle;
}

.skrGrp_lft {
	padding-right: 15px;
}

.skrGrp_lft img {
	display: block;
}

.skrGrp_name {
	display: block;
	font: 18px/1.2;
}

.skrGrp_desig {
	display: block;
	font: 18px/1;
	padding-top: 10px;
}

/* Customer Info Sec CSS */
.zcx_Logo {
	display: inline-block;
	padding-bottom: 25px;
}

.zcx_infoGrp {
	position: relative;
	text-align: left;
	box-shadow: 0px 5px 20px 2px rgba(0, 0, 0, 0.16);
	z-index: 3;
}

.zcx_infoWdth {
	width: 353px;
}

.zcx_TopFix {
	position: fixed;
}

.zcx_BotFix {
	position: absolute;
	left: 0;
}

.zcx_infoSec,
.zcx_toolSec {
	padding: 25px 30px 25px;
	display: block;
	background: #fff;
	box-sizing: border-box;
}

.zcx_Info {
	display: table;
	width: 100%;
}

.zcx_Info li {
	list-style-type: none;
	padding: 0 0 25px;
}

.zcx_Info li:last-child {
	padding: 0;
}

.zcx_toolSec {
	background: #222d4a;
	color: #ffffff;
}

.zcx_toolSec p {
	padding-bottom: 20px;
}

.zcs_infoTitle {
	display: block;
	font-size: 18px;
	text-transform: uppercase;
	color: #666666;
}

.zcs_info {
	display: block;
	padding-top: 8px;
	font: 18px/1.2;
}

.zcx_label {
	display: inline-block;
	padding: 4px 10px;
	background: #fff;
	color: #000000;
	border-radius: 4px;
	line-height: 1.2;
	margin: 0 10px 15px 0;
}

.zcx_pdfGrp {
	display: block;
	padding-top: 20px;
}

.zcx_pdfDwn {
	color: #fff;
	text-decoration: underline;
	padding: 0px 0 0 40px;
	position: relative;
}

.zcx_pdfDwn:after {
	content: '';
	position: absolute;
	top: -3px;
	left: 0;
	background: url('//cdn.zoho.com.cn/sites/zweb/images/crm/zcx_testi_sprt.svg') no-repeat -82px -20px;
	width: 25px;
	height: 27px;
}

/* Customer Challenge Sec CSS */
.zcx_ChgeLft {
	width: 69%;
	float: left;
	padding: 0 80px 0 30px;
	box-sizing: border-box;
}

.zcx_qts {
	position: relative;
	padding: 0 0 0 100px;
}

.zcx_qts:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: url('//cdn.zoho.com.cn/sites/zweb/images/crm/zcx_testi_sprt.svg') no-repeat -20px -20px;
	width: 52px;
	height: 74px;
	display: inline-block;
}

.zcx_qts p {
	font: 300 36px/1.3 'Roboto Slab', serif;
}

/* Solution Sec CSS */
.zcx_solutionSec,
.zcx_chgeSec {
	background: #fff;
	width: 100%;
}

.zcx_SecInner,
.zcx_chgeInner {
	max-width: 1140px;
	width: 90%;
	margin: 0 auto;
	text-align: left;
	padding: 80px 0;
	display: table;
	position: relative;
	z-index: 2;
}

.zcx_chgeInner {
	padding: 40px 0 0;
}

.zcx_SecLft,
.zcx_SecRht {
	display: table-cell;
	vertical-align: bottom;
}

.zcx_SecLft {
	width: 69%;
	padding: 0 80px 0 30px;
}

.zcx_secGrp {
	padding: 0 0 60px;
}

.zcx_secGrp:last-child,
.zcx_secGrp p:last-child {
	padding: 0;
}

.zcx_secGrp p {
	padding: 0 0 30px;
}

.zcx_SecRht {
	width: 31%;
	height: 100%;
}

.zcx_story {
	text-align: center;
	padding: 40px 30px;
	box-shadow: 5px 6px 16px #0003;
	margin-top: -10%;
}

.zcx_story h3 {
	font: 30px/1.2;
	margin: 0 0 20px;
	padding: 0;
}

.zcx_story img {
	padding: 0 0 30px;
}

.zcx_stryCta {
	padding: 8px 20px;
	color: #ffffff;
	background: #ee4944;
	border: 1px solid #ee4944;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	font: 18px/1.2;
	text-transform: uppercase;
	margin-top: 15px;
	cursor: pointer;
}

/* Recommendation Sec CSS */
.zcx_recSec {
	background: #fff;
	width: 100%;
}

.zcx_recInner {
	background: #222d4a;
	max-width: 1080px;
	width: 90%;
	text-align: center;
	margin: 0px auto 80px;
}

.zcx_recBx {
	width: 90%;
	max-width: 800px;
	padding: 50px 0;
	color: #fff;
	margin: 0 auto;
}

.zcx_recInner p {
	font: 300 24px/1.4 'Roboto Slab', serif;
}

.zcx_TabStry {
	display: none;
	padding: 0px 0 70px;
	max-width: 920px;
	margin: 0 auto;
	width: 90%;
}

.zcx_mblView {
	display: none;
}
@media only screen and (max-width: 1200px) {
	.zcx_main h1 {
		font-size: 44px;
	}
}

@media only screen and (max-width: 1124px) {
	.zcx_main h1 {
		font-size: 40px;
		line-height: 1.2;
	}

	.zcx_qtsGrp,
	.zcx_RsltInner,
	.sgl_secGrp {
		padding: 70px 0;
	}

	.zcx_SecInner {
		padding: 70px 0 0;
	}

	.zcx_SecLft {
		padding: 0 70px 0 30px;
	}

	.zcx_ChgeLft {
		width: 65%;
		padding: 0 60px 0 0px;
	}

	.zcx_banRht {
		width: 35%;
	}
}

@media only screen and (max-width: 1024px) {
	.zcx_banInner {
		padding: 100px 0 70px;
	}

	.zcx_banLft {
		margin-bottom: 70px;
		padding: 0px 0 70px;
	}

	.zcx_qts p {
		font-size: 28px;
		line-height: 1.4;
	}

	.zcx_qtsGrp,
	.sgl_secGrp {
		padding: 0;
	}

	.zcx_SecInner {
		padding: 60px 0 0;
	}

	.zcx_qtsGrp {
		padding: 60px 0;
		margin: 0 auto 60px;
	}

	.zcx_ChgeLft,
	.zcx_SecLft {
		width: 100%;
		padding: 0;
	}

	.zcx_RsltInner {
		padding: 60px 0 0;
	}

	.zcx_recInner {
		margin: 70px auto;
	}

	.zcx_RsltBx {
		display: none;
	}

	.zcx_story {
		box-shadow: 1px 0px 14px #0000001a;
	}

	.zcx_infoSec,
	.zcx_toolSec {
		padding: 30px;
	}

	.zcx_Info li {
		padding: 0;
		display: table-cell;
		width: 33%;
	}

	.zcx_main h1 {
		font-size: 36px;
	}

	.zcx_main h2 {
		font-size: 26px;
	}

	.zcx_qts p {
		font-size: 26px;
	}

	.zcx_recInner p {
		font: 300 22px/1.5 'Roboto Slab';
	}

	.zcx_story h3 {
		font-size: 22px;
		margin: 0 0 10px;
	}

	.zcx_label,
	.zcx_pdfDwn,
	.zcs_infoTitle,
	.zcs_info,
	.zcx_stryCta {
		font-size: 16px;
	}

	.zcx_mblView {
		display: block;
		margin: 0 0 60px;
	}

	.zcx_tabView,
	.zcx_dskView {
		display: none;
	}

	.zcx_SecRht {
		padding: 0;
	}

	.zcx_TabStry {
		display: block;
	}
}

@media only screen and (max-width: 900px) {
	.zcx_Info li {
		padding: 0 0 25px;
		display: block;
		width: 100%;
	}

	.zcx_banLft {
		margin: 0 auto 60px;
		padding: 0px 0 60px;
		text-align: center;
	}

	.zcc_skrGrp {
		margin: 0 auto;
	}
}

@media only screen and (max-width: 768px) {
	.main-container-wrapper
		#mini-panel-product_menu
		.menu-icon-help-header
		.product-title
		a {
		color: #ffffff;
	}

	.zcx_main {
		margin-top: -54px;
	}

	.zcx_chgeInner {
		padding: 90px 0 0;
	}

	.zcx_breadcrumb {
		display: none;
	}

	.zcx_main h1 {
		font-size: 32px;
	}

	.zcx_qts {
		padding: 0 0 0 80px;
	}

	.zcx_qts p {
		font-size: 24px;
	}

	.zcx_recInner p {
		font-size: 20px;
	}

	.zcx_recInner {
		margin: 60px auto;
	}
}