/*******update***********/
div#features-11 {
    background: #dee2fd;
}	
div#features-13 {
    background: #c9efeb;
}
div#features-14 {
    background: #f5f0ff;
}
div#features-12 {
    background: #e9f3fd;
    margin-top: 5em;
}
div#features-13 .features-right img {
    box-shadow: none;
}	

.header-section h1 {
		margin-top: 30px;
	}


#features-10.features-sec .features-right img{
max-width: 100%;
}
	
.content-wrap .head-txt{
text-align: center;
}

.bg-pale {
background: #c9efeb;
}

.bg-brown{
	background: #e0d8d5;
}


#features-9.features-bottom.vid-section {
    background: #ffe5e9;
}

	.features-bottom{
		margin-top: 25px;
	}
	
	#features-1.features-bottom.vid-section{
		background: #d1e6f9;
	}
	
	.features-sec {
		display: table;
		table-layout: fixed;
		margin-top: 25px;
	}

	.features-left, .features-right {
		display: table-cell;
		vertical-align: middle;
		box-sizing: border-box;
		margin: 15px 0;
		width: 50%;
	}
	
	.features-right {
		padding: 0;
		background: #fff;
	}
	
	.bg-pink{
		background: #ffe5e9;
		padding: 70px;
	}
	
	
	.bg-blue{
		background: #b3e0fc;
	}
	
	.bg-purple{
		background: #dee2fd;
	}
	
	
	.bg-green{
		background: #c3ffec;
	}
	
	.bg-yellow{
		background: #fffde7;
	}

	.features-left{
		padding: 70px;
	}

	
	.content-wrap{
		max-width: 1170px;
		width: 100%;
		box-sizing: border-box;
		padding: 0 20px;
	}
	
	
	.header-section{
		text-align: center;
		max-width: 600px;
		margin: 0 auto;
		padding: 100px 30px;
	}
	
	
	section.feature-section{
		background: #f6f6f6;
	}
	
	.bg-pink.features-bottom{
		background: #ffe5e9;
		padding: 100px 30px;
	}
	
	
	#features-2.features-bottom {
		background: #ffffff;
	}
	
	
	.features-bottom {
		padding: 80px 30px;
	}
	
	.features-bottom h2, .features-bottom p{
		max-width: 650px;
		margin: 0 auto;
		text-align: center;
	}
	
	.time-img{
		position: relative;
	}
	
	
	ul.time-img-list{
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.time-img img {
		max-width: 240px;
		display: block;
		margin: 0 auto;
	}
	
	
	
	
	
	.features-sec .features-right img{
		max-width: 280px;
		margin: 0 auto;
		display: block;
	}
	
/*
	.features-bottom ul li{
		display: inline-block;
		margin: 0 10px;
	}
*/
	
	.features-bottom{
		text-align: center;
		position: relative;
		z-index: 1;
	}
	
	
	.features-bottom.bg-pink:before{
		content: '';
		position: absolute;
		background: #ffe5e9;
		height: 70%;
		width: 100%;
		top: 0;
		left: 0;
		box-sizing: border-box;
		z-index: -1;
	}
	
	
/*
	.features-sec:nth-child(4) .features-right img {
		max-width: 400px;
	}
*/
	
	ul.time-img-list{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	
	ul.time-img-list li {
		position: absolute;
		content: '';
		width: 80px;
		height: 20px;
		border: 1px solid #ccc;
		padding: 10px;
		font-size: 14px;
		border-radius: 15px;
		background: #fff;
		text-align: center;
		display: none;
		font-family: var(--zf-primary-semibold);
		box-shadow: 0px 0px 20px 8px rgba(146, 146, 146, 0.1);
	}
	
	
	ul.time-img-list li:nth-child(1) {
		top: 80px;
		color: #efc51e;
		left: 15%;
	}
	
	ul.time-img-list li:nth-child(2){
		top: 200px;
		color: #c021d8;
		left: 10%;
	}
	
	ul.time-img-list li:nth-child(3){
		top: 330px;
		color: #499a2d;
		left: 15%;
	}
	
	ul.time-img-list li:nth-child(4){
		top: 30px;
		right: 15%;
		color: #27d6d0;
	}
	
	ul.time-img-list li:nth-child(5){
		top: 140px;
		right: 18%;
		color: #ef3432;
	}
	
	ul.time-img-list li:nth-child(6){
		top: 240px;
		right: 80px;
		color: #1940e6;
	}
	
	ul.time-img-list li:nth-child(7){
		top: 400px;
		right: 100px;
		color: #ee7615;
	}
	
	
	
	
.z-accordian {
	max-width: 1000px;
	margin: 50px auto;
	text-align: left;
}

.z-accordianBox {
	border-bottom: 1px solid #ccc;
}

.z-accordianBox:last-child {
	border-bottom: 1px solid #ccc;
}

.z-accordianBox h4 {
	margin: 0;
	padding: 12px 35px;
	position: relative;
	cursor: pointer;
	font-size: 18px;
}

.z-accordianBox h4:before {
	content: '+';
	position: absolute;
	top: 0;
	right: 30px;
	bottom: 0;
	font-size: 18px;
	font-weight: 600;
	height: 25px;
	margin: auto;
}

.z-accordianBox h4.active {
	color: #03a9f5
}

.z-accordianBox h4.active:before {
	content: '-';
	right: 32px;
}

.z-accordianBox>ul {
/*	border-top: 1px solid #ccc;*/
	padding:  0 35px 20px;
	display: none;
}

.z-accordianBox>ul>li {
	position: relative;
	padding: 8px 0 0 20px;
}

.z-accordianBox>ul>li:before {
	content: '';
	position: absolute;
	top: 19px;
	left: 3px;
	width: 6px;
	height: 6px;
	background: #000;
	border-radius: 50%;
}

.z-accordianBox>ul>li>ul {
	padding: 10px 0 0 30px;
}

.z-accordianBox>ul>li>ul li {
	position: relative;
	padding: 5px 0 0 20px;
}

.z-accordianBox>ul>li>ul li:before {
	content: '';
	position: absolute;
	top: 19px;
	left: 3px;
	width: 6px;
	height: 6px;
	background: #000;
}
	
	
	.features-sec:nth-child(4) .features-right img {
		max-width: 320px;
	}

	
	.features-bottom video {
		max-width: 800px;
	}
	
	.features-bottom h2 {
		margin-bottom: 20px;
	}
	.features-bottom p {
		margin: 0 auto 40px;
	}
	
	.features-sec video {
		max-width: 80%;
		margin: 0 auto;
		display: block;
	}
	
	
	.video-frame{
		text-align: center;
	}
	
	/*
	
	.header-section span{
		display: inline-block;
		margin: 30px 0 60px 35px;
		font-family: var(--zf-primary-semibold);
		color: #000;
		position: absolute;
		cursor: pointer;
		font-size: 16px;
		bottom: 160px;
	}
	
	.header-section span em{
		display: inline-block;
		position: absolute;
		top: 3px;
		left: -35px;
		width: 25px;
		height: 25px;
		border: 1px solid #000;
		border-radius: 100%;
	}
	
	
	.header-section span em:before{
		content: '';
		display: block;
		border-width: 6px 6px 6px 8px;
		border-style: solid;
		border-color: transparent transparent transparent #000;
		position: relative;
		left: 9px;
		top: 6px;
	}
	
	
	
	
	.header-section span em:after {
		content: '';
		width: 100%;
		height: 1px;
		background: #000;
		position: absolute;
		bottom: -4px;
		left: 0;
	}
	
	
	*/
	
	
	.header-section span {
		display: inline-block;
		font-family: var(--zf-primary-semibold);
		color: #000;
		cursor: pointer;
		position: relative;
	}
	
	
	.header-section span em:after{
		content: '';
		position: absolute;
		top: 0px;
		left: -28px;
		border: 1px solid #000;
		width: 25px;
		height: 25px;
		border-radius: 50%;
	}
	
	
	.header-section span em:before{
		content: '';
		position: absolute;
		border-color: transparent transparent transparent #000;
		border-width: 6px 6px 6px 8px;
		top: 8px;
		left: -18px;
		border-style: solid;
	}
	
	
	.features-bottom:nth-child(4) img{
		max-width: 600px;
		width: 100%;
	}
	
	
	#features-6 .features-right img {
		max-width: 500px;
	}
	
	.header-section img {
		max-width: 240px;
	}
	
	#features-8 img{
		max-width: 500px;
	}
	
	
	ul.prediction-list li span{
		display: none;
	}
	
	
	.z-accordian h2{
		text-align: center;
	}
	
	
	section.feature-section:after{
		content: '';
		display: inline-block;
		clear: both;
	}

