html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
img{width:auto;height:auto;vertical-align:middle;max-width:100%;border:none;-ms-interpolation-mode:bicubic}
/*Document starts*/
body{font:400 14px/24px 'Open Sans', sans-serif;margin:0 auto;background:#fff;color:#444;width:100%;-webkit-text-size-adjust:none;}
.clearfix:before, .clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
.clear{clear:both;line-height:0;height:0}
a{outline:none;border:none;text-decoration:none;color:#0099CC}
a:hover{text-decoration:underline}
em{font-style:italic}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}
input, select{vertical-align:middle;}
a{color:#00add5;}
p{margin-bottom:20px}
ul{list-style:disc;padding-left:20px;}
ol{list-style:decimal-leading-zero;padding-left:0px;}
ul li, ol li{margin-bottom:15px;line-height:1.5;vertical-align:top;}
h1{font-size:40px;margin-bottom:15px;font-weight:300}
h2{font-size:30px;line-height:42px;margin-bottom:20px;font-weight:400}
h3{font-size:24px;line-height:30px;margin-bottom:20px;font-weight:300}
input::-webkit-input-placeholder{color:rgba(255,255,255,0.45);}
input:focus::-webkit-input-placeholder{color:rgba(255,255,255,0.6);}
/* Firefox < 19 */
input:-moz-placeholder{color:rgba(255,255,255,0.45);font-size:14px;}
input:focus:-moz-placeholder{color:rgba(255,255,255,0.6);}
/* Firefox > 19 */
input::-moz-placeholder{color:rgba(255,255,255,0.45);font-size:14px;}
input:focus::-moz-placeholder{color:rgba(255,255,255,0.6);}
/* Internet Explorer 10 */
input:-ms-input-placeholder{color:rgba(255,255,255,0.25);}
input:focus:-ms-input-placeholder{color:rgba(255,255,255,0.6);}
.fl{float:left!important}.fr{float:right!important}.fn{float:none!important}
.pr{position:relative}.pa{position:absolute}
.m0{margin:0!important}.p0{padding:0!important}.b0{border:none!important}.h0{height:0;line-height:0}
.p20{padding:20px}
.mT0{margin-top:0!important}.pT0{padding-top:0!important}
.mB0{margin-bottom:0!important}.pB0{padding-bottom:0!important}
.m0auto{margin:0 auto!important}
.mT10{margin-top:10px}.mT20{margin-top:20px}.mT30{margin-top:30px}.mT40{margin-top:40px}
.mR10{margin-right:10px}.mR20{margin-right:20px}.mR30{margin-right:30px}.mR40{margin-right:40px}
.mB10{margin-bottom:10px}.mB20{margin-bottom:20px}.mB30{margin-bottom:30px}.mB40{margin-bottom:40px}
.mL10{margin-left:10px}.mL20{margin-left:20px}.mL30{margin-left:30px}.mL40{margin-left:40px}
.pT10{padding-top:10px}.pT20{padding-top:20px}.pT30{padding-top:30px}.pT40{padding-top:40px}
.pR10{padding-right:10px}.pR20{padding-right:20px}.pR30{padding-right:30px}.pR40{padding-right:40px}
.pB10{padding-bottom:10px}.pB20{padding-bottom:20px}.pB30{padding-bottom:30px}.pB40{padding-bottom:40px}
.pL10{padding-left:10px}.pL20{padding-left:20px}.pL30{padding-left:30px}.pL40{padding-left:40px}
.p0-40{padding:0 40px}
.fr{float:right}.fl{float:left}.tar{text-align:right}.tal{text-align:left!important}.tac{text-align:center}.taj{text-align:justify}
.dis-blk,.show{display:block}.dis-in-blk{display:inline-block}.dis-none,.hide{display:none!important}.mbS{display:none}
.uline,.uline:hover{text-decoration:underline}
.pointer{cursor:pointer}
.f300{font-weight:300!important}strong{font-weight:bold}.fs12{font-size:12px}
.navigation{color:#444;font-size:12px;margin-top:40px;border-top:1px solid #ddd}
.navigation a{color:#333}
.cNone{color:#FFF}
.max{max-width:100%}
.wAuto{width:auto!important}
.w80{width:80%}.w70{width:70%}.w60{width:60%}.w50{width:50%}
.container{max-width:1000px;width:100%;margin:0 auto;transition:all 0.2s ease-in 0s}
.per20{width:18%;padding:1%;float:left}
.per20.bg{width:16%;padding:1%;float:left;margin:1%}
.percent20{width:20%;float:left}
.per25{width:23%;padding:1%;float:left}
.per25.bg{width:21%;padding:1%;float:left;margin:1%}
.percent25{width:25%;float:left}
.per30{width:31.3%;padding:1%;float:left}
.per30.bg{width:29.3%;padding:1%;float:left;margin:1%}
.percent30{width:33%;float:left}
.per40{width:38%;padding:1%;float:left}
.per40.bg{width:36%;padding:1%;float:left;margin:1%}
.percent40{width:40%;float:left}
.per50{width:46%;padding:2%;float:left}
.per50.bg{width:44%;padding:2%;float:left;margin:1%}
.percent50{width:50%;float:left}
.per60{width:58%;padding:1%;float:left}
.per60.bg{width:56%;padding:1%;float:left;margin:1%}
.percent60{width:60%;float:left}
.per70{width:64.7%;padding:1%;float:left}
.per70.bg{width:62.7%;padding:1%;float:left;margin:1%}
.percent70{width:66.7%;float:left}
.per75{width:73%;padding:1%;float:left}
.per75.bg{width:71%;padding:1%;float:left;margin:1%}
.percent75{width:75%;float:left}
.sec-pTB{padding:40px 0}
.sep-brd-top{border-top:1px dashed #000;margin-top:20px;padding-top:20px}
.sep-brd-btm{border-bottom:1px dashed #000;margin-bottom:20px;padding-bottom:20px}
.brdTop{border-top:2px solid #65ad26}
.brdBtm{border-bottom:2px solid #65ad26}
.bg1{background:#7bbc42}
.bg2{background:#d5f5b9}
.bg1-1{background-image:-webkit-linear-gradient(-12deg,#d5f5b9 15%, #c3f499 95%)!important;background-image:linear-gradient(102deg, #d5f5b9 15%,#c3f499 95%)!important}
/*.bg1-2{background-image:-webkit-linear-gradient(-12deg,#65ad26 15%, #b5e68b 95%)!important;background-image:linear-gradient(102deg, #65ad26 15%,#b5e68b 95%)!important}*/
.bg1-2{background-image:-webkit-linear-gradient(-12deg,#b5e68b 15%, #b5e68b 95%)!important;background-image:linear-gradient(102deg, #b5e68b 15%,#65ad26 95%)!important}
.bg1-3{background-image:-webkit-linear-gradient(-12deg,#efefef 15%, #ffffff 95%)!important;background-image:linear-gradient(102deg, #efefef 15%,#ffffff 95%)!important}
.bg1-img{background:#c3f498 url(../images/pattern1.png) repeat 0 0}

.transform1-1{background:#fff;height:50px;transform:rotate(-1deg);width:100%;display:block;margin-top:-25px}
.transform1-2{background:#fff;height:50px;transform:rotate(1deg);width:100%;display:block;margin-top:-65px}
.transform2-1{background:#fff;height:50px;transform:rotate(-1deg);width:100%;display:block;margin-top:-25px}
.transform2-2{background:#fff;height:50px;transform:rotate(-1deg);width:100%;display:block;margin-top:-25px}

.nolist{list-style-type:none}
.c-white,.c-white a{color:#fff}
.c-black,.c-black a{color:#333}
p,ul,ol{font-size:16px;line-height:26px}
.logo{background:url(../images/v1/icon-sprite.png) no-repeat 0 0}
/*header*/
.topcontainer{max-width:1400px;width:100%;margin:0 auto;transition:all 0.2s ease-in 0s;padding:0 10px}
#header{position:fixed;top:0;left:0;padding:10px 0;background:rgba(250,250,250,1);z-index:9;width:100%;box-shadow:0 0 2px #ccc}
#header .logosec a{display:block;height:80px;background:url(../images/logo.png) no-repeat 0 0;width:80px;text-indent:-1000%;background-size:cover}
.mob-icon{background:url(../images/product-common-sprite-new.png) no-repeat -98px 6px;cursor:pointer;display:block;height:34px;width:40px;display:none;margin:5px 12px 0 0}
.menuTop{margin-top:68px}
.menu{float:right;margin-right:20px}
#menu{margin:20px 0;padding:0}
#menu>li{display:inline-block;position:relative;padding:0;margin:0}
#menu>li>a{color:#333;display:block;font-size:16px;font-weight:400;line-height:36px;margin:0 0 0 20px}
#menu>li>a:hover,#menu>li>a.act{text-decoration:none;color:#7bbc42}

#menu>li.signin a,#menu>li.signup a{}
#menu>li.signin a{background:#b5e68b;color:#333;padding:0 20px}
#menu>li.signin a:hover{background:#a1e369}
#menu>li.signup a{background:#7bbc42;color:#fff;padding:0 20px}
#menu>li.signup a:hover{background:#72c42a}

.minHeight{min-height:500px}
/*banner*/
.brd{border:4px solid #7bbc42}
.bannerflex{width:100%;margin:40px auto 0;background:#7bbc42;}
.flexslider{margin:0 auto;position:relative;overflow:hidden;max-height:546px;position:relative;display:block;width:1000px;max-width:100%}
.flexslider .flexBnrslides{padding:0!important;margin:0!important}
.flexslider .flexBnrslides > li{display:none;-webkit-backface-visibility:hidden;float:left}
.flexslider .flexBnrslides > li.flex-active-slide{transition: all 3s ease;transition-timing-function: linear;z-index: 9999;position: relative}
.flexslider .flexBnrslides > li{z-index: 9999;position: relative}
.flexslider .flexBnrslides > li:first-child{display:block}
.flexslider .flexBnrslides img{width:100%;display:block;margin:0 auto;}
.flexslider .flexBnrslides > li>a{display:block;max-width:100%}
.flexslider .flexBnrslides > li div a{display:inline-block;max-width:100%}
.flex-pauseplay span{text-transform:capitalize}
.flex-control-nav{position:absolute;text-align:center;right:10px;bottom:10px;z-index:90;display:none}
.flex-control-nav li{margin:0 3px;display:inline-block}
.flex-control-nav li a{background:#ccc;cursor:pointer;height:10px;width:10px;display:block}
.flex-control-nav li a.flex-active{background:#7bbc42;color:#FFF}
.flex-control-nav li a:hover{text-decoration:none}
.flex-direction-nav{display:none}
.flex-direction-nav li a{height:30px;width:30px;display:block;color:transparent;-webkit-transition:all .3s ease;position:absolute;top:50%;margin-top:-20px;opacity:0}
.flex-direction-nav li a.flex-prev{background-position:-60px -60px}
.flex-direction-nav li a.flex-next{background-position:-90px -60px}
.flexslider:hover a.flex-prev{opacity:0.3;left:5px}
.flexslider:hover a.flex-next{opacity:0.3;right:5px}

.bannerflex.mobile{background:transparent}
.flexslider.mobile{background:url(../images/screenshot-mobile.png) no-repeat 0 0;width:469px;max-height:900px;height:860px;left:5px;overflow:hidden}
.flexslider.mobile .flexBnrslides img{width:100%;position:absolute;top:42px;left: -26px;}
.flexslider .flexBnrslides > li{top:84px;}

.banner-part{background-color:#333;background-repeat:no-repeat;background-size:cover;background-position:center -50px;overflow:hidden;position:relative;box-sizing:border-box;text-align:center;min-height:600px;color:#fff}
.banner-part-index{background-image: url(../images/banner2.jpg)}
.banner-part-conter{text-align:left;margin-top:200px}
.banner-part h1{font-size:48px;line-height:60px;text-shadow:2px 3px 3px #000;text-align:left;/*background:rgba(0, 0, 0, 0.5);*/color:#d5f3bc}
/*.banner-part h1{font-size:60px;line-height:80px;text-shadow:2px 3px 3px #000;text-align:center;background:rgba(0, 0, 0, 0.5);color:#d5f3bc}*/

.homeband{margin-top:30px}
.homeband img{box-shadow:0 0 2px #aaa}

.foobox .container{max-width:1200px;width:100%;margin:0 auto;transition:all 0.2s ease-in 0s}
.cusPad{padding:0 20px}
.cusPad h3{font-weight:300;margin-top:20px;min-height:60px}
.cusPad p{margin-bottom:0}

.formUl{margin:0;padding:0;list-style-type:none}
.formUl li{clear:both;}
.formUl li > label{width:40%;float:left;margin-bottom:20px;display:block}
.formUl li > div{width:60%;float:left;margin-bottom:20px;display:block}
.formUl input,.formUl textarea{line-height:30px;padding:3px 2%;width:96%}
.formUl li.submit > div > input{width:49%}
.fs18{font-size:18px}
.margin1{margin-top:40px}
.margin2{margin-top:40px}
.margin3{margin-top:40px}
.margin4{margin-top:40px}

.footer{text-align:center;color:#333;font-size:12px;padding:20px;background:#f8f8f8;border-top:1px solid #efefef}

.effect{position:relative;overflow:hidden}
.effectTxt h3{font-size:30px;line-height:40px;font-weight:300}
.effectTxt p{font-size:18px;line-height:24px}
.effectLhs{text-align:center}
.effectLhs img{opacity:0;transition:all 0.8s ease 0s;position:relative;right:-100%}
.effectLhs img.show{opacity:1;right:auto;margin:0 auto}
.effectRhs img{opacity:0;transition:all 0.8s ease 0s;position:relative;left:-100%}
.effectRhs img.show{opacity:1;left:auto;margin:0 auto}
.effectRhs{text-align:center}

.pricingBox{background:#d5f5b9;padding:30px}
.pricingBox>p,.pricingBox>h3{margin:0;padding:0;text-align:center}
.pricingBox>h3{}
.pricingBox li:last-child{margin:0}
.pricingBox .pricingDesc{border-top:2px solid #7bbc42;border-bottom:2px solid #7bbc42;margin:20px auto;width:70%}
.pricingBox li{list-style-type:none;position:relative}
.pricingBox li:before{content:'»';position:absolute;left:-20px;top:0;color:#7bbc42;font-weight:bold;}

.signin-part{background:#d5f5b9;padding:40px;text-align:center}
.signin-part iframe{width:430px;height:350px;margin:0;}

.listBox{margin:40px auto;padding:0;text-align:left;width:60%}
.listBox li{padding:5px 10px;border-left:3px solid #7bbc42;margin:10px 0;border-bottom:1px solid #7bbc42;}

.apple-store,.google-play{display:inline-block;height:40px;margin:20px 5px;text-indent:-999em;width:135px;background:url(https://www.zoho.com/images/product-common-sprite.png) no-repeat 0 0;display:inline-block;box-shadow:0 0 3px #fff;border-radius:5px}
.apple-store{background-position:left -60px}
.google-play{background-position:left -105px}

/*** NEw ***/

.monitor-section{position:relative;}
.monitor-section .effectTxt{padding:40px 0}
.wdt500{width:50%;float:left}
.wdt500 .margin4{float:right;width:500px}
.monitor-section img{position:relative;top:55px}
@media only screen and (max-width :1000px){
.wdt500 .margin4{width:96%;margin:0}
}
@media only screen and (max-width :750px){
.wdt500, .wdt500 .margin4{width:96%;padding:2%;}
}
.icon-navs a{text-decoration:none}



@media only screen and (max-width :1150px){
.banner-part{background-position:center center}
}
@media only screen and (max-width :1000px){
.container{padding:0 1%;width:98%!important}
}
@media only screen and (max-width :850px){
.banner-part{background-position:right center}
#menu li a{font-size:14px;margin-left:10px}
}
@media only screen and (max-width :750px){
.banner-part{background-position:80% center}
.banner-part-conter{position:absolute;bottom:20px}
.banner-part-conter h1{text-align:center;margin:0 auto}
.mob-icon{display:block}
#menu{position:absolute;top:71px;width:100%;left:0;background:#fff;display:none}
#menu li{display:block}
#menu li a{font-size:14px;margin:0;padding:5px 20px;border-bottom:1px solid #efefef}
.flexslider.mobile{background-size:90%;height:423px}
.flexslider.mobile .flexBnrslides img{left:16px;width:79%;top:-21px}
.listBox{width:100%}
.per20,.per20.bg,.percent20,.per25,.per25.bg,.percent25,.per30,.per30.bg,.percent30,.per40,.per40.bg,.percent40,.per50,.per50.bg,.percent50,.per60,.per60.bg,.percent60,.per70,.per70.bg,.percent70,.per75,.per75.bg,.percent75{width:96%;padding:2%;float:none;margin:0}
}
@media only screen and (min-width :768px) and (max-width:992px){}
@media only screen and (max-width :767px){
h1{font-size:32px;}
h2{font-size:28px;}
h3{font-size:25px;}
h4{font-size:22px;}
h5{font-size:20px;}
h6{font-size:18px;}
p{font-size:14px;line-height:24px;}
}
@media only screen and (max-width :480px){}