.header .signup{display: none;}
#benefits li > div span {background: url('../creator-sprite.png') no-repeat scroll left top transparent;}
.access{display:none;}
.umain .access{display:inline-block;}
.mobile-apps-brands-wrap > div{display:table}
.mobile-apps-brands-wrap > div > div{display:table-cell; min-width:100%; vertical-align:middle; height: 420px;}
#headerbannerbg:before{background: none repeat scroll 0 0 rgba(0,0,0,0.6);}
.bot-banner-wrap .get-started {margin-top: 20px;}
.bot-banner-wrap a{background:none; border: 1px solid rgba(255, 255, 255, 0.5);}

.pcmag {width: 100%;}
.pcmag img {float: left;margin-right: 15px;max-width: 35px;}
.pcmag a {color: #fff;display: inline-block;max-width: 360px;text-align: left;} 

/* ADDONS STARTS */
.crm-integration-img {
	display: none;
}
.addons {
	background: none repeat scroll 0 0 #23222f;
	margin: 0 auto;
	text-align: center;
	overflow:hidden;
}
.addons .content-wrap{margin:60px auto}
.addons h2 {
	color: #fff;
	padding-bottom: 20px;
}
.addons img {
	margin: 20px auto 40px;
}
.addons .more-integration a {
	border-bottom: 2px solid #fff;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 5px 5px;
	text-transform: uppercase;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.more-integration a:hover {
	padding: 10px 15px 5px;
}
/* INTEGRATION PART CSS */

.integration-part {
	margin: 0 auto;
	max-width: 1000px;
	min-height: 620px;
	padding: 50px 0;
	position: relative;
	text-align: center;
}
.integration-part > ul {
	overflow: hidden;
	width: 100%;
}
.integration-part li {
	text-transform: uppercase;
	color: #d5d5d5;
	padding-top: 20px;
	text-align: center;
	width: 130px;
	height: 130px;
	font-size: 14px;
	font-weight: 400;
	position: absolute;
	transition: 1.6s ease;
	-webkit-transition: 1.6s ease;
	opacity: 1;
}
.integration-part li a {
	color: #fff;
	display: block;
}
 @-webkit-keyframes bounceIn {
 0%, 20%, 40%, 60%, 80%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
 20% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 -webkit-transform: scale3d(.9, .9, .9);
 transform: scale3d(.9, .9, .9);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 -webkit-transform: scale3d(.97, .97, .97);
 transform: scale3d(.97, .97, .97);
}
 100% {
 opacity: 1;
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
 @-moz-keyframes bounceIn {
 0%, 20%, 40%, 60%, 80%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 -moz-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
 20% {
 -moz-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 -moz-transform: scale3d(.9, .9, .9);
 transform: scale3d(.9, .9, .9);
}
 60% {
 opacity: 1;
 -moz-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 -moz-transform: scale3d(.97, .97, .97);
 transform: scale3d(.97, .97, .97);
}
 100% {
 opacity: 1;
 -moz-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
 @keyframes bounceIn {
 0%, 20%, 40%, 60%, 80%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
 20% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 -webkit-transform: scale3d(.9, .9, .9);
 transform: scale3d(.9, .9, .9);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 -webkit-transform: scale3d(.97, .97, .97);
 transform: scale3d(.97, .97, .97);
}
 100% {
 opacity: 1;
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
.integration-part .gapps.centered {
	left: 47% !important;
	top: 39% !important;
}
.integration-part li span {
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 100%;
	-webkit-border-radius: 100%;
	display: block;
	height: 100px;
	margin: 0 auto 15px;
	position: relative;
	width: 100px;
    background: url('https://www.zoho.com/creator/images/creator-sprite-new1.png');
}
.integration-part li span:after {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.024);
	border-radius: 100%;
	content: "";
	height: 94%;
	left: 3%;
	position: absolute;
	top: 3%;
	width: 94%;
}
.integration-part .zcreator span, .integration-part .zcreator:hover span, .integration-part .zcreator span:hover {
	background-color: #23222f;
	background-position: 5px -117px;
	border: 2px solid #2ecc71;
	height: 225px;
	width: 225px;
}
.integration-part .googleapps span {
	background-position: -200px -130px;
	height: 150px;
	width: 150px;
}
.integration-part .quickbooks span {
	background-position: -450px -130px;
}
.integration-part .zapier span {
	background-position: -550px -130px;
}
.integration-part .twilio span {
	background-position: -400px 0;
}
.integration-part .zrecruit span {
	background-position: -350px -230px;
}
.integration-part .clickatell span {
	background-position: -650px -130px;
}
.integration-part .zbooks span {
	background-position: -700px 0;
}
.integration-part .zcrm span {
	background-position: -500px 0;
}
.integration-part .paypal span {
	background-position: -350px -130px;
}
.integration-part .zsupport span {
	background-position: -600px 0;
}
.integration-part li.centered {
	left: 50% !important;
	top: 48% !important;
	right: 50% !important;
	margin: -65px -65px 0 -65px;
	opacity: 0;
}
.integration-part li.zcreator {
	font-size: 26px;
	height: 300px;
	margin: 150px auto 0;
	position: relative;
	width: 240px;
	z-index: 11;
}
.integration-part li.googleapps {
	font-size: 20px;
	height: 180px;
	left: 610px;
	top: 20px;
	width: 190px;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.integration-part li.quickbooks {
	left: 90px;
	top: 280px;
	transition: 1.25s ease;
	-webkit-transition: 1.25s ease;
}
.integration-part li.zcrm {
	left: 390px;
	top: 20px;
	transition: 1.5s ease;
	-webkit-transition: 1.5s ease;
}
.integration-part li.twilio {
	left: 190px;
	top: 110px;
	transition: 0.75s ease;
	-webkit-transition: 0.75s ease;
}
.integration-part li.zapier {
	left: 220px;
	top: 400px;
m transition: 1.15s ease;
	-webkit-transition: 1.15s ease;
}
.integration-part li.clickatell {
	left: 640px;
	top: 300px;
}
.integration-part li.zsupport {
	left: 620px;
	top: 480px;
}
.integration-part li.zrecruit {
	left: 810px;
	top: 410px;
	transition: 1.5s ease;
	-webkit-transition: 1.5s ease;
}
.integration-part li.zbooks {
	left: 800px;
	top: 190px;
	transition: 1.3s ease;
	-webkit-transition: 1.3s ease;
}
.integration-part li.paypal {
	left: 370px;
	top: 510px;
	transition: 1.6s ease;
	-webkit-transition: 1.6s ease;
}

/* ADDONS ENDS */
.creator-integration-img {
    display: none;
}
.bot-banner-wrap {
    background: none repeat scroll 0 0 #4661b9;
}
.bot-banner-wrap h2 {
    color: #fff;
}
.integration-part li span:hover, .integration-part li:hover span{
	border: 1px solid #2ecc71;
}



.mobile-apps-wrap .windows-store{background-position: left -157px;width:155px;}
.brands-list ul{max-width:90%}
.brands-list li{float:none; width:70px}
.brands-list li span {
    background: url(https://www.zoho.com/creator/images/creator-sprite-new1.png);
    display: inline-block;
    vertical-align: middle;
    width: 70px;
    height: 60px;
}
.brands-list li a{text-indent:0 !important;}
.brands-list li .hp {
    background-position: -30px 0;
}
.brands-list li .sony {
    background-position: -100px 0;
}
.brands-list li .dhl {
    background-position: -170px 0;
}
.brands-list li .paypal {
    background-position: -240px 0;
}
.brands-list li .honeywell {
    background-position: -310px 0;
}
.brands-list li .bbc {
    background-position: -30px -60px;
}
.brands-list li .pixar {
    background-position: -170px -60px;
}
.brands-list li .ikea {
    background-position: -240px -60px;
}
.mobile-apps-brands-wrap > div .great-brands{background-image: url('https://www.zoho.com/creator/images/clinet-part-bg.jpg')}

/************ Product Home Video Starts ************/ 
#product-image{
	display:none;
}
.home-banner-video{
	margin:-90px auto 50px;
}
.home-banner-video .content-wrap{
	max-width:850px;
	text-align:center;
}
.home-banner-video .content-wrap video{
	max-width:100%;
	box-shadow:10px 16px 24px rgba(103, 103, 114, 0.1);
	box-sizing:border-box;
}

/************ Product Home Video Ends ************/
.getstartedbox{margin-top:10px}
.getstartedbox > div{display:inline-block; vertical-align: top;}
.watch-video{display:inline-block;}
.goto-creator {display: none;color: #d5d5d5; background: #f0483e; padding: 10px 20px; vertical-align: top; margin-right:20px; color:#fff}
.umain .goto-creator{display:inline-block}
.umain .watch-video{padding:9px 20px; border:1px solid #d5d5d5}
#ph_testimonial .play-icon {background-position: -55px -323px;}
#ph_testimonial .watch-video {color: #333; border: none;margin-top: 10px;}

@media only screen and (max-width: 1199px) and (min-width: 992px){
	.banner-inner .banner-content{padding:0 0 20px}
}
 @media only screen and (max-width: 991px) {
.integration-part {
	display: none;
}
.creator-integration-img {
	display: block;
}
}