.field-body .z-row{
       position: relative;
	display: block;
	overflow: hidden;
	padding: 70px 0px;
}
.field-body .banner-section{padding:70px 0 0}
.field-body  p, h1, h2, h3, h4, h5, h6 {
    font-family: 'proxima_nova_rgregular', 'Lato', "Open Sans", "Arial", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: none;
    color: #2c3e50;
    font-weight: initial;
}
.main-container-wrapper #mini-panel-product_menu {
    background: transparent;
}
#mini-panel-product_menu .menu-icon-help-header .product-title a, .main-container-wrapper #mini-panel-product_menu .menu-icon-help-header + .product-nav-links li a {
    color: #FFF;
}
.watch-icon,
.watch-icon-dark {
	padding-left: 28px;
	display: inline-block;
	background: url('https://www.zoho.com/images/video-play-icon.png') no-repeat 0px 2px;
	vertical-align: middle;
	text-decoration: none;
	font-weight: 200;
	color: #fff;
}
.watch-icon  {
	cursor:pointer;
}
.watch-icon-dark {
	background: url('https://www.zoho.com/images/video-play-icon-dark.png') no-repeat 0px 2px;
	color: #333;
}
.watch-icon-dark {
	border-bottom: 1px solid #333;
}

/******************************/
/******** Landing Pages *******/
/******************************/


 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);
}
/****** 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;
	background: url(https://www.zoho.com/images/zoho-home-sprite.png) no-repeat -200px -105px;
	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;
}
.field-body .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: 6px 30px;
    display: inline-block;
    margin: 0px 0px 10px;
    width: auto;
    color: #fff;
    line-height: inherit;
   font-weight: 600;
}
.section,
.z-section {
	position: relative;
	display: block;
}
.field-body  .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;
}
.content-wrap,
.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;
}
.content-wrap:after, .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;
}
.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;
}

.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;
	font-weight: 400;
	margin-bottom: 10px;
	outline: medium none;
	padding: 12px 15px;
	width: 100%;
}
.sgnbtn input, .sgnbtn input[type="submit"], .get-started a, .button, a.signup-btn{
    padding: 5px 30px !important;
    line-height: 30px !important;
}
.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;
	font-weight: 300;
	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;
}
.banner-inner h1, .banner-inner p, .white-label h3 a {
	color: #fff;
	text-shadow: none;
}
.socl-signup ul {
	display: inline-block;
	padding-left: 0px;
}
.socl-signup ul li {
	background: url("../images/social-signin-sprite.png") no-repeat 4px 1px;
	color: #496faf;
	cursor: pointer;
	display: inline-block;
	float: right;
	font-size: 14px;
	font-weight: 700;
	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 .vi-facebook {
	background-position: -132px 1px;
}
.socl-signup .vi-google {
	background-position: 4px 1px;
}
.socl-signup .vi-linkedin {
	background-position: -98px 1px;
}
.socl-signup .vi-twitter {
	background-position: -60px 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: #00add5;
	display: block;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.5px;
	line-height: 20px;
	padding: 0 0 10px;
	text-transform: uppercase;
}
.testimonial small em {
	text-transform: none;
	display: block;
	font-weight: 400;
}
.testimonial p {
	font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 100;
	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;
}

.focusin {
	border: 1px solid #00add5;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.main.transparent-header .banner-section,
.main.transparent-header #banner {
	margin-top: -73px;
}
.main.transparent-header .banner-section,
.main.transparent-header #banner {
	padding-top: 73px;
}
.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;
    font-weight: 400;
    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;
    font-weight: 400;
    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%;
}
@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: #333;
	}
	.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;
	}
}
@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;
	}
.field-body .row,
	.z-row {
		padding: 50px 0px;
	}
	.field-body  .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;
	}

.main-container-wrapper #mini-panel-product_menu{
background: #fff;
}

        .tab-wrapper ul.tabs{
            display: block !important;
        }
        .tab-wrapper ul.tabs li {
            margin: 0 auto 20px auto !important;
        }
        .tab-wrapper li.tab-container.current::after, .tab-wrapper li.tab-container.current::before{
            border:none !important;
        }
.tab-wrapper .tabs .tab-container{
cursor: inherit;
border: 1px solid #dee9ef !important;
}
.tab-wrapper ul.tabs li.current{
border:none;
-webkit-box-shadow: none !important;
          -moz-box-shadow: none !important;
          box-shadow: none !important;
}

.tabs .tab-container .sub-tab{
display:block !important;
}
.tab-list{
display:none;
}
.tab-wrapper .tab-container h3{
margin-left:0px !important;
}
.tab-wrapper .tabs .tab-container{
max-width: 100%;
    text-align: left;
}
}

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


.field-body  h1 {
                font-family: 'proxima_novalight', 'Lato', "Open Sans", "Arial", sans-serif;
            }
            .field-body h2 {
                font-size: 30px;
                line-height: 1.2;
                margin-bottom: 15px;
            }
          .field-body  h6 {
                font-size: 20px;
                line-height: 1.5;
                margin-bottom: 15px;
            }
   .img-shadow {
                -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
                box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
            }
            .custom-icon {
                background: url(https://www.zoho.com/showtime/images/showtime-home-sprite.png) no-repeat 0px 0px;
                -webkit-background-size: 465px;
                -moz-background-size: 465px;
                -o-background-size: 465px;
                background-size: 465px;
                width: 90px;
                height: 90px;
            }
            .guessing-games {
                background-position: -1px 1px;
            }
            .asked-answered {
                background-position: -125px 0px;
            }
            .learning-terms {
                background-position: -242px 11px;
            }
            .hearts-minds {
                background-position: -358px 6px;
            }
            .ratings-real-time {
                background-position: 0px -102px;
            }
            .close-personal {
                background-position: -127px -100px;
            }
            .numbers-game {
                background-position: -6px -217px;
            }
            .clicking {
                background-position: -122px -215px;
            }
            .expad-reach {
                background-position: -260px -208px;
            }
            .real-time {
                background-position: -375px -205px;
            }
            .name-there {
                background-position: -8px -291px;
                background-size: 400px;
            }
            .publish-promote {
                background-position: -107px -341px;
            }
            .spread-word {
                background-position: -183px -341px;
            }
            .cost-effective {
                background-position: -23px -477px;
            }
            .global-audience {
                background-position: -91px -477px;
            }
            .large-groups {
                background-position: -153px -477px;
            }
            .training-company {
                background-position: -228px -472px;
            }

            .banner-section {
               // padding-bottom: 50px;
                position: relative;
                text-align: center;
                background: #000 url(https://www.zoho.com/showtime/images/showtime-banner-bg.jpg) no-repeat center center;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=https://www.zoho.com/showtime/'images/showtime-banner-bg.jpg', sizingMethod='scale');
                -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.zoho.com/showtime/images/showtime-banner-bg.jpg', sizingMethod='scale')";
            }
            .banner-section * {
                color: #fff;
            }
            .banner-section p {
                color: #ccc;
            }
            .banner-section h1 {
                font-size: 50px;
                line-height: 1.2;
                margin-bottom: 30px;
               font-weight:200;
            }
            .banner-section h5 {
                font-size: 25px;
                line-height: 1.3;
                margin-bottom: 15px;
            }
            .banner-section p {
                max-width: 604px;
                margin: 0 auto 25px;
            }
            .banner-section .button,
            #bottom-section .button {
                text-transform: uppercase;
                font-family: 'proxima_novasemibold', 'Lato', "Open Sans", "Arial", sans-serif;
            }
            .banner-section .button {
                margin-bottom: 20px;
            }

            #active-training p {
                max-width: 650px;
                margin: 0 auto 50px;
            }
            #active-training-features .column-block {
                margin-bottom: 70px;
            }
            #active-training-features .z-three-col,
            #training-trainer-features .z-two-col {
                padding-bottom: 30px;
            }

            #training-trainer {
                background: #000 url(https://www.zoho.com/showtime/images/showtime-training-trainer-bg.jpg) no-repeat center center;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.zoho.com/showtime/images/showtime-training-trainer-bg.jpg', sizingMethod='scale');
                -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.zoho.com/showtime/images/showtime-training-trainer-bg.jpg', sizingMethod='scale')";
                padding-bottom: 250px;
            }
            #training-trainer * {
                color: #fff;
            }
            #training-trainer p {
                color: #ccc;
            }
            #training-trainer-alt {
                margin-top: -350px;
                overflow: visible;
            }
            #training-trainer-alt .z-row {
                overflow: visible;
            }
            .column-block-inner {
                max-width: 385px;
                margin: 0 auto 70px;
            }

            #showcase-profile {
                background: #000;                  
                background-image: -moz-linear-gradient( 0deg, rgb(31,26,75) 0%, rgb(49,42,113) 43%, rgb(3,83,132) 100%);
                background-image: -webkit-linear-gradient( 0deg, rgb(31,26,75) 0%, rgb(49,42,113) 43%, rgb(3,83,132) 100%);
                background-image: -ms-linear-gradient( 0deg, rgb(31,26,75) 0%, rgb(49,42,113) 43%, rgb(3,83,132) 100%);
            }
            #showcase-profile * {
                color: #fff;
            }
            #showcase-profile p {
                color: #ccc;
            }
            #showcase-profile .z-two-col .z-content-wrap {
                max-width: 1500px;
            }
            .showcase-profile-navs {
                max-width: 400px;
                padding-right: 30px;
            }
            .showcase-profile-nav {
                padding-left: 60px;
                margin-bottom: 40px;
                position: relative;
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                -o-transition: all 0.4s ease;
                transition: all 0.4s ease;
                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
                filter: alpha(opacity=25);
                opacity: 0.25;
                cursor: pointer;
            }
            .showcase-profile-nav.active {
                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                filter: alpha(opacity=100);
                opacity: 1;
            }
            .showcase-profile-nav:last-child {
                margin-bottom: 0px;
            }
            .showcase-profile-nav h6 {
                margin-bottom: 8px;
            }
            .showcase-profile-nav i {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 55px;
                height: 40px;
            }

            .z-map-wrap {
                max-width: 900px;
                margin: 0 auto;
            }
            .training-list {
                padding-left: 0px;
                list-style: none;
            }
            .training-list li {
                position: relative;
                padding-left: 45px;
                min-height: 40px;
                line-height: 30px;
            }
            .training-list i {
                margin-bottom: 0px;
                position: absolute;
                left: 0px;
                top: 0px;
                width: 40px;
                height: 40px;
            }

            .testimonial .img-wrap img {
                width: 60px;
                margin-bottom: 10px;
            }
            .testimonial-name {
                display: block;
                margin-bottom: 5px;
            }
            .testimonial-desc {
                font-size: 14px;
                display: block;
                color: #999;
            }
            blockquote {
                font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
                font-size: 18px;
                line-height: 28px;
                margin: 20px auto;
                max-width: 600px;
                position: relative;
                min-height: 85px;
            }
.field-body ul li, ol li{
    margin-bottom: 15px;
    line-height: 1.5;
    vertical-align: top;
}
            #bottom-section {
                background: #000 url(https://www.zoho.com/showtime/images/showtime-bottom-bg.jpg) no-repeat center center;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='showtime-bottom-bg.jpg', sizingMethod='scale');
                -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='showtime-bottom-bg.jpg', sizingMethod='scale')";
                padding: 30px 0px;
            }
            #bottom-section * {
                color: #fff;
            }
            #bottom-section h2 {
                margin-bottom: 30px;
            }
            @-webkit-keyframes slideInUp {
                from {
                    -webkit-transform: translate3d(0, 150px, 0);
                    transform: translate3d(0, 150px, 0);
                    visibility: visible;
                }
                100% {
                    -webkit-transform: translate3d(0, 0, 0);
                    transform: translate3d(0, 0, 0);
                }
            }
            @keyframes slideInUp {
                from {
                    -webkit-transform: translate3d(0, 150px, 0);
                    transform: translate3d(0, 150px, 0);
                    visibility: visible;
                }
                100% {
                    -webkit-transform: translate3d(0, 0, 0);
                    transform: translate3d(0, 0, 0);
                }
            }
            /* =========================================================================
                                                MOBILE 320
            ========================================================================= */
            @media only screen and (max-width: 767px) {
                .z-row.no-bottom-space, .z-row.no-bottom-space {
                    padding-bottom: 0px;
                }
                .banner-section h1 {
                    font-size: 37px;
                    margin-bottom: 20px;
                }
                h2 {
                    font-size: 26px;
                }
                .banner-section {
                    padding-bottom: 0px;
                }
                #active-training-features .column-block {
                    margin-bottom: 50px;
                }
                #training-trainer {
                    padding-bottom: 0px;
                }
                .column-block-inner {
                    margin-bottom: 50px;
                    max-width: 100%;
                }
                #showcase-profile .z-two-col {
                    padding: 0px 20px;
                }
                #showcase-profile .z-two-col {
                    padding-bottom: 50px;
                }
                #showcase-profile .z-slider-wrap {
                    margin: 50px 0px;
                }
                .showcase-profile-navs {
                    max-width: 100%;
                    padding-right: 0px;
                }
                #bottom-section {
                    padding: 0px;
                }
            }
            /* =========================================================================
                                                MOBILE 480
            ========================================================================= */
            @media only screen and (min-width: 480px) and (max-width: 767px) {
                
            }





        /*       Tab wrapper       */
      .tab-wrapper {}
      
      .tab-container {
          max-width: 290px;
          padding: 30px;
          text-align: center;
          border: 1px solid #dee9ef;
          cursor: pointer;
      }
      
      .tab-wrapper .tab-container h3 {
          font-size: 18px;
          font-weight: 600;
          color: #394b60;
max-width: 80%;
    margin: 0 auto 10px auto;
      }
      
      .tab-wrapper .tab-container p {
          font-size: 14px;
          color: #394b60;
      }
      
      .tab-wrapper ul.tabs {
          margin: 0px;
          padding: 0px;
          list-style: none;
          display: flex;
          justify-content: center;
          min-height: 300px;
      }
      
      .tab-wrapper ul.tabs li {
          background: none;
          color: #222;
      }
      
      .tab-wrapper ul.tabs li.current {
          position: relative;
          border: 1px solid #53c3f0;
          -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
      }
      
      .tab-list .tab-content {
          display: none;
      }
      
      .tab-list .tab-content.current {
          display: inherit;
      }
      
      .tab-list h3 {
          line-height: 40px;
          padding-bottom: 10px;
          border-bottom: 2px solid #ebf0f3;
          font-weight: 600;
          font-size: 20px;
          position: relative;
      }
      
      .tab-list h3::after {
          content: "";
          position: absolute;
          height: 2px;
          width: 120px;
          background-color: #53c3f0;
          bottom: -2px;
          left: 0;
      }
      
      .tab-wrapper {
          margin-bottom: 30px;
      }
      .tab-list .tab-content ul li {
margin-bottom:20px;
}
      .tab-list ul li p.tab-heading {
          font-size: 18px;
          font-weight: 600;
          color: #394b60;
          position: relative;
          margin-bottom: 10px;
      }
      
      .tab-list ul li p {
          color: #394b60;
          font-size: 16px;
      }
      
      .tab-list ul li p.tab-heading::before {
          content: " ";
          height: 5px;
          width: 5px;
          background-color: #c6ffea;
          position: absolute;
          left: -20px;
          margin: auto;
          bottom: 0;
          top: 0;
          border: 1px solid #01b170;
          border-radius: 50%;
      }
      
      .tab-wrapper li.tab-container.current::after,
      .tab-wrapper li.tab-container.current::before {
          content: '';
            display: inline-block;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #CCC;
            border-top-color: #53c3f0;
            position: absolute;
            bottom: -10px;
            left: 46%;
            z-index: 1111;
      }
      
      .tab-wrapper li.tab-container.current::after {
          border-left-width: 10px;
          border-right-width: 10px;
          border-top-width: 10px;
          border-top-color: #fff;
          bottom: -9px;
          left: 46%;
      }
      
      .scheduling-registn-ico {
          background-position: 10px -2px;
          margin-bottom: 20px;
      }
      
      .enhance-enggment-ico {
          background-position: -123px 0px;
          margin-bottom: 20px;
      }
      
      .take-training-ico {
          background-position: -126px -106px;
          margin-bottom: 20px;
      }

     .tab-wrapper .tabs .sub-tab{
margin-top:20px;
display:none;
}
.tab-wrapper .tabs .sub-tab .tab-heading {
    font-weight: bold;
    margin-bottom: 5px;
}
.training-digital{
background-image:url("https://zcmss.zohocorp.com/sites/default/files/u1478/active-training-bg.jpg");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}
.training-digital h2, .training-digital p {
color:#fff;
}
.z-small-content-wrap {
max-width:730px;
}
.banner-section .z-small-content-wrap .button {
    margin-top: 20px;
}