.pricing-box-wrap .pricing-box > div h2 em{font-family: 'proxima_nova_rgregular', Arial, Helvetica, sans-serif;}
.integration-visual-wrap ul li.zp-main div, a.more-integration, a.explore-more, .testimonial-customer-detail p span, .pricing-box > div.highlighted-pack p:first-child, .z-testimonial-item p  span{font-family: 'proxima_novasemibold', Arial, Helvetica, sans-serif;}
.z-testimonial-head h4{font-family:'Droid Serif',serif,Arial,Helvetica,sans-serif}
.signing .signup{/*display:none*/}
.product-header-top .signing .signup {display:block}
  /*-----------------------------------------------------------*/
 /*---------------------- Banner Starts ----------------------*/
/*-----------------------------------------------------------*/
.zp-home-banner-wrap{position:relative; overflow:hidden; clear:both}
.zp-banner-wave{position: relative; width: 90%; max-width: 1280px; margin: 0 auto; overflow: hidden;}
.zp-home-banner-wrap > .content-wrap{position:relative; padding:130px 0 0px; max-width:1170px}
.zp-home-banner-wrap > .content-wrap > div.zp-home-left{padding:30px 0 0}
.zp-home-banner-wrap > .content-wrap > div{float:left; display:inline-block; box-sizing:border-box; width:60%;}
.zp-home-banner-wrap .content-wrap > div.zp-home-right{width:40%}
.zp-home-banner-wrap .content-wrap > div.zp-home-right .signup-box{max-width:340px; float:right; width:100%}
.zp-home-banner-wrap:after{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:90%;
	z-index:-1;
	background: #ffe9eb;
    background: -moz-linear-gradient(top, #ffe9eb 0%, #fff1e4 44%, #fef5e6 54%, #fff5e9 54%, #fff6e7 56%, #fff5eb 57%, #fff9ed 60%, #ffffff 82%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #ffe9eb 0%,#fff1e4 44%,#fef5e6 54%,#fff5e9 54%,#fff6e7 56%,#fff5eb 57%,#fff9ed 60%,#ffffff 82%,#ffffff 100%);
    background: linear-gradient(to bottom, #ffe9eb 0%,#fff1e4 44%,#fef5e6 54%,#fff5e9 54%,#fff6e7 56%,#fff5eb 57%,#fff9ed 60%,#ffffff 82%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe9eb', endColorstr='#ffffff',GradientType=0 );
}
.zp-home-left .watch-btn + .cta-btn{margin:0}
.zp-home-banner-wrap > .content-wrap .cta-btn{display:none}
.promo-sec-wrap{text-align:center}
.promo-sec-wrap .watch-btn{display:none}
.umain .zp-home-banner-wrap > .content-wrap > div.zp-home-right{display:none}
.umain .zp-home-banner-wrap > .content-wrap .cta-btn{display:none}
.umain .zp-home-banner-wrap > .content-wrap .zp-home-left .watch-btn{display:none}
.umain .promo-sec-wrap .watch-btn{display:inline-block}
.umain .zp-home-banner-wrap > .content-wrap > div.zp-home-left{float: none; width: 100%; display:block; text-align: center; max-width:1040px; margin:0 auto}
.umain .zp-home-banner-wrap > .content-wrap > div.zp-home-left h1 + p{max-width:720px; margin:0 auto 20px}
.zp-home-banner-wrap > .content-wrap .apps-download-links-wrap{margin:20px auto 0}
.promo-sec-wrap .content-wrap .slide-wrap img{margin:0 auto;}
.promo-sec-wrap .content-wrap .slide-wrap img.flat-img-shadow{margin: 10px auto; box-shadow: 1px 1px 20px rgba(0,0,0,0.1);}
.promo-sec-wrap .content-wrap .slide-wrap p{max-width:920px; margin:0 auto; font-size:16px; line-height:1.6}
.promo-sec-wrap .content-wrap .slide-wrap .mob-slide{display:none}

@media only screen and (min-width : 768px) and (max-width: 991px) {
.zp-home-banner-wrap > .content-wrap{text-align:center}
.zp-home-banner-wrap > .content-wrap > div{float:none; display:block; width:100%}
.zp-home-left .watch-btn + .cta-btn{margin:0 30px}
.zp-home-banner-wrap > .content-wrap .cta-btn{display:inline-block;}
.zp-home-banner-wrap > .content-wrap > div.zp-home-left > p{max-width:90%; margin:0 auto 20px}
.zp-home-banner-wrap > .content-wrap > div.zp-home-right{display:none}
.zp-home-banner-wrap > .content-wrap .zp-home-left .watch-btn{display:none}
.promo-sec-wrap .watch-btn{display:inline-block}
.zp-home-banner-wrap .promo-sec-wrap:before{height:75%}
.zp-home-banner-wrap #zwave-banner{display:none}
}

@media only screen and (max-width: 767px) {
.zp-home-banner-wrap > .content-wrap{text-align:center; padding:180px 0 30px}
.zp-home-banner-wrap > .content-wrap > div{float:none; display:block; width:100%}
.zp-home-left .watch-btn + .cta-btn{margin:0 30px}
.zp-home-banner-wrap > .content-wrap .cta-btn{display:inline-block;}
.zp-home-banner-wrap > .content-wrap > div.zp-home-left > p{max-width:100%; margin:0 auto 20px}
.zp-home-banner-wrap > .content-wrap > div.zp-home-right{display:none}
.zp-home-banner-wrap > .content-wrap .zp-home-left .watch-btn{display:none}
.promo-sec-wrap .watch-btn{display:inline-block}
.zp-home-banner-wrap:before{height:60%}
.zp-home-banner-wrap .promo-sec-wrap .content-wrap{padding:0}
.promo-sec-wrap .content-wrap .slide-wrap .dt-slide{display:none}
.promo-sec-wrap .content-wrap .slide-wrap .mob-slide{display:block}
.zp-home-banner-wrap #zwave-banner{display:none}
}

  /*-----------------------------------------------------------*/
 /*----------------------- Banner Ends -----------------------*/
/*-----------------------------------------------------------*/


  /*-----------------------------------------------------------*/
 /*-------------------- Promo Screen Starts ------------------*/
/*-----------------------------------------------------------*/
.promo-sec-wrap{position:relative}
.zp-home-banner-wrap #zwave-banner{opacity:0}
.zp-home-banner-wrap.zp-home-banner-wrap-before #zwave-banner{opacity:1}
.promo-sec-wrap .content-wrap{padding:70px 0 0}
.promo-sec-wrap .content-wrap .slide-wrap{margin:0px auto 30px; text-align:center; overflow:hidden}
.with-shadow{box-shadow: 0px 5px 13px 0 #ddd;}
#zwave-banner{ width:2560px; position:absolute; left:-50%; right:-50%; margin:auto; top:-5%; max-width:inherit} 


@media only screen and (max-width: 1199px) {
.promo-sec-wrap .content-wrap{width:85%;}
}
@media only screen and (max-width: 767px) {
.promo-sec-wrap .content-wrap .slide-wrap{margin:0px auto 30px; opacity:1}
}
  /*-----------------------------------------------------------*/
 /*--------------------- Promo Screen Ends -------------------*/
/*-----------------------------------------------------------*/


  /*-----------------------------------------------------------*/
 /*-------------------- Trust Brands Starts ------------------*/
/*-----------------------------------------------------------*/
.trust-brands-wrap{text-align:center;}
.trust-brands-wrap .content-wrap{padding:0 0 40px;}
.trust-brands-wrap > .content-wrap:after, .trust-brands-wrap >.content-wrap:before{content:''; position:absolute; left:20%; width:60%; height:1px; 
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(215,215,215,1) 50%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(215,215,215,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(215,215,215,1) 50%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(215,215,215,1) 50%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(215,215,215,1) 50%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(215,215,215,1) 50%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );}
.trust-brands-wrap > .content-wrap:before{top:18px;}
.trust-brands-wrap > .content-wrap:after{bottom:0; display:none}
.trust-brands-wrap .content-wrap > p{position:relative;color:#666;padding:0 10px;background:#fff;display:inline-block;margin-bottom: 0;}
a.more-detail-link, a.explore-more{border-bottom:1px solid #03a9f5; padding:0 0 2px}
.trust-brands-wrap a.more-detail-link {font-size: 16px;padding: 0 0 1px;}

.trust-brands-wrap ul{margin:40px 0 20px}
.trust-brands-wrap ul li{display:inline-block;  opacity: 0; transition: 0.5s ease; -webkit-transition: 0.5s ease; transform: scale(0.4, 0.4); -webkit-transform: scale(0.4, 0.4);}
.trust-brands-wrap ul li span{display:inline-block; margin:10px 40px; text-indent:-9999px}
.trust-brands-wrap ul li:first-child span{margin-left:0}
.trust-brands-wrap ul li:last-child span{margin-right:0}
.trust-brands-wrap ul li span{background:url(/sites/default/files/trust-brands-sprite.png) no-repeat 0 0; background-size: 1103px auto; height:40px}
.trust-brands-wrap ul li.tb-intel span{width:61px; background-position:0 0;}
.trust-brands-wrap ul li.tb-jaguar span{width:89px; background-position:-61px 0;}
.trust-brands-wrap ul li.tb-netflex span{width:83px; background-position:-150px 0;}
.trust-brands-wrap ul li.tb-yatra span{width:115px; background-position:-233px 0;}
.trust-brands-wrap ul li.tb-yale span{width:50px; background-position:-348px 0;}
.trust-brands-wrap ul li.tb-timex span{width:88px; background-position:-398px 0;}
.trust-brands-wrap ul li.tb-rmit span{width:82px; background-position:-486px 0;}
.trust-brands-wrap ul li.tb-suzuki span{width:30px; background-position:-568px 0;}
.trust-brands-wrap ul li.tb-sodexo span{width:105px; background-position:-598px 0;}
.trust-brands-wrap ul li.tb-queensland span{width:119px; background-position:-703px 0;}
.trust-brands-wrap ul li.tb-renault span{width:108px; background-position:-822px 0;}
.trust-brands-wrap ul li.tb-bridgestone span{width:173px; background-position:-930px 0;}

.trust-brands-wrap ul li.tb-hitachi span{width:85px; background-position:0 -40px;}
.trust-brands-wrap ul li.tb-element span{width:107px; background-position:-85px -40px;}
.trust-brands-wrap ul li.tb-metro-washington span{width:160px; background-position:-192px -40px;}
.trust-brands-wrap ul li.tb-royal-haskoning span{width:91px; background-position:-352px -40px;}
.trust-brands-wrap ul li.tb-united-foundation span{width:125px; background-position:-444px -40px;}

.trust-brands-wrap ul li.tb-paypal span{width: 83px;background-position:-569px -40px;}
.trust-brands-wrap ul li.tb-uber span{width: 90px;background-position: -652px -40px;}
.trust-brands-wrap ul li.tb-dhl span{width: 112px;background-position: -742px -40px;}
.trust-brands-wrap ul li.tb-sony-music span{width: 36px;background-position: -854px -40px;}
.trust-brands-wrap ul li.tb-hp span{width: 36px;background-position: -890px -40px;}
.trust-brands-wrap ul li.tb-honeywell span{width: 118px;background-position: -926px -40px;}

.trust-brands-wrap ul li.tb-dremworks span{width: 141px;background-position: 0 -80px;}
.trust-brands-wrap ul li.tb-cisco span{width: 67px;background-position: -141px -80px;}
.trust-brands-wrap ul li.tb-regent span{width: 68px;background-position: -208px -80px;}
.trust-brands-wrap ul li.tb-is-london-qatar span{width: 107px;background-position: -276px -80px;}
.trust-brands-wrap ul li.tb-delta span{width: 117px;background-position: -383px -80px;}
.trust-brands-wrap ul li.tb-hadfield span{width: 124px;background-position: -501px -80px;}

.trust-brands-wrap ul li.tb-sears span{width: 98px;background-position: -629px -80px;}
.trust-brands-wrap ul li.tb-daimler span{width: 121px;background-position: -727px -80px;}
.trust-brands-wrap ul li.tb-essilor span{width: 109px;background-position: -848px -80px;}
.trust-brands-wrap ul li.tb-aonhewitt span{width: 131px;background-position: -957px -80px;}

.trust-brands-wrap ul li.tb-apple span{width: 28px;background-position: 0px -120px;}
.trust-brands-wrap ul li.tb-adidas span{width: 46px;background-position: -28px -120px;}
.trust-brands-wrap ul li.tb-hbo span{width: 35px;background-position: -74px -120px;}
.trust-brands-wrap ul li.tb-credit-suisse span{width: 120px;background-position: -109px -120px;}
.trust-brands-wrap ul li.tb-ge span{width: 30px;background-position: -229px -120px;}
.trust-brands-wrap ul li.tb-nike span{width: 48px;background-position: -259px -120px;}
.trust-brands-wrap ul li.tb-nbc span{width: 31px;background-position: -307px -120px;}
.trust-brands-wrap ul li.tb-caplinked span{width: 99px;background-position: -338px -120px;}
.trust-brands-wrap ul li.tb-labarchives span{width: 115px;background-position: -437px -120px;}
.trust-brands-wrap ul li.tb-labguru span{width: 74px;background-position: -552px -120px;}
.trust-brands-wrap ul li.tb-eagree span{width: 82px;background-position: -626px -120px;}
.trust-brands-wrap ul li.tb-class-link span{width: 116px;background-position: -708px -120px;}
.trust-brands-wrap ul li.tb-gep span{width: 66px;background-position: -824px -120px;}
.trust-brands-wrap ul li.tb-sg span{width: 41px;background-position: -890px -120px;}
.trust-brands-wrap ul li.tb-iim-ahamedabad span{width: 36px;background-position: -931px -120px;}

.trust-brands-wrap ul li.tb-hubspot span{width: 78px;background-position: -967px -120px;}
.trust-brands-wrap ul li.tb-tesla span{width: 97px;background-position: 0 -160px;}
.trust-brands-wrap ul li.tb-adobe span{width: 60px;background-position: -97px -160px;}
.trust-brands-wrap ul li.tb-kaiser span{width: 97px;background-position: -157px -160px;}
.trust-brands-wrap ul li.tb-dolby span{width: 97px;background-position: -254px -160px;}
.trust-brands-wrap ul li.tb-kpmg span{width: 68px;background-position: -351px -160px;}
.trust-brands-wrap ul li.tb-audible span{width: 82px;background-position: -419px -160px;}
.trust-brands-wrap ul li.tb-pixar span{width: 84px;background-position: -501px -160px;}
.trust-brands-wrap ul li.tb-aboitiz span{width: 77px;background-position: -693px -160px;}
.trust-brands-wrap ul li.tb-schenker span{width: 116px;background-position: -770px -160px;}
.trust-brands-wrap ul li.tb-amazon span{width: 98px;background-position: -886px -160px;}
.trust-brands-wrap ul li.tb-amiad span{width: 106px;background-position: -984px -160px;}
.trust-brands-wrap ul li.tb-selectra span{width: 108px;background-position: 0 -200px;}
.trust-brands-wrap ul li.tb-benchmark span{width: 120px;background-position: -108px -200px;}
.trust-brands-wrap ul li.tb-southern-x span{width: 116px;background-position: -228px -200px;}
.trust-brands-wrap ul li.tb-iexceed span{width: 63px;background-position: -344px -200px;}
.trust-brands-wrap ul li.tb-tab-tree span{width: 70px;background-position: -471px -200px;}
.trust-brands-wrap ul li.tb-discovery span{width: 116px;background-position: -541px -200px;}
.trust-brands-wrap ul li.tb-saic span{width: 54px;background-position: -657px -200px;}
.trust-brands-wrap ul li.tb-tab-tree span{width: 70px;background-position: -471px -200px;}
.trust-brands-wrap ul li.tb-facebook span{width: 94px;background-position: -711px -200px;}
.trust-brands-wrap ul li.tb-lennox span{width: 88px;background-position: -805px -200px;}
.trust-brands-wrap ul li.tb-bayt span{width: 84px;background-position: -893px -200px;}
.trust-brands-wrap ul li.tb-fetchr span{width: 78px;background-position: -977px -200px;}
.trust-brands-wrap ul li.tb-medlife span{width: 95px;background-position: 0px -240px;}

@media only screen and (min-width:768px) and (max-width:991px){
.trust-brands-wrap ul li span{margin:10px 20px}
}
@media only screen and (max-width:767px){
.trust-brands-wrap ul li span{margin:10px 20px}
}
  /*-----------------------------------------------------------*/
 /*--------------------- Trust Brands Ends -------------------*/
/*-----------------------------------------------------------*/




  /*-----------------------------------------------------------*/
 /*---------------- Highlighted-features Starts --------------*/
/*-----------------------------------------------------------*/
.zp-highlighted-features-wrap{text-align:center}
.zp-highlighted-features-wrap .content-wrap h2{max-width:900px; margin:0 auto 15px;}
.zp-highlighted-features-wrap .content-wrap h2 + p{max-width:780px; margin:0 auto 20px;}
.zp-highlighted-features-wrap .features-box-wrap{max-width:1170px; margin:20px auto; display:table; table-layout:fixed; vertical-align:top; width:inherit; overflow:hidden}
.zp-highlighted-features-wrap .features-box-wrap > div{display:table-cell;}
.features-box{text-align:left; padding:50px;box-sizing:border-box; border:1px solid #efefef; margin:30px 15px; overflow:hidden}

.content-wrap .features-box{transform: translateY(150px);}
.animated .features-box{opacity:1; margin:30px 15px; transform: translateY(0);}
.animated .features-box h4 + p{margin:0}
.animated .features-box h4 + p + a.know-more{margin:20px 0 0; display:inline-block}
.animated  .features-box.box-1{transition:0.5s ease}
.animated  .features-box.box-2{transition:0.5s 0.15s ease}
.animated  .features-box.box-3{transition:0.5s 0.3s ease}
.animated  .features-box.box-4{transition:0.5s 0.45s ease}
.animated  .features-box.box-5{transition:0.5s 0.6s ease}
.animated  .features-box.box-6{transition:0.5s 0.75s ease}

.features-box h4 a{color:#000}
.features-box > div span{display:inline-block; height:50px; min-width:50px; background:#efefef; margin-bottom:10px}
.features-box > div span{background:url(/sites/default/files/sample-home-features-sprite.png) no-repeat 0 0; background-size: auto 50px;}
.features-box.box-1 > div span{background-position:0 0}
.features-box.box-2 > div span{background-position:-50px 0}
.features-box.box-3 > div span{background-position:-100px 0}
.features-box.box-4 > div span{background-position:-150px 0}
.features-box.box-5 > div span{background-position:-200px 0}
.features-box.box-6 > div span{background-position:-250px 0}
.zp-highlighted-features-wrap .features-box-wrap > div{visibility:hidden} 
.zp-highlighted-features-wrap .features-box-wrap.features-box-col3 > div, .zp-highlighted-features-wrap .features-box-wrap.features-box-col2 > div{visibility:visible}
@media only screen and (min-width : 992px) and (max-width: 1199px) {
	.features-box{padding:30px}
}
@media only screen and (min-width:768px) and (max-width:991px){
.zp-highlighted-features-wrap .features-box-wrap > div{margin: 15px 15px; display: inline-block; width: 45%; vertical-align: top; padding:40px;}
.zp-highlighted-features-wrap .features-box-wrap [class|="features-box-column"]{display:none}
.zp-highlighted-features-wrap .features-box-wrap > div{visibility:visible;  transform: translateY(0);} 
}
@media only screen and (max-width:767px){
.zp-highlighted-features-wrap .features-box-wrap{width:100%}
.zp-highlighted-features-wrap .features-box-wrap > div{margin: 15px auto; display: inline-block; width: 100%; vertical-align: top; padding:30px; max-width:480px }
.zp-highlighted-features-wrap .features-box-wrap [class|="features-box-column"]{display:none}
.zp-highlighted-features-wrap .features-box-wrap > div{visibility:visible} 

.content-wrap .features-box{opacity:1; transform:scale(1,1); margin:30px 15px}
.features-box-wrap .content-wrap .features-box{opacity:1; transform:scale(1,1)}
}
  /*-----------------------------------------------------------*/
 /*----------------- Highlighted-features Ends ---------------*/
/*-----------------------------------------------------------*/


  /*-----------------------------------------------------------*/
 /*----------------- Product Integration Starts --------------*/
/*-----------------------------------------------------------*/
.zp-home-integration-wrap{text-align:center}
.zp-home-integration-wrap > .content-wrap{padding:80px 0 40px}
a.more-detail-link{position:relative; font-family: 'proxima_novasemibold', Arial, Helvetica, sans-serif; padding:0 0 5px; color:#03a9f5}
a.more-integration:before{content:''; position:absolute; left:0; bottom:0; width:100%; height:0; border-bottom:1px solid #03a9f5}
.integration-visual-wrap{position:relative; margin:20px 0}
.integration-visual-wrap .content-wrap{padding:140px 0 120px}
.zp-home-integration-wrap .content-wrap h2 + p{max-width:720px; margin:0 auto 20px;}
.integration-visual-wrap .content-wrap:before{content:''; position:absolute; left:5%; top:5%; width:90%; height:90%; background:url(/sites/default/files/integration-bg.svg) no-repeat center center}
.integration-visual-wrap ul{display:table; table-layout:fixed; width:100%}


.integration-visual-wrap ul li div{display:block; position:relative; text-align:center; padding:90px 0 20px; box-sizing:border-box; font-size:14px; text-align:center; height:140px;}
.integration-visual-wrap ul li:nth-child(odd){vertical-align:bottom}
.integration-visual-wrap ul li.zp-main{width:20%; vertical-align:middle; height:260px;}
.integration-visual-wrap ul li.zp-main div{padding:150px 20px 0; height:160px;}
.integration-visual-wrap ul li a{color:#000; display:block; width:100%; height:100%; position:relative; z-index:1}
.integration-visual-wrap ul li div:before{content:''; position:absolute; left:50%; top:0; margin-left:-40px; width:80px; height:80px; border-radius:100%; background:#fff; border:1px solid #ffb5cf; box-sizing:border-box; box-shadow:0 0 20px rgba(0,0,0,0.06)} 
.integration-visual-wrap ul li.zp-main div:before{margin-left: -69px; width: 142px; height: 142px; top: 1px;} 
.integration-visual-wrap ul li div:after{content:''; position:absolute; left:50%; top:15px; margin-left:-25px; width:50px; height:50px; background:url(/sites/default/files/integration-icons-sprite-2x.png) no-repeat left top; box-sizing:border-box; background-size:1250px auto} 
.integration-visual-wrap ul li.zp-main div:after{top:22px; margin-left:-47px; width:100px; height:100px;} 
.integration-visual-wrap ul li.zp-main div:after{background:url(/sites/default/files/integration-icon-2x.png) no-repeat left top; background-size:cover}
.integration-visual-wrap ul li:first-child div:after{background-position:0 0}
.integration-visual-wrap ul li:nth-child(2) div:after{background-position:-50px 0px}
.integration-visual-wrap ul li:nth-child(3) div:after{background-position:-100px 0px}
.integration-visual-wrap ul li:nth-child(4) div:after{background-position:-150px 0}
.integration-visual-wrap ul li:nth-child(6) div:after{background-position:-200px 0}
.integration-visual-wrap ul li:nth-child(7) div:after{background-position:-250px 0}
.integration-visual-wrap ul li:nth-child(8) div:after{background-position:-300px 0}
.integration-visual-wrap ul li:nth-child(9) div:after{background-position:-350px 0}

@media only screen and (min-width:992px){
.integration-visual-wrap ul li{display:table-cell; vertical-align:top; opacity:0; transform:scale(0.6,1)}
.animated .integration-visual-wrap ul li{opacity:1; transform:scale(1,1)}
.animated .integration-visual-wrap ul li.zp-main{transition:0.5s ease}
.animated .integration-visual-wrap ul li:nth-child(4), .animated .integration-visual-wrap ul li:nth-child(6) {transition:0.5s 0.5s ease}
.animated .integration-visual-wrap ul li:nth-child(3), .animated .integration-visual-wrap ul li:nth-child(7) {transition:0.5s 0.70s ease}
.animated .integration-visual-wrap ul li:nth-child(2), .animated .integration-visual-wrap ul li:nth-child(8) {transition:0.5s 0.9s ease}
.animated .integration-visual-wrap ul li:nth-child(1), .animated .integration-visual-wrap ul li:nth-child(9) {transition:0.5s 1.1s ease}
}

@media only screen and (min-width:768px) and (max-width:991px){
.zp-home-integration-wrap .content-wrap h2 + p{max-width:80%}
.integration-visual-wrap .content-wrap{width:600px; height:490px; padding:40px 0}
.integration-visual-wrap .content-wrap:before{height:90%; background: url(/sites/default/files/mob-integration-bg.png) no-repeat center center; background-size: cover;}
.integration-visual-wrap ul li div{position: absolute; left: 50%; top: 50%; font-size:12px; margin-left: -50px; margin-top: -35px; display: block; width: 100px; height: 100px; z-index:1 }
.integration-visual-wrap ul li.zp-main div{z-index:0; padding:110px 0 0; top:50%; margin-top:-50px; height:100px}
.integration-visual-wrap ul li div{padding:80px 0 20px; height:70px}
.integration-visual-wrap ul li.zp-main div {height:100px}
.integration-visual-wrap ul li.zp-main{height:100px; width:100px; margin-left:-50px; margin-top:-50px}
.integration-visual-wrap ul li.zp-main div:after{margin-left: -35px; width: 70px; height: 70px; top: 15px;}
.integration-visual-wrap ul li.zp-main div:before{width:100px; height:100px; margin-left:-50px}
.integration-visual-wrap ul li div:before{margin-left:-35px; width:70px; height:70px}
.integration-visual-wrap ul li div:after{width:40px; height:40px; margin-left:-20px; background-size:1000px auto}
.integration-visual-wrap ul li:first-child div{top: 80px; left:220px}
.integration-visual-wrap ul li:nth-child(2) div{top: 180px; left:120px}
.integration-visual-wrap ul li:nth-child(3) div{top: 320px; left:120px}
.integration-visual-wrap ul li:nth-child(4) div{top:420px; left:220px}
.integration-visual-wrap ul li:nth-child(6) div{top: 80px; right:180px; left:inherit}
.integration-visual-wrap ul li:nth-child(7) div{top: 180px; right:80px; left:inherit}
.integration-visual-wrap ul li:nth-child(8) div{top: 320px; right:80px; left:inherit}
.integration-visual-wrap ul li:nth-child(9) div{top:420px; right:180px; left:inherit}

.integration-visual-wrap ul li:first-child div:after{background-position:0 0}
.integration-visual-wrap ul li:nth-child(2) div:after{background-position:-40px 0px}
.integration-visual-wrap ul li:nth-child(3) div:after{background-position:-80px 0px}
.integration-visual-wrap ul li:nth-child(4) div:after{background-position:-120px 0}
.integration-visual-wrap ul li:nth-child(6) div:after{background-position:-160px 0}
.integration-visual-wrap ul li:nth-child(7) div:after{background-position:-200px 0}
.integration-visual-wrap ul li:nth-child(8) div:after{background-position:-240px 0}
.integration-visual-wrap ul li:nth-child(9) div:after{background-position:-280px 0}

}


@media only screen and (max-width:767px){
.zp-home-integration-wrap .content-wrap h2 + p{max-width:100%}
.integration-visual-wrap .content-wrap{width: 280px;height: 340px;padding:40px 0;margin: 40px auto 0;}
.integration-visual-wrap .content-wrap:before{height:84%; background: url(/sites/default/files/mob-integration-bg.png) no-repeat center center; background-size: cover;}
.integration-visual-wrap ul li div{position: absolute; left: 50%; top: 50%; font-size:10px; margin-left: -35px; margin-top: -35px; display: block; width: 70px; height: 70px; z-index:1 }
.integration-visual-wrap ul li.zp-main div{z-index:0;padding:80px 0 0;top: 51%;margin-top:-50px; height:80px}
.integration-visual-wrap ul li div{padding:55px 0 10px; height:70px}
.integration-visual-wrap ul li.zp-main{height:70px; width:70px; margin-left:-35px; margin-top:-35px}
.integration-visual-wrap ul li.zp-main div:after{margin-left: -25px;width: 50px;height: 50px;top: 10px;}
.integration-visual-wrap ul li.zp-main div:before{width:70px; height:70px; margin-left:-35px}
.integration-visual-wrap ul li div:before{margin-left:-25px; width:50px; height:50px}
.integration-visual-wrap ul li div:after{width:30px;height:30px;margin-left:-15px;background-size:750px auto; top: 10px;}
.integration-visual-wrap ul li:first-child div{top: 67px;left: 94px;}
.integration-visual-wrap ul li:nth-child(2) div{top: 130px;left: 33px;}
.integration-visual-wrap ul li:nth-child(3) div{top: 217px;left: 32px;}
.integration-visual-wrap ul li:nth-child(4) div{top: 279px;left: 90px;}
.integration-visual-wrap ul li:nth-child(6) div{top: 66px;right: 62px;left:inherit;}
.integration-visual-wrap ul li:nth-child(7) div{top: 130px;right: 0px;left:inherit;}
.integration-visual-wrap ul li:nth-child(8) div{top: 220px;right: 0px;left:inherit;}
.integration-visual-wrap ul li:nth-child(9) div{top: 280px;right: 60px;left:inherit;}

.integration-visual-wrap ul li:first-child div:after{background-position:0 0}
.integration-visual-wrap ul li:nth-child(2) div:after{background-position:-30px 0px}
.integration-visual-wrap ul li:nth-child(3) div:after{background-position:-60px 0px}
.integration-visual-wrap ul li:nth-child(4) div:after{background-position:-90px 0}
.integration-visual-wrap ul li:nth-child(6) div:after{background-position:-120px 0}
.integration-visual-wrap ul li:nth-child(7) div:after{background-position:-150px 0}
.integration-visual-wrap ul li:nth-child(8) div:after{background-position:-180px 0}
.integration-visual-wrap ul li:nth-child(9) div:after{background-position:-210px 0}

}



  /*-----------------------------------------------------------*/
 /*------------------ Product Integration Ends ---------------*/
/*-----------------------------------------------------------*/



  /*-----------------------------------------------------------*/
 /*------------------ Video Testimonial Starts ---------------*/
/*-----------------------------------------------------------*/

.zp-home-testimonial-wrap .content-wrap{max-width:820px; text-align:center}
.testimonial-video-detail{position:absolute; width:90%; height:auto; left:5%; top:45%; margin-top:60px; pointer-events:none}
.testimonial-video-detail h3{color:#fff}
.zp-home-testimonial-wrap .poster-wrap{position:relative; cursor:pointer; width:100%}
.zp-home-testimonial-wrap .content-wrap .poster-video img{transition:0.5s ease}
.zp-home-testimonial-wrap .content-wrap .poster-video img:hover{-webkit-box-shadow: 0px 10px 35px -10px rgba(96,98,107,0.5); -moz-box-shadow: 0px 10px 35px -10px rgba(96,98,107,0.5); box-shadow: 0px 10px 35px -10px rgba(96,98,107,0.5); }
.zp-home-testimonial-wrap .content-wrap .poster-video{position:relative;display: inline-block; width:100%}
.zp-home-testimonial-wrap .content-wrap .poster-video:before{position:absolute;content:'';left:50%;top:45%;margin: -30px 0 0 -30px;width: 60px;height: 60px;border: 2px solid #fff;border-radius:100%;z-index: 2;}
.zp-home-testimonial-wrap .content-wrap .poster-video:after{content: '';position: absolute;left: 50%;top: 45%;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 14px solid #fff;z-index: 3;margin:-10px 0 0 -4px;}
.testimonial-customer-detail{position:absolute;left:0; bottom:10px;z-index:5; width:100%; pointer-events:none}
.testimonial-customer-detail p{margin:0; padding:10px 30px; color:#fff; font-size:16px; line-height:1.4}
.testimonial-customer-detail p span{display:block; font-size:18px}
@media only screen and (min-width:992px) and (max-width:1399px){
.zp-home-testimonial-wrap .content-wrap{max-width:760px}
}
@media only screen and (min-width:992px) and (max-width:1199px){
.testimonial-video-detail{width: 90%; left: 5%;}
}
@media only screen and (max-width:991px){
	.zp-home-testimonial-wrap .content-wrap{max-width:640px}
	.testimonial-video-detail {position: relative; width: 90%; left: 0; top: 10px; margin: 0 auto; }
	.testimonial-video-detail h3 {color: #666; }
	.zp-home-testimonial-wrap .content-wrap > .poster-video:before, .zp-home-testimonial-wrap .content-wrap > .poster-video:after{top:50%}
}
@media only screen and (max-width:767px){
.zp-home-testimonial-wrap .content-wrap .poster-video:before{margin: -25px 0 0 -25px; width: 50px; height: 50px;}
.zp-home-testimonial-wrap .content-wrap .poster-video:after{border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 12px solid #fff; margin: -8px 0 0 -4px;}
.testimonial-customer-detail p{font-size:12px}
.testimonial-customer-detail p span{font-size:16px}
}
  /*-----------------------------------------------------------*/
 /*------------------ Video Testimonial Ends ---------------*/
/*-----------------------------------------------------------*/



  /*-----------------------------------------------------------*/
 /*-------------------- Pricing Promo Starts -----------------*/
/*-----------------------------------------------------------*/
.home-pricing-promo-wrap {text-align:center}
.home-pricing-promo-wrap .content-wrap{max-width:840px}
.pricing-box-wrap{display:table;table-layout:fixed;width:100%; margin:60px 0 0}
.pricing-box-wrap .pricing-box{display:table-cell;vertical-align: top;}
.pricing-box-wrap .pricing-box > div{position:relative; padding:20px 50px; padding-top:50px}
.pricing-box-wrap .pricing-box > div.highlighted-pack{padding-top:0}
.pricing-box-wrap .pricing-box > div h2{font-size:60px; line-height:1; min-height:60px;}
.pricing-box-wrap .pricing-box > div.highlighted-pack h2{font-size:110px}
.pricing-box-wrap .pricing-box > div.highlighted-pack:before, .pricing-box-wrap .pricing-box > div.highlighted-pack:after{content:''; position:absolute; top:50%; height:120px; width:1px;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefefe', GradientType=0 );
}
.pricing-box-wrap .pricing-box > div.highlighted-pack:before{left:0}
.pricing-box-wrap .pricing-box > div.highlighted-pack:after{right:0}
.pricing-box-wrap .pricing-box > div h2 em{font-size:24px; vertical-align:top;}
.pricing-box-wrap .pricing-box > div h2 span{position:relative; display:none}
.pricing-box-wrap .pricing-box > div.highlighted-pack h2 span{color:#ff6c8d}
.pricing-box-wrap .pricing-box > div h2 span.for-usd{display:block}
.pricing-box-wrap .pricing-box h5 + p{font-size:16px}
.pricing-action a{display:inline-block; border:1px solid #000; padding:3px 15px; font-size:16px; color:#000}
.highlighted-pack .pricing-action a{color:#fff; background:#000}
.pricing-action a.get-btn{display:none}

  /*-----------------------------------------------------------*/
 /*--------------------- Pricing Promo Ends ------------------*/
/*-----------------------------------------------------------*/

  /*-----------------------------------------------------------*/
 /*--------------------- Mobile Apps Starts ------------------*/
/*-----------------------------------------------------------*/
.zp-mobile-apps-wrap{position:relative; text-align:center; margin:0 0 0}
.zp-mobile-apps-wrap .content-wrap{padding-bottom:0}
.zp-mobile-apps-wrap .content-wrap >h2{max-width:840px; margin:0 auto 15px}
.zp-mobile-apps-wrap .content-wrap h2 + p{max-width:720px; margin:0 auto 20px}

.zp-mobile-apps-wrap .content-wrap.animated >h2, .zp-mobile-apps-wrap .content-wrap.animated >h2 + p{margin-top:0px; opacity:1;  transform:scale(1,1)}

.apps-download-links-wrap{display:none}
.apps-download-links-wrap a{display:none; height:40px; margin:10px; background:url(/sites/default/files/download-apps-sprite2x.png) no-repeat left top; background-size:auto 40px}
.apps-download-links-wrap{margin-bottom:40px}
.zp-mobile-apps-wrap .m-apps-poster-wrap img{vertical-align:bottom}
.apps-download-links-wrap a.app-store{width:135px; background-position:0 0}
.apps-download-links-wrap a.g-play{width:134px; background-position:-135px 0}
.apps-download-links-wrap a.windows-app{width:145px; background-position:-269px 0}
  /*-----------------------------------------------------------*/
 /*---------------------- Mobile Apps Ends -------------------*/
/*-----------------------------------------------------------*/

  /*-----------------------------------------------------------*/
 /*---------------------- Bottom CTA Starts ------------------*/
/*-----------------------------------------------------------*/
.bottom-cta-wrap{text-align:center; position:relative;}
.bottom-cta-wrap:before{content:''; position:absolute; left:0; bottom:0; width:100%; height:80%; z-index:-1;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,243,229,1) 51%, rgba(250,220,220,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(51%, rgba(255,243,229,1)), color-stop(100%, rgba(250,220,220,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,243,229,1) 51%, rgba(250,220,220,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,243,229,1) 51%, rgba(250,220,220,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,243,229,1) 51%, rgba(250,220,220,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,243,229,1) 51%, rgba(250,220,220,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fadcdc', GradientType=0 );
}
.bottom-cta-wrap .content-wrap:after{content:''; position:absolute; left:0; bottom:0; width:92%; height:56%; background:url(/sites/default/files/bottom-cta-wave.svg) no-repeat right bottom;}

.bottom-cta-wrap .content-wrap{padding:90px 0 140px}
.bottom-cta-wrap .content-wrap h2{position:relative; z-index:1; max-width: 980px; margin: 0 auto 15px;}
.bottom-cta-wrap .content-wrap a.cta-btn{margin-top:20px}
@media only screen and (max-width:991px){
.bottom-cta-wrap .content-wrap{padding:60px 0}
.bottom-cta-wrap .content-wrap:after{display:none}
}
  /*-----------------------------------------------------------*/
 /*---------------------- Bottom CTA Ends ------------------*/
/*-----------------------------------------------------------*/