@import url("https://www.manageengine.com/css/fonts.css");
/*Reset and common styles*/

html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,img,q,strong,sub,sup,b,u,i,center,ol,ul,li,form,label,table,tr,th,td,embed,footer,header,section,nav,menu{margin:0;padding:0;border:none;font-size:100%;font:inherit;vertical-align:baseline}ol,ul{list-style:none}
body{font:normal 16px/24px 'Zoho_Puvi_Regular';color:#000; }
.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}
.clear{clear:both;line-height:0;height:0}
img{width:auto\9;height:auto;vertical-align:middle;border:none;-ms-interpolation-mode:bicubic}
a{text-decoration:none;color:#666;outline:none}
a:hover{text-decoration:none;outline:none;color:#333}
.fr{float:right}.fl{float:left}
h1{ font-family:'Roboto Slab', serif;}
h2, h3, h4, h5, h6{ font-family:'Roboto Slab', serif;; font-weight:400;}

/*layout styles*/
.container{ width:1200px; margin:0 auto; }

/*Header styles*/
html, body{ height:100%;}
.global-success-msg{position: relative; width: 100%; background: #f8fdee; border: 1px solid #b6db95; padding: 10px; text-align: center; color: #5c8707; font-weight: bold; font-size: 1em; display: none; font-weight: 400; margin-bottom:10px;}
header{ background:#d43b42;overflow:hidden; position:relative; height:100%;}
header:before {content: '';position: absolute;background-color: #cc393f;width: 60%;height: 100%;border-radius: 50%;top: 0;left: 0;transform: translate(-49%,0);z-index: 1;}
header:after {content: '';position: absolute;background-color: #cc393f;width: 100px;height: 100px;border-radius: 100%;top: 40%;right: 0;z-index: 1;}
.header-inner{ position:relative; z-index:5;}
.header-fixed{ position:fixed; top:0; left:0; width:100%; z-index:9;transition: all linear .5s;-webkit-transition: all linear .5s;-moz-transition: all linear .5s;-o-transition: all linear .5s; background: rgba(0,0,0,.50);}
.header-right{ width:50%; padding:10px 0;}
.logo{ width:20%;margin-top:5px;}
.logo img{width:70%;}
.but-trynow{ background:#222; border-radius:5px; color:#FFF; padding:10px 50px; font-size:1.1em; text-transform:uppercase;}
.but-trynow:hover{color:#FFF;background:#111;}
.header-fixed .but-trynow{ background:#d11e26;}
.menu-list li{ padding:10px 30px; display:inline-block;}
.menu-list li a{ color:#FFF; text-decoration:none;}

/* Banner styles */
.banner{ position: relative;  z-index:3; text-align:center; min-height:80%; padding-top:15%;}
.banner:before {content: '';position: absolute;border-bottom:500px solid #FFF;background:none;width: 120%;height: 200%;border-radius: 100%;bottom: -77%;left: -10%;z-index: 5;}
.anim-container{ width:1000px; margin: 0 auto; position:relative; min-height:430px; text-align: center;}
.icon-list{ position:absolute; top:-35%; width:100%; left:-10%; height:200px;  z-index:3;}
.icon-list li{ position:absolute; left:15%; top:0px; color:#FFF; width:150px; height:150px; }
.icon-list li span{ display:block; font-size:1em;}
.icon-list li:first-child+li{ left:40%; }
.icon-list li:first-child+li+li{ left:65%;}
.icon-list li:first-child+li+li+li{ left:90%; }
.ban-content{ position:absolute; left:0; top: -35%; width:100%;letter-spacing:1px; opacity:0;}
.ban-content h2{ font-size:3.5em; color:#FFF; font-family: 'Zoho_Puvi_Regular'; }
.ban-content p{ color:#facbcd; font-size:1em;}
.acd-logo{ position:absolute; left:28%; top:37%; width:150px; height:70px; opacity:0;}
.acd-logo img{ width:100%; height:auto;}

/* Banner animations */
.dashboard{ position:absolute; bottom:-110%; left:10%;transition: bottom linear .5s;-webkit-transition: bottom linear .5s;-moz-transition: bottom linear .5s;-o-transition: bottom linear .5s; z-index:2;}
.animation-start .dashboard{bottom:-20%;}
.icon-list li:first-child { opacity: 0;transition: opacity .2s linear .5s;-webkit-transition: opacity .2s linear .5s;-moz-transition: opacity .2s linear .5s;-o-transition: all .2s linear .5s;}
.icon-list li:first-child+li { opacity: 0; transition: opacity .2s linear 2s;-webkit-transition: opacity .2s linear 2s;-moz-transition: opacity .2s linear 2s;-o-transition: opacity .2s linear 2s;}
.icon-list li:first-child+li+li { opacity: 0; transition: opacity .2s linear 3.5s;-webkit-transition: opacity .2s linear 3.5s;-moz-transition: opacity .2s linear 3.5s;-o-transition: opacity .2s linear 3.5s;}
.icon-list li:first-child+li+li+li{ opacity: 0; transition: opacity .2s linear 5s;-webkit-transition: opacity .2s linear 5s;-moz-transition: opacity .2s linear 5s;-o-transition: opacity .2s linear 5s;}
.animation-start .icon-list li:first-child, .animation-start .icon-list li:first-child+li, .animation-start .icon-list li:first-child+li+li, .animation-start .icon-list li:first-child+li+li+li{ opacity:1; }



.animation-icon .icon-list li span{ opacity: 0; transition: opacity .2s linear .2s;-webkit-transition: opacity .2s linear .2s;-moz-transition: opacity .2s linear .2s;-o-transition: opacity .2s linear .2s;}
.animation-icon .icon-list li span{ display:none}
.animation-icon .icon-list li:first-child, .animation-icon .icon-list li:first-child+li, .animation-icon .icon-list li:first-child+li+li, .animation-icon .icon-list li:first-child+li+li+li{left:53%; top:50px;transition: all .5s linear .5s;-webkit-transition: all .5s linear .5s;-moz-transition: all .5s linear .5s;-o-transition: all .5s linear .5s;}

.icon-rotate .icon-list li:first-child, .icon-rotate.icon-list li:first-child+li, .icon-rotate .icon-list li:first-child+li+li, .icon-rotate .icon-list li:first-child+li+li+li{ animation:ease-in-out .5s spin infinite;-webkit-animation:ease-in-out .5s spin infinite;-moz-animation:ease-in-out .5s spin infinite;-o-animation:ease-in-out .5s spin infinite;}

.icon-move .icon-list li:first-child, .icon-move .icon-list li:first-child+li, .icon-move .icon-list li:first-child+li+li{ display:none;} .icon-move .icon-list li:first-child+li+li+li{top:450px; opacity:0;transition: all .5s linear .5s;-webkit-transition: all .5s linear .5s;-moz-transition: all .5s linear .5s;-o-transition: all .5s linear .5s;}

.icon-move .dashboard{ animation:ease-in-out 1.5s rubberBand 1;-webkit-animation:ease-in-out 1.5s rubberBand 1;-moz-animation:ease-in-out 1.5s rubberBand 1;-o-animation:ease-in-out 1s rubberBand 1.5; }

.dashboard-hide .ban-content{ opacity:1;transition: all .5s linear .5s;-webkit-transition: all .5s linear .5s;-moz-transition: all .5s linear .5s;-o-transition: all .5s linear .5s;}

.icon-move .acd-logo{ opacity:1; transition: all .5s linear 1.5s;-webkit-transition: all .5s linear 1.5s;-moz-transition: all .5s linear 1.5s;-o-transition: all .5s linear 1.5s;}


/* First section styles */
section{ color:#000; }
.fst-sec{ padding:40px 0 60px 0;position:relative;}
.int-left{ width:50%;}
.form-right{ width:40%;}
h1{ font-size:2.2em; line-height:1.3em; padding:10px 0 10px 0;}
h2{ font-size:2.0em; line-height:1.2em; padding:10px 0 10px 0;}
h4, h3{ font-weight:400; font-size:1.3em; padding:20px 0 10px 0;}
p{ margin-bottom:20px;}
.txt-center{ text-align:center;}
.form-section{ background:#fcf1f2; border-radius:10px; padding:20px 20px 20px 20px; text-align:center;}
.form-section h4{ color:#d43b43;}
.form-section ol{ padding-bottom:10px;}
.form-section ol li{ font-weight:bold; line-height:23px;} 
.form-section ol li span{ font-weight:bold; color:#f98b8f; font-size:2em; top:-4px; position:relative; padding:3px;}
.form-section input[type="text"]{ background:#FFF; border:none;border-bottom:1px solid #f6d2d4; padding:15px; margin:5px 0 10px; width:90%; font-size:1em; }
.form-section input#zc-Name1{ margin-top:20px;}
.form-section input[type="submit"]{background:#d43b42; padding:10px 30px;; border:none; border-radius:5px; font-size:1.2em; color:#FFF; margin-top:10px; cursor:pointer;}
.form-section input[type="submit"]:hover{background:#333; }

.dwn-sec{ padding:40px 20px;
background: #fecfd5; /* Old browsers */
background: -moz-linear-gradient(left, #fecfd5 0%, #fecfd5 50%, #ffe3e7 50%, #ffe3e7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fecfd5 0%,#fecfd5 50%,#ffe3e7 50%,#ffe3e7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fecfd5 0%,#fecfd5 50%,#ffe3e7 50%,#ffe3e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecfd5', endColorstr='#ffe3e7',GradientType=1 ); /* IE6-9 */}
.but-sec{ width:50%; text-align:center;}
.but-sec a{ background:#d53b43; padding:15px 20px; border-radius:5px; color:#FFF; font-size:1em;}

/* Second section styles */
.snd-sec{ background:#fef9fa; padding:40px 0;}
.snd-sec h2{ text-transform: uppercase;}
.snd-left { line-height:25px; width:60%; margin:0 auto;}
.count-list { text-align:center;}
.count-list li{  width:25%; margin-left:5%; background:#FFF; padding:40px 20px; position:relative; display:inline-block;}
.count-list li:first-child{ margin-left:0;}
.count-list li:first-child:before, .count-list li:first-child+li:before, .count-list li:first-child+li+li:before{content: '1';position: absolute; left:15%; top:35%; color:#333; margin:0; font-size:6em; font-family:'Roboto Slab'; opacity:.1; font-weight:bold;}
.count-list li:first-child+li:before{content: '2';}
.count-list li:first-child+li+li:before{content: '3';}

/* third section styles */
.trd-sec{ background:#FFF; padding:40px 0;}
.trd-sec h2{ text-transform: uppercase; color:#000;}
.step-list{ padding:40px 0 0 0;}
.step-list li{ float:left; width:40%; margin:10px 4%; color:#000; min-height:160px;}
.step-list li h3{ color:#D43B42; font-family: 'Zoho_Puvi_Regular';}
.step-list li img{ float:left; width:100px; height:100px; margin:10px 10px 10px 0;}

/* fourth section styles */
.fth-sec{ background:#fef9fa; padding:40px 0;}
.fth-sec h2{ }
.fth-left{ width:30%; margin-right:5%; text-align:center;} 
.fth-left img{width:100%; height:auto;}
.fth-right{ width:65%;} 
.fth-sec .book-container{ width:70%; margin:0 auto; max-width:750px;}
.dwn-ebook{background:#333; padding:5px 10px;; border:none; font-size:.8em; color:#FFF; margin-top:10px;}
.dwn-ebook:hover{background:#D43B42;color:#FFF; }

/* fifth section styles */
.ffth-sec{ background:#FFF; padding:40px 0; text-align:center;}
.ffth-sec h3{ color:#000; font-size:2em; line-height:1.3em;}
.ffth-sec h3 span{ color:#d11e26; font-size:1.2em;}
.ffth-sec p{ color:#000; font-size:1.2em; margin:0;}
.ffth-sec p.otr-txt{ margin:30px 0 0 0;}
.int-logos{ padding:0 0 30px 0;}

/* footer section styles */
footer{ background:#191e26; padding:40px 0; text-align:center; color:#FFF;}
.zoho-division+p{ font-size:.9em; color:#999;}
.zoho-division span{ font-family:'Roboto Slab', serif;; font-weight:100; font-size:1.2em; line-height:1.2em;}
.zoho-division img{ vertical-align:text-bottom;}

/* AD page common styles */
.fixed_bar_scontainer{margin:485px 0 0;}
.fixed_bar_hcontainer { margin: 484px -89px 0; }
.hideAnimation {
    margin: 484px -89px 0 0;
}
.showAnimation {
    margin: 484px 0 0;
}

/* animation keyframes styles */
@keyframes spin {
    from {
        transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-o-transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-o-transform:rotate(360deg);
    }
}
@-webkit-keyframes spin {
    from {
        -webkit-transform:rotate(0deg);
    }
    to {
        -webkit-transform:rotate(360deg);
    }
}
@-moz-keyframes spin {
    from {
        -moz-transform:rotate(0deg);
    }
    to {
        -moz-transform:rotate(360deg);
    }
}
@-o-keyframes spin {
    from {
        -o-transform:rotate(0deg);
    }
    to {
        -o-transform:rotate(360deg);
    }
}

@keyframes rubberBand {
  from {
	 -webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
  }

  30% {
	-webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
  }

  40% {
	-webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
  }

  50% {
	-webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,1));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,1));
  }

  65% {
	-webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,1));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,1));
  }

  75% {
	-webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
  }

  to {
	-webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
  }
}
@-webkit-keyframes rubberBand {
 from {
	 -webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
  }

  30% {
	-webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
  }

  40% {
	-webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
  }

  50% {
	-webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,1));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,1));
  }

  65% {
	-webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,1));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,1));
  }

  75% {
	-webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
  }

  to {
	-webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
  }
}
@-moz-keyframes rubberBand {
  from {
	 -webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
  }

  30% {
	-webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
  }

  40% {
	-webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
  }

  50% {
	-webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,1));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,1));
  }

  65% {
	-webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,1));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,1));
  }

  75% {
	-webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
  }

  to {
	-webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
  }
}
@-o-keyframes rubberBand {
  from {
	 -webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
  }

  30% {
	-webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
  }

  40% {
	-webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
  }

  50% {
	-webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,1));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,1));
  }

  65% {
	-webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,1));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,1));
  }

  75% {
	-webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
  }

  to {
	-webkit-filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
	 filter: drop-shadow(0px 0px 25px rgba(255,255,255,0));
  }
}
@media screen and (min-width:1800px){
	.banner::before {
		bottom:-60%;
	}
}

@media screen and (max-width:1200px){
	.container, .fth-sec .container{ width:90%;}
	.header-right{ width:70%;}
}
@media screen and (max-width:970px){
	body{ font-size:14px;}
	.header-right{ width:80%;}
	.anim-container{transform: scale(.7, .7); left:-13%;}
	.step-list li{ min-height: 240px;}
	.step-list li img{ margin-bottom:20px;}
	.count-list li, .count-list li:first-child{ display:block; width:80%; margin:10px auto;}
}
@media screen and (max-width:810px){
	.step-list li{ min-height: 260px;}
	.step-list li img{ margin-bottom:90px;}
}
@media screen and (max-width:670px){
	.anim-container{transform: scale(.5, .5); left:-25%;}
	.menu-list li{ padding:10px 15px;}
	.int-left, .form-right{ float:none; width:80%; margin:0 auto; text-align:center;}
	.step-list li{ min-height:140px;float:none; width:80%; margin:0 auto;} 
	.step-list li img{ margin-bottom:20px;}
	.fst-sec{ padding-top:0;}
}
@media screen and (max-width:580px){
	.anim-container{transform: scale(.5, .5); left:-55%;}
	.but-trynow{ font-size:.8em; padding:5px 10px;}
	.step-list li{ min-height:240px; margin:0 auto; text-align:center}
	.step-list li img{margin: 20px 10px 20px 0px; float:none; margin:0 auto;}
	.fth-left, .fth-right{ float:none; width:80%; margin:0 auto; text-align:center;}
	.notiSty{display:none !important} 
	.ban-content p{ display:none;} 
}
@media screen and (max-width:350px){
	.anim-container{transform: scale(.3, .3); left:-105%;}
	.menu-list{ display:none;}
	.logo{ width:40%; }
	.header-right{ width:50%;}
}