.z-align-center {
	text-align: center;
}
.z-popup-content {
	background: black none repeat scroll 0 0;
	border: 1px solid rgba(0, 0, 0, 0.95);
}
.z-popup-overlay {
	background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
}
.zrow, .z-zrow {
	display: block;
	overflow: hidden;
	padding: 70px 0;
	position: relative;
}
#zsection-i .z-zrow {
	padding-bottom: 0;
}
.customer-part {
	float: left;
	margin-bottom: 0;
	width: 33.3%;
}
.customer-part-inner {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	display: block;
	margin: 0 0 30px 30px;
	padding: 30px;
	text-decoration: none;
	transition: all 0.3s ease 0s;
}
.customer-part-inner a.popup-controller {
	cursor: pointer;
	display: block;
	margin-bottom: 20px;
	position: relative;
}
.customer-part-inner img {
	display: block;
}
.customer-part-inner:hover {
	background: none repeat scroll 0 0 #ffcb00;
}
.play-icon-small {
	background-image:url(../images/play-icon-small.png);
	background-repeat: no-repeat;
	display: block;
	height: 64px;
	left: 50%;
	margin: -34px 0 0 -34px;
	position: absolute;
	top: 50%;
	width: 64px;
	z-index: 9;
}
.content-wrap {
	max-width: 1040px;
}
.product-header-inner {
	border-bottom: 1px solid #eee;
}
body, p {
	color: #2c3e50;
}
h1 {
	font-size: 30px;
	margin-bottom: 30px;
}
h2 {
	line-height: 28px;
	margin-bottom: 20px;
	color: #959ba3;
}
.select-wrap {
	padding: 0;
	margin: 0;
	border: 1px solid #9c9c9c;
	width: 220px;
	border-radius: 3px;
	overflow: hidden;
	background-color: #fff;
	display: inline-block;
	position: relative;
	cursor: pointer;
}
.select-wrap:after {
	background: #9c9c9c none repeat scroll 0 0;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	right: 15px;
	top: 20px;
	transform: rotate(45deg);
	width: 10px;
}
.select-wrap:before {
	background: #9c9c9c none repeat scroll 0 0;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	right: 8px;
	top: 20px;
	transform: rotate(-45deg);
	width: 10px;
}
select {
	color: #4e4e4e;
	padding: 0px 10px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	border: none;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 13px;
	text-transform: uppercase;
	cursor: pointer;
}
select:focus {
	outline: none;
}
/*.product-logo {
	background: url(../images/creator-sprite.png) no-repeat 0px 0px;
	display: inline-block;
	padding: 0 0 0 60px;
	line-height: 50px;
}*/
.customer-logo-wrap {
	margin: 50px 0px 0px;
	padding-left: 0px;
}
.customer-logo-wrap li {
	display: inline-block;
	margin: 0px 20px 20px 0px;
	width: 110px;
	height: 75px;
	background: url(../images/creator-customer-logo.png) no-repeat 0px 0px;
	background-size: 1226px;
}
.customer-logo-wrap li.customer-logo1 {
	background-position: 10px 2px;
}
.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(../images/zoho-home-sprite.png) no-repeat -200px -105px;
	text-indent: -1000px;
	overflow: hidden;
}
.z-popup-close {
	background-position: -148px -205px;
}
.customer-logo-wrap li.customer-logo2 {
	background-position: -120px 0;
}
.customer-logo-wrap li.customer-logo3 {
	background-position: -260px 0;
}
.customer-logo-wrap li.customer-logo4 {
	background-position: -413px 0;
	width: 120px;
}
.customer-logo-wrap li.customer-logo5 {
	background-position: -602px 0;
}
.customer-logo-wrap li.customer-logo6 {
	background-position: -762px 0;
}
.customer-logo-wrap li.customer-logo7 {
	background-position: -905px 0;
	height: 85px;
}
.customer-logo-wrap li.customer-logo8 {
	background-position: -1058px -5px;
	width: 170px;
}
.select-wrap:first-child {
	margin-right: 20px;
}
.customer-logo-wrap li.customer-logo9 {
	background-position: -37px -120px;
	width: 140px;
}
.customer-logo-wrap li.customer-logo10 {
	background-position: -220px -120px;
}
.customer-logo-wrap li.customer-logo11 {
	background-position: -350px -120px;
	width: 172px;
}
.customer-logo-wrap li.customer-logo12 {
	background-position: -550px -120px;
}
.customer-logo-wrap li.customer-logo13 {
	background-position: -702px -120px;
	width: 135px;
}
.customer-logo-wrap li.customer-logo14 {
	background-position: -881px -120px;
}
.customer-logo-wrap li.customer-logo15 {
	background-position: -1013px -120px;
	width: 175px;
}
.footer-bottom {
	background: #2196f3;
}
.footer-bottom * {
	color: #fff;
}
.map-container {
	text-align: center;
	margin: 0 auto;
	position: relative;
	width: 900px;
}
#z-india-map img {
	max-width: 600px;
}
#z-india-map img {
	width: 400px;
}
#z-sa-map img {
	width: 400px;
}
#z-na-map img {
	width: 500px;
}
#z-ep-map img {
	width: 500px;
}
.zcustomer {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.zcustomer-name:after, .zcustomer-img {
	background-image: url(../images/creator-customer-sprite.jpg);
}
.zcustomer-img {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-color: #fdfbfb;
	border-radius: 100%;
	vertical-align: top;
	background-size: 1489px auto;
}
.zcustomer-name-desc {
	display: inline-block;
	text-align: left;
	padding-left: 10px;
	line-height: 1.2;
	vertical-align: top;
}
.zcustomer-name, .zcustomer-desc {
	display: block;
	color: #333;
	font-size: 12px;
	line-height: 1.5;
}
.zcustomer-desc {
	color: #9C9C9C;
	text-transform: uppercase;
}
.zcustomer-name {
	display: inline-block;
	position: relative;
}
.zcustomer-name:after {
	background-position: 90px -20px;
	background-size: 2000px auto;
	content: "";
	display: block;
	height: 15px;
	position: absolute;
	right: -18px;
	top: 2px;
	width: 16px;
}
.zcustomer-desc-alter .zcustomer-name:after {
	left: -20px;
}
.zcustomer-desc-alter {
	float: left;
	padding-right: 10px;
	padding-left: 0px;
	text-align: right;
}
.zcustomer-desc-alter .zcustomer-name, .zcustomer-desc-alter .zcustomer-desc {
	text-align: right;
}
#zsection-m, .z-customers-lists {
	opacity: 0;
}
#z-india-map .zcustomer1 {
	left: 440px;
	top: 350px;
}
#z-india-map .zcustomer1 .zcustomer-img {
	background-position: 238px 0;
}
#z-india-map .zcustomer2 {
	left: 200px;
	top: 370px;
}
#z-india-map .zcustomer2 .zcustomer-img {
	background-position: -1360px 0;
}
#z-india-map .zcustomer3 {
	left: 450px;
	top: 70px;
}
#z-india-map .zcustomer3 .zcustomer-img {
	background-position: -1197px 0;
}
#z-india-map .zcustomer4 {
	left: 100px;
	top: 280px;
}
#z-india-map .zcustomer4 .zcustomer-img {
	background-position: -1305px 0;
}
#z-sa-map .zcustomer1 {
	left: 190px;
	top: 85px;
}
#z-sa-map .zcustomer1 .zcustomer-img {
	background-position: -925px 0;
}
#z-sa-map .zcustomer2 {
	left: 490px;
	top: 460px;
}
#z-sa-map .zcustomer2 .zcustomer-img {
	background-position: -870px 0;
}
#z-na-map .zcustomer1 {
	left: 60px;
	top: 180px;
}
#z-na-map .zcustomer1 .zcustomer-img {
	background-position: -815px 0;
}
#z-na-map .zcustomer2 {
	left: 140px;
	top: 290px;
}
#z-na-map .zcustomer2 .zcustomer-img {
	background-position: -762px 0;
}
#z-na-map .zcustomer3 {
	left: 60px;
	top: 60px;
}
#z-na-map .zcustomer3 .zcustomer-img {
	background-position: -654px 0;
}
#z-na-map .zcustomer4 {
	left: 150px;
	top: 410px;
}
#z-na-map .zcustomer4 .zcustomer-img {
	background-position: -707px 0;
}
#z-na-map .zcustomer5 {
	left: 30px;
	top: 240px;
}
#z-na-map .zcustomer5 .zcustomer-img {
	background-position: -598px 0;
}
#z-na-map .zcustomer6 {
	left: 140px;
	top: 500px;
}
#z-na-map .zcustomer6 .zcustomer-img {
	background-position: -544px 0;
}
#z-na-map .zcustomer7 {
	left: 30px;
	top: 350px;
}
#z-na-map .zcustomer7 .zcustomer-img {
	background-position: -489px 0;
}
#z-na-map .zcustomer8 {
	left: 680px;
	top: 0;
}
#z-na-map .zcustomer8 .zcustomer-img {
	background-position: -434px 0;
}
#z-na-map .zcustomer9 {
	left: 560px;
	top: 45px;
}
#z-na-map .zcustomer9 .zcustomer-img {
	background-position: -326px 0;
}
#z-na-map .zcustomer10 {
	left: 630px;
	top: 155px;
}
#z-na-map .zcustomer10 .zcustomer-img {
	background-position: -381px 0;
}
#z-na-map .zcustomer11 {
	left: 660px;
	top: 90px;
}
#z-na-map .zcustomer11 .zcustomer-img {
	background-position: -55px 0;
}
#z-na-map .zcustomer12 {
	left: 690px;
	top: 220px;
}
#z-na-map .zcustomer12 .zcustomer-img {
	background-position: -217px 0;
}
#z-na-map .zcustomer13 {
	left: 680px;
	top: 310px;
}
#z-na-map .zcustomer13 .zcustomer-img {
	background-position: -108px 0;
}
#z-na-map .zcustomer14 {
	left: 630px;
	top: 370px;
}
#z-na-map .zcustomer14 .zcustomer-img {
	background-position: -272px 0;
}
#z-na-map .zcustomer15 {
	left: 620px;
	top: 445px;
}
#z-na-map .zcustomer15 .zcustomer-img {
	background-position: -163px 0;
}
#z-na-map .zcustomer16 {
	left: 560px;
	top: 510px;
}
#z-na-map .zcustomer16 .zcustomer-img {
	background-position: 0 0;
}
#z-na-map .zcustomer17 {
	left: 40px;
	top: 122px;
}
#z-na-map .zcustomer17 .zcustomer-img {
	background-position: -1450px 0;
}
#z-ep-map .zcustomer1 {
	left: 160px;
	top: 80px;
}
#z-ep-map .zcustomer1 .zcustomer-img {
	background-position: -980px 0;
}
#z-ep-map .zcustomer2 {
	left: 80px;
	top: 140px;
}
#z-ep-map .zcustomer2 .zcustomer-img {
	background-position: -1034px 0;
}
#z-ep-map .zcustomer3 {
	left: 110px;
	top: 270px;
}
#z-ep-map .zcustomer3 .zcustomer-img {
	background-position: -1088px 0;
}
#z-ep-map .zcustomer4 {
	left: 180px;
	top: 345px;
}
#z-ep-map .zcustomer4 .zcustomer-img {
	background-position: -1142px 0;
}
#z-ep-map .zcustomer5 {
	left: 650px;
	top: 220px;
}
#z-ep-map .zcustomer5 .zcustomer-img {
	background-position: 0 -48px;
}
.moveup {
	animation-name: animate-moveup;
	animation-duration: 0.5s;
	opacity: 1;
}
 @keyframes animate-moveup {
 from {
margin-top: 100px;
opacity:0;
}
 to {
top: 0;
opacity:1;
}
}
.movedown {
	animation-name: animate-movedown;
	animation-duration: 0.5s;
}
 @keyframes animate-movedown {
 from {
margin-top: 0px;
opacity:1;
}
 to {
margin-top: 100px;
opacity:0;
}
}
.cust-animation {
	-webkit-animation-name: scale-cust;
	-moz-animation-name: scale-cust;
	animation-name: scale-cust;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	opacity: 1;
}
@keyframes scale-cust {
 0% {
transform: scale(0);
opacity: 0;
}
 40% {
transform: scale(1.1);
opacity: 0.5;
}
 100% {
transform: scale(1);
opacity:1
}
}
.brands-trust-us {
	padding: 100px 0;
}
.brands-trust-us h2 {
	font-weight: 400;
	color: #4f555d;
}
.masonry-activated {
	opacity: 1;
}
.center-band {
	background-color: #f9fcfe;
	border-top: solid 1px #ebf1f4;
	border-bottom: solid 1px #ebf1f4;
	padding: 60px 0;
	width: 100%;
	margin-top: 100px;
	text-align: center;
}
.center-band h1 {
	font-weight: 700;
	margin: 0 auto;
	max-width: 90%;
}
#customer-stories {
	background: #fff;
	text-align: center
}
#customer-stories h2 {
	margin-bottom: 20px;
	color: #4f555d;
	font-weight: 400
}
.customer-stories-wrapper {
	margin: 80px 0 0px
}
.customer-stories-inner {
	margin: 0 auto;
	max-width: 1100px;
	padding: 50px 0;
	width: 100%;
}
.customer-need {
	background: rgba(0,0,0,0) url(../images/mission-customer.jpg) no-repeat scroll left top / cover;
	padding: 300px 20px 40px;
	margin: 0 15px 40px;
	position: relative;
	text-align: left;
	width: 30.33%;
	border: 1px solid transparent;
	box-sizing: border-box;
	float: left;
	transition: all 0.5s ease 0s;
}
.customer-need.avid {
	background: rgba(0,0,0,0) url(../images/avidpays-customer.jpg) no-repeat scroll left top / cover;
	transition: all 0.5s ease 0s;
}
.customer-need.tektextil {
	background: rgba(0,0,0,0) url(../images/tektextil-video.jpg) no-repeat scroll left top / cover;
	transition: all 0.5s ease 0s;
}
.customer-need::before {
	background: rgba(0,0,0,0.5) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}
