.za-email-container .emailAddress.labelIcon{position:static !important;}
#headerbannerbg::before {background: rgba(20, 26, 33, 0.8) none repeat scroll 0 0;}
#mini-panel-product_menu .content-wrap{border-bottom:none}
.banner-part {padding: 60px 0 180px; background-size:cover; background-repeat: no-repeat;}
.banner-inner.content-wrap{max-width:1170px}
.header .signup{display:none;}
.banner-content p{font-size:19px}
.small-business-promo{display:none;}
.banner-inner .banner-content h1{max-width:550px}
.umain .banner-inner .banner-content h1{max-width:100%}
/********* Banner Screen Animation*********/
.banner-ss-animation-wrap{position:relative; margin:-200px 0 0}
.banner-ss-animation-wrap .content-wrap{width:90%; max-width:1400px; margin:0 auto; padding:0 0 30px; }
.banner-ss-animation-wrap .content-wrap:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:transparent url("https://www.zoho.com/crm/images/main-features-collage-bg.png") left top no-repeat; background-size:contain; opacity:0}

.banner-ss-animation-wrap .content-wrap.animated:before{transition:0.5s 1s ease; opacity:1 }
.banner-ss-animation-wrap ul{display:table; width:100%; text-align:center; padding-top:40px}
.banner-ss-animation-wrap ul li{display:table-cell; vertical-align:top; padding:0 10px; box-sizing:border-box; padding-top:40px} 
.banner-ss-animation-wrap ul li:first-child{padding-left:0}
.banner-ss-animation-wrap ul li:last-child{padding-right:0}
.banner-ss-animation-wrap ul li a{text-decoration:none}
.banner-ss-animation-wrap ul li span{display:block; color:#999; margin-top:20px; opacity:0; transition:all 0.5s 0.5s ease;}
.banner-ss-animation-wrap ul li img{box-shadow: 10px 15px 10px rgba(0,0,0,0.075); opacity:0; position:relative}
.banner-ss-animation-wrap .content-wrap.animated ul li img, .banner-ss-animation-wrap .content-wrap.animated ul li span{opacity:1}
.banner-ss-animation-wrap ul li.level-up{padding-top:0}
.banner-ss-animation-wrap ul li:nth-child(odd) img{top:75px}
.banner-ss-animation-wrap ul li:nth-child(even) img{top:-75px}
.banner-ss-animation-wrap .content-wrap.animated ul li:nth-child(odd) img, .banner-ss-animation-wrap .content-wrap.animated ul li:nth-child(even) img{top:0; transition:all 1s ease; opacity:1}
/********* Banner Screen Animation*********/

/****Highlighted-tweets****/
.highlighted-tweets .content-wrap {max-width: 450px; margin: 0 auto; text-align: center; font-family: "Droid Serif",serif,Arial,Helvetica,sans-serif; letter-spacing:0.5px;}
.highlighted-tweets .content-wrap a{color:#00b0ff; text-decoration:none; display:inline-block}
.highlighted-tweets .content-wrap p{font-size:18px}
.tweets-by img{display:block; margin:0 auto 5px; width:50px; height:auto; border-radius:10px}
.tweets-by{font-size:14px; }
.morelove{border-bottom:1px solid #00b0ff; font-size: 16px; margin-top: 10px; line-height: 1;}
/****Highlighted-tweets****/


/****Features Detail****/
.features-head-detail{margin:60px 0 0; text-align:center}
.features-head-detail h2{max-width:700px; margin:0 auto 15px}
.features-head-detail .content-wrap{max-width:840px}
/****Features Detail****/

.promo-brands-wrap .brands li a, #benefits li > div span{background:url('/sites/default/files/crm-home-sprite.png') left top no-repeat; background-size:auto 190px}

/****Benefits****/
#benefits ul:before{display:none}
#benefits li{border-right:none}
#benefits li > div span{height:90px; opacity:1;}
#benefits li > div span.feature-icon1{background-position: 0 0; width:120px;}
#benefits li > div span.feature-icon2{background-position: -120px 0; width:57px;}
#benefits li > div span.feature-icon3{background-position: -457px 0; width:73px}
#benefits li > div span.feature-icon4{background-position: -284px 0; width:96px}
#benefits li > div span.feature-icon5{background-position: -380px 0; width:77px}
#benefits li > div span.feature-icon6{background-position: -177px 0; width:107px}
#benefits li > div h4 a{color:#333; font-family:'proxima_novasemibold'; font-size:22px }
#benefits li > div > a{position:relative; display:inline-block; padding-right:12px; color: #00b0ff;}
#benefits li > div > a:before {position:absolute; content:''; right:0; width: 0; top:8px; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #00b0ff;} 
/****Benefits****/

/****Small business****/
.small-business-promo{margin:40px 0; text-align:center}
/****Small business****/

.promo-brands-wrap{display:table; table-layout:fixed; width:100%; background:#182230; margin:60px 0}
.promo-brands-wrap > div{display:table-cell; padding:40px; box-sizing:border-box; vertical-align:middle; position:relative;}
.promo-brands-wrap .promo-video{vertical-align:bottom; background:url('/sites/default/files/testimonial-paulgrajek.jpg') center center no-repeat; background-size:cover }
.promo-brands-wrap .promo-video:before{background-color: rgba(20, 26, 33, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0;}
.promo-brands-wrap .promo-video .watch-video {width: 100%; max-width: 100%; padding: 0; position:relative; text-transform:none}
.promo-brands-wrap .promo-video .watch-video h4{margin:0; color:#00b0ff; font-weight:bold;}
.promo-brands-wrap .trust-brands{text-align:center; color:#fff; padding:140px;}
.promo-brands-wrap > div .brands{margin:20px auto 0; max-width:320px}
.promo-brands-wrap > div .brands li{display:inline-block; margin:10px}
.promo-brands-wrap .brands li a{width:125px; height:50px; background-position:0 -90px; display:inline-block; opacity:0.5; text-indent: inherit;}
.promo-brands-wrap .brands li.amazon a{background-position:0 -90px}
.promo-brands-wrap .brands li.benchmark a{background-position:-125px -90px}
.promo-brands-wrap .brands li.amiad a{background-position:-250px -90px}
.promo-brands-wrap .brands li.selectra a{background-position:-375px -90px}
.promo-brands-wrap .brands li.sxp a{background-position:-500px -90px}

.promo-brands-wrap .promo-video span {position:absolute; cursor:pointer; left:50%; top:50%; width:90px; height:90px; margin:-60px 0 0 -50px; border:2px solid #fff; border-radius:100%; background:rgba(0, 0, 0, 0.4)}
.promo-brands-wrap .promo-video span:before{content: "";position: absolute; left:50%; top:50%; margin:-16px 0 0 -6px; border-bottom: 16px solid transparent;border-left: 16px solid #fff;border-top: 16px solid transparent;}


.pricing-offer-wrap {margin:60px 0 80px; text-align:center}
.pricing-offer-wrap .content-wrap > div{display:inline-block; width:300px; margin:20px 15px 0; background:#ccc; vertical-align:top; padding:40px 20px; transition:0.5s ease}
.pricing-offer-wrap .content-wrap > div:hover{box-shadow:10px 10px 15px rgba(0,0,0,0.1)}
.pricing-offer-wrap .content-wrap > div a{padding:5px 15px; transition:0.5s ease; color:#000; border:1px solid #000}
.pricing-offer-wrap .content-wrap > div p{margin-bottom:10px}
.pricing-offer-wrap .content-wrap > div a:hover{padding:5px 20px; color:#fff; background:#000}
.pricing-offer-wrap .content-wrap > div.free-plan{background:#fdc701}
.pricing-offer-wrap .content-wrap > div.price-plan{background:#43b5f5}
.pricing-offer-wrap .content-wrap > div span{height: 135px; display: block; margin: 0 auto 10px; background:url('/sites/default/files/crm-home-sprite.png') left top no-repeat; background-size:auto 285px}
.pricing-offer-wrap .content-wrap > div.price-plan span{width:105px; background-position:-795px 0}
.pricing-offer-wrap .content-wrap > div.free-plan span{width:240px; background-position:-900px 0}
.pricing-offer-wrap h3, .pricing-offer-wrap h4{ font-family:'proxima_novasemibold';}

/****Integration****/
.bot-banner-wrap {color:#fff; text-align:center; background:transparent; padding:0}
.crm-integration-wrap{padding:120px 0; background:#00b0ff; }
.bot-banner-wrap .content-wrap img{display:none; margin:40px auto; max-width:520px}
.bot-banner-wrap .content-wrap ul li span{display:block;  transform: scale(0.8, 0.8); width:100px; height:100px; margin:10px auto; border-radius:100%; background: #c0ecff url('/sites/default/files/crm-home-sprite.png') left top no-repeat; background-size:auto 380px}
.bot-banner-wrap .content-wrap ul li.gapps span{border:25px solid #c0ecff}
.bot-banner-wrap .content-wrap ul + p a{border-bottom: 2px solid #fff; color: #fff; display: inline-block; font-size: 14px; padding: 10px 5px 5px; text-transform: uppercase; transition: 0.5s ease; -webkit-transition: 0.5s ease; font-family: "proxima_novasemibold";}
.bot-banner-wrap .content-wrap ul + p a:hover{padding: 10px 15px 5px;}
.bot-banner-wrap .content-wrap{max-width:1350px;}
.bot-banner-wrap .content-wrap ul{overflow:hidden; clear:both; display:block; min-height:200px; margin-bottom:40px}
.bot-banner-wrap .content-wrap ul li{display:inline-block; vertical-align:middle; font-size:14px; height:200px; width:130px}
.bot-banner-wrap .content-wrap ul li >div{margin-top:35px}
.bot-banner-wrap .content-wrap ul li.gapps >div{margin-top:0}
.bot-banner-wrap .content-wrap ul li.gapps{position:relative; margin-left:0; opacity:1; visibility:visible; width:180px}
.bot-banner-wrap .content-wrap ul li{position:absolute; margin-left:-50px; opacity:0; transition:2s ease; visibility:hidden}
.bot-banner-wrap .content-wrap.animated ul li{position:relative; margin-left:0; opacity:1; visibility:visible}

.bot-banner-wrap .content-wrap ul li.gapps span{background-position:-1250px -180px}
.bot-banner-wrap .content-wrap ul li.zmail span{background-position:-1350px -180px}
.bot-banner-wrap .content-wrap ul li.msoutlook span{background-position:0 -280px}
.bot-banner-wrap .content-wrap ul li.twitt span{background-position:-100px -280px}
.bot-banner-wrap .content-wrap ul li.fb span{background-position:-200px -280px}
.bot-banner-wrap .content-wrap ul li.zapier span{background-position:-300px -280px}
.bot-banner-wrap .content-wrap ul li.zsurvey span{background-position:-400px -280px}
.bot-banner-wrap .content-wrap ul li.zcampaigns span{background-position:-500px -280px}
.bot-banner-wrap .content-wrap ul li.zsalesiq span{background-position:-600px -280px}
.bot-banner-wrap h2{margin-bottom:30px; }
/****Integration****/


/****Footer****/
.customer-stories{display:none}
.customer-stories.for-home-only{display:block}
.bottom-promo{display:none}
/****Footer****/

/****Quick Look****/
.quicklook-container{color:#fff; background: #0a0e17;}
.quicklook-inner > span{font-size:22px; font-family: 'proxima_novasemibold';}
.quicklook-container h2 {font-size:64px; margin-bottom:0; line-height:1; font-family:'proxima_novablack';}
.quicklook-container h2 + h3{font-size:38px;line-height: 1.3; }
.quicklook-inner {background: url(https://www.zoho.com/crm/images/quicktour-bg.jpg) center center no-repeat; width: 100%; max-width: 1994px; padding: 60px 0; margin: 0 auto;}
.quicklook-container .btn-sec {background: #f0483e; color: #fff; font-family: proxima_novasemibold; padding: 14px 80px; text-decoration: none; border: none; outline: none; display: inline-block; }

/****Quick Look****/

@media only screen and (min-width : 1200px) and (max-width: 1399px) {
.banner-ss-animation-wrap ul li.screenshot-4{display:none}
.bot-banner-wrap .content-wrap ul li{width: 110px;height:100px;}
.bot-banner-wrap .content-wrap ul li.gapps{width:150px;height:100px;}
.bot-banner-wrap .content-wrap ul li span{transform: scale(0.7, 0.7); -webkit-transform: scale(0.8, 0.8)}
}
@media only screen and (min-width : 992px) and (max-width: 1199px) {
.banner-inner .banner-content h1{max-width:100%}
.promo-brands-wrap{display:block; overflow:hidden}
.promo-brands-wrap > div{display:block;}
.promo-brands-wrap .trust-brands{padding:80px 0;}
.promo-brands-wrap > div .brands{max-width:520px}
.promo-brands-wrap > div .brands li{margin:10px 20px}
.promo-brands-wrap .promo-video{min-height:500px;}
.promo-brands-wrap .promo-video .watch-video{position:absolute;left: 0;bottom: 0;box-sizing: border-box;padding: 40px;}
.bot-banner-wrap .content-wrap ul{display:none}
.bot-banner-wrap .content-wrap img{display:block}
}
@media only screen and (min-width : 768px) and (max-width: 991px) {
.banner-inner .banner-content h1{max-width:100%}
.banner-ss-animation-wrap ul li.screenshot-2{display:none}
.promo-brands-wrap{display:block; overflow:hidden}
.promo-brands-wrap > div{display:block;}
.promo-brands-wrap .trust-brands{padding:80px 0;}
.promo-brands-wrap > div .brands{max-width:520px}
.promo-brands-wrap > div .brands li{margin:10px 20px}
.promo-brands-wrap .promo-video{min-height:400px;}
.promo-brands-wrap .promo-video .watch-video{position:absolute;left: 0;bottom: 0;box-sizing: border-box;padding: 40px;}
.pricing-offer-wrap .content-wrap > div{width:280px; margin:20px 10px 0}
.bot-banner-wrap .content-wrap ul{display:none}
.bot-banner-wrap .content-wrap img{display:block}
}
@media only screen and (max-width: 767px) {
.banner-inner .banner-content h1{max-width:100%}
.banner-ss-animation-wrap ul li.screenshot-2,  .banner-ss-animation-wrap ul li.screenshot-4, .banner-ss-animation-wrap ul li.screenshot-5{display:none}
.banner-ss-animation-wrap .content-wrap:before, .banner-ss-animation-wrap ul li img, .banner-ss-animation-wrap ul li span{opacity:1}
.banner-ss-animation-wrap ul li:nth-child(odd) img, .banner-ss-animation-wrap ul li:nth-child(even) img{top:0}
.promo-brands-wrap{display:block; overflow:hidden}
.promo-brands-wrap > div{display:block;}
.promo-brands-wrap .trust-brands{padding:80px 0;}
.promo-brands-wrap > div .brands{max-width:520px}
.promo-brands-wrap > div .brands li{margin:10px 20px}
.promo-brands-wrap .promo-video{min-height:400px;}
.promo-brands-wrap .promo-video .watch-video{position:absolute;left: 0;bottom: 0;box-sizing: border-box;padding: 40px;}
.pricing-offer-wrap .content-wrap > div{display:block; margin:20px auto; width:90%; box-sizing:border-box; max-width:380px}
.bot-banner-wrap .content-wrap ul{display:none}
.bot-banner-wrap .content-wrap img{display:block; max-width:100%}
}

@media only screen and (max-width: 650px) {
.banner-ss-animation-wrap ul li.screenshot-2, .banner-ss-animation-wrap ul li.screenshot-4, .banner-ss-animation-wrap ul li.screenshot-5, .banner-ss-animation-wrap ul li.screenshot-3{display:none}
.banner-ss-animation-wrap .content-wrap:before{opacity:0}
.banner-ss-animation-wrap ul{padding-top:0}
#benefits-header{margin:0}
}


/*** CRM TOP BANNER ***/

.crm-top-banner{
	background-color:#00a7f8;
	background-image:url('https://www.zoho.com/images/crm-top-banner-bg.jpg');
	color:#fff;
	padding:80px 0;
	margin-top:54px;
	background-size:610px auto;
	position:relative;
}
.crm-top-banner:after{

background: rgba(0,167,250,1);
background: -moz-linear-gradient(top, rgba(0,167,250,1) 0%, rgba(0,167,250,0.75) 18%, rgba(0,167,250,0.31) 50%, rgba(0,167,250,0) 72%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,167,250,1)), color-stop(18%, rgba(0,167,250,0.75)), color-stop(50%, rgba(0,167,250,0.31)), color-stop(72%, rgba(0,167,250,0)));
background: -webkit-linear-gradient(top, rgba(0,167,250,1) 0%, rgba(0,167,250,0.75) 18%, rgba(0,167,250,0.31) 50%, rgba(0,167,250,0) 72%);
background: -o-linear-gradient(top, rgba(0,167,250,1) 0%, rgba(0,167,250,0.75) 18%, rgba(0,167,250,0.31) 50%, rgba(0,167,250,0) 72%);
background: -ms-linear-gradient(top, rgba(0,167,250,1) 0%, rgba(0,167,250,0.75) 18%, rgba(0,167,250,0.31) 50%, rgba(0,167,250,0) 72%);
background: linear-gradient(to bottom, rgba(0,167,250,1) 0%, rgba(0,167,250,0.75) 18%, rgba(0,167,250,0.31) 50%, rgba(0,167,250,0) 72%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a7fa', endColorstr='#00a7fa', GradientType=0 );

position: absolute;
top:0;
left:0;
width:100%;
content:"";
height:500px;
}
.zcontainer{
	margin: 0 auto;
    max-width: 1080px;
    position: relative;
    text-align: center;
    width: 90%;
    z-index: 1;
}
.crm-top-banner h1{
	color:#fff;
	font-size:50px;
}
.crm-top-banner p{
	color: #fff;
    font-family: "proxima_novasemibold";
    font-size: 22px;
    margin-bottom: 8px;
}
.crm-top-banner a{
	display: block;
    height: 46px;
    line-height: 46px;
    margin: 20px auto 0;
    max-width: 210px;
    padding: 0;
    text-align: center;
	 background-color: #00a7f8;
    border: 1px solid #fff;
    border-radius: 0;
    box-sizing: border-box;
	 color: #fff;
    cursor: pointer;
    font-family: "proxima_nova_rgbold";
    font-size: 16px;
    font-weight: inherit;
	position: relative;
    text-transform: uppercase;
    width: 100%;
    z-index: 99;
}
.promo-brands-wrap{margin: 0 0 60px;}

@media screen and (max-width:1200px) {
	.crm-top-banner h1 {
		font-size: 42px;
		margin:0 auto;
	}
	.crm-top-banner p{
		font-size:20px;
	}
}
@media screen and (max-width:767px) {
	.crm-top-banner h1 {
		font-size: 36px;
	}
	.crm-top-banner p {
		font-size: 18px;
	}
}
@media screen and (max-width:650px) {
	.crm-top-banner{
		padding:60px 0;
	}
	.crm-top-banner p {
		font-size: 28px;
		line-height: 1.4;
	}	
}
@media screen and (max-width:480px) {
	.crm-top-banner a {
		font-size: 15px;
		height: 42px;
		line-height: 42px;
		max-width: 180px;
	} 
}
/*** CRM TOP BANNER ENDS***/