.features-sec img {
/*transform: translateY(40px);*/
transition: 1s ease;
}

.features-sec.anim img {
/*transform: translateY(0px);*/
transition: 1s ease;
}
	
	
	.features-sec img, video {
		box-shadow: 0px 0px 20px 8px rgba(146, 146, 146, 0.1);
	}
	
	
	
	#features-5.features-sec img{
		box-shadow: none;
	}
	
	
	.features-sec .features-right .getsugest-img{
		display: none;
	}
	

	
	.header-section span em{
		line-height: 26px;
	}
	
#block-panels-mini-product-menu{
display: none;
}


#features-1 p{
	margin-bottom: 20px;
}


span.apps-download-links-wrap{
display: block;
}

.apps-download-links-wrap a{
	background: url(/sites/default/files/download-apps-sprite2x.png);
	background-size: auto 40px;
	width: 134px;
	height: 40px;
	display: inline-block;
}

.apps-download-links-wrap a.g-play{
        background-position: -135px 0;
}

.learn-more {     display: inline-block;
    padding-top: 20px;
    background: #f0483e;
    color: #fff;
    padding: 8px 30px;
    margin-bottom: 40px; }




/* content hidden for translation */

span.zcpopup-controller { display: none; }
h4.head-txt { display: none; }

/* end of content hidden for translation */

	

/* css for top section */