.customer-need:hover {
	border: 1px solid #00add5;
	box-shadow: 0 30px 70px rgba(0, 0, 0, 0.2);
}
.customer-stories-inner .watch-video + a.read-more1 {
	border-left: 1px solid #03a9f5;
	margin-left: 10px;
	padding-left: 10px
}
.customer-need > div a {
	color: #03a9f5;
	position: relative;
	z-index: 10;
	text-decoration: none
}
.customer-need > div p {
	color: #fff;
	font-family:"Microsoft YaHei";
	font-size: 18px;
	line-height: 28px;
	text-transform: none;
	padding-bottom: 10px;
	position: relative;
	z-index: 10
}

@media only screen and (max-width : 1000px) {
.customer-need {
	float: none;
	margin: 0 auto 40px;
	width: 100%;
	max-width: 300px;
	box-sizing: inherit;
}
}

@media only screen and (max-width : 767px) {
body,  p {
	font-size: 14px;
	line-height: 26px;
}
.customer-part {
	width: 50%;
}
h1 {
	font-size: 24px;
}
}

@media only screen and (max-width : 480px) {
.customer-part {
	width: 100%;
}
.customer-part-inner {
	margin-left: 0;
}
.customer-need {
	float: none;
	margin: 0 auto 40px;
	width: 100%;
	max-width: 250px;
	padding: 220px 20px 40px;
	box-sizing: inherit
}
}