@media screen and (max-width: 1199px){
.header .menu-icon{
display: none;
}

}


@media only screen and (max-width: 767px){

div#features-12 {
    margin-top: 25px;
}
section#block-block-3{
display: none;
}

#block-panels-mini-product-menu {
display: block;
}

.main-container-wrapper #mini-panel-product_menu .menu-icon-help-header{
display: block !important;
}

.menu-icon-help-header .product-title a {
font-size: 0px;
text-indent: -999999px;
}


.menu-icon-help-header .product-title a{
margin: 0 0 0 10px;
}

.mobile-menu-icon{
display: none !important;
}

}




/* end of css for top section */


	@media screen and (min-width: 991px){
		
		ul.prediction-list {
			margin-top: 200px;
		}
		
		
		#features-4 .features-left{
			position: relative;
			z-index: 2;
		}
		#features-4.features-sec video {
			max-width: 130%;
			position: relative;
			z-index: 1;
			left: -30%;
		}
		
		
		
		
		ul.prediction-list li span{
			display: block;
			position: absolute;
			top: -140px;
			font-size: 14px;
			font-family: var(--zf-primary-semibold);
		}
	
		
		.features-bottom ul li{
			display: inline-block;
			margin: 0 5px;
			width: 18%;
			box-sizing: border-box;
			position: relative;
			transition: all 1s ease;
		}
		
		.features-bottom ul li:nth-child(1), .features-bottom ul li:nth-child(5){
			transform: translateY(200px);
		}

		.features-bottom ul li:nth-child(2), .features-bottom ul li:nth-child(4){
			transform: translateY(120px);
		}

		.features-bottom ul li:nth-child(3){
			transform: translateY(60px);
		}


		.features-bottom.inview ul li:nth-child(3){
			transform: translateY(0px);
		}

		.features-bottom.inview ul li:nth-child(1), .features-bottom.inview ul li:nth-child(5){
			transform: translateY(160px);
		}

		.features-bottom.inview ul li:nth-child(2), .features-bottom.inview ul li:nth-child(4){
			transform: translateY(80px);
		}
		
		
		.features-bottom li:before{
			position: absolute;
			content: '';
			background: #000;
			width: 1px;
			height: 140px;
			top: -100px;
			left: 20%;
			z-index: -1;
		}
		
		.features-bottom li:after {
			position: absolute;
			content: '';
			background: orange;
			width: 8px;
			height: 8px;
			border-radius: 50%;
			border: 3px solid #FFF;
			left: 20%;
			margin-left: -6px;
			top: -106px;
		}
		
	}
	
	
	@media screen and (max-width: 991px){
		
		.features-sec .features-right .getsugest-img {
			display: block;
		}
		
		#features-3 img {
			box-shadow: none;
		}
		
		.time-img{
			display: none;
		}
		
		ul.prediction-list li{
			max-width: 400px;
			margin: 0 auto 40px;
		}
		
		.features-bottom video {
			max-width: 600px;
		}
		
		
		.features-bottom ul li:nth-child(2), .features-bottom ul li:nth-child(4){
			display: none;
		}
		
		#features-6 .features-right img{
			max-width: 100%;
		}
		
	}
	
	
	@media screen and (max-width: 767px){
		.features-left, .features-right{
			display: block;
			width: 100%;
		}
		.features-bottom video{
			max-width: 80%;
		}
		
		#features-8 img {
			max-width: 400px;
		}
		
		
		ul.prediction-list li{
			max-width: 300px;
		}
		
		.features-sec:nth-child(4) .features-right img{
			max-width: 260px;
		}
		
		#features-3{
			background: #dee2fd;
		}
		
		
		#features-4 {
			background: #b3e0fc;
		}
		
		#features-5{
			background: #c3ffec;
		}
		
		#features-6{
			background: #e0d8d5;
		}
		
		
		#features-7{
			background: #fffde7;
		}
		
		#features-10{
			background: #c9efeb;
		}
		
		.features-sec .features-right{
			background: none;
		}
		
		.features-right{
			padding: 0 0 100px;
		}
		
		.features-left{
			padding: 70px 70px 0;
		}
		
		#features-6 .features-right img {
			max-width: 80%;
		}

	}
	
	
	
	@media screen and (max-width: 480px){
		#features-8 img{
			max-width: 300px;
		}
		
		
		.features-bottom video {
			max-width: 90%;
		}
		
		.header-section img {
			max-width: 160px;
		}
		
		.content-wrap {
			padding: 0px;
		}
		
		#features-5 .features-right img{
			max-width: 200px;
		}
		
		
		
		
		#features-6 .features-right img {
			max-width: 80%;
		}
		
		
		.features-left {
			padding: 70px 70px 20px;
		}
		
		.features-right {
			padding: 0 0 100px;
			background: none;
		}
		
		.features-left, .features-right{
			margin: 0;
		}
		
		.features-sec{
			margin-top: 0px;
		}
		
		.z-accordianBox h4{
			padding: 12px 20px;
		}
		
		
		.features-bottom{
			margin-top: 0px;
		}
div#features-12 {
    margin-top: 0;
}
		
	}