/* top strip banner */
.tab-1-tit ul li span{font-size:14px}
#erpcutomerlogos{display:none}
.kc-topstrip{font-family:"ZohoPuvi";text-align:center;background:#000;padding:10px 15px;position:relative}
.kc-topstrip *{margin:0;padding:0;vertical-align:middle}
.kc-topstrip p{font-size:16px;line-height:26px;color:#fff;font-weight:300;position:relative;z-index:1}
.kc-topstrip p span{color:#C1CF44;font-weight:500;position:relative;top:-1px}
.kc-topstrip a{display:inline-block;font-size:13px;line-height:23px;font-weight:500;color:#000;background:#C1CF44;padding:6px 20px;margin-left:15px;border-radius:3px;text-decoration:none;transition:.3s ease-in}
.kc-topstrip a:hover{transform:scale(1.03)}
.kc-topstrip:before,.kc-topstrip:after{content:"";background:url(https://www.manageengine.com/active-directory-360/images/top-strip-kc-patrn.png) no-repeat 0 0;background-size:100% 100%;width:141px;height:100%;position:absolute;left:0;top:0}
.kc-topstrip:after{left:auto;right:0;transform:scaleX(-1)}
.kc-topstrip-black:before,.kc-topstrip-black:after{display:none}
.kc-topstrip-black p span{color:#FFD442}
.kc-topstrip-black a{background:#fff}
@media screen and (max-width: 1025px) {
.kc-topstrip a{margin:10px}
.kc-topstrip{margin-top:25px}
.kc-topstrip:before,.kc-topstrip:after{display:none}
}
@media screen and (max-width: 992px) {
.kc-topstrip{display:none}
}
/* top strip banner end*/

.CS_CTAContainer {float: none !important;}
.ac{max-width:1340px;padding:0 20px}
.ban{padding:50px 0}
.ban .lhs h1{color:#151a22;padding-right:25px;line-height:1.4}
.ban.ban1 .lhs h1 strong{display:block}
.ban .lhs h1 strong{display:block}
.ban .lhs{width:calc(100% - 490px)}
.ban .rhs{width:490px}
.ban-ani{height:390px}
.ban1 .ban-ani span,.ban1 .ban-ani .man::before{background:url(https://www.manageengine.com/active-directory-360/images/microsoft365-administration-solution-banner-sprite-22.png) no-repeat;background-size:499px}
.ban1 .ban-ani .shield{background-position:-5px -359px;width:490px;height:162px;bottom:0;left:0;right:0;margin:auto}
.ban1 .ban-ani .box{background-position:-231px -6px;width:183px;height:229px;top:28px;right:108px}
.ban1 .ban-ani .man{background-position:-6px -5px;width:207px;height:334px;bottom:6px;left:60px}
.ban1 .ban-ani .man::before{content:'';background-position:-431px -253px;width:63px;height:33px;position:absolute;left:64px;bottom:180px;animation:barChart 1s 1s linear both}
@keyframes barChart {
from{height:0}
}
.ban1 .ban-ani .icon1{background-position:-232px -247px;width:43px;height:53px;left:35px;top:110px;animation:icon 1s 2s linear both,icon2 3s 3s linear infinite}
.ban1 .ban-ani .icon2{background-position:-293px -254px;width:59px;height:45px;left:55px;top:42px;animation:icon 1s 3s linear both,icon2 3s 3.8s linear infinite}
.ban1 .ban-ani .icon3{background-position:-368px -248px;width:54px;height:42px;left:136px;top:-8px;opacity:1;animation:icon 1s 4s linear both,icon2 3s 4s linear infinite}
@keyframes icon {
from{left:35%;top:50%;opacity:0}
}
@keyframes icon2 {
from,to{transform:translateY(0)}
50%{transform:translateY(-6px)}
}
.one-line-form.with-state{width:550px}
.one-line-form.with-state ul li input[type=submit]{padding:0 48px 0 22px}
.one-line-form.with-state ul li .icn-dwn{right:10px}
.sec2 .inn .lhs{padding:50px}
.sec2 .inn .rhs{padding:50px}
.sec2 .inn .lhs h2{font-size:27px}
.sec2 .inn .lhs p{font-size:21px}
.sec3 .tit h2{line-height:1.4}
.tab-1-tit ul{padding:0;width:100%}
.tab-1-com.tab-4-view{display:none}
.tab-2-com.tab-6-view{display:block}
.tab-1-com.tab-4-view{display:none}
.tab-2-com.tab-5-view{display:block}
.sec3-1 .tab-1-tit ul li span:before,.sec4-1 .tab-1-tit ul li span:before{background:url(https://www.manageengine.com/active-directory-360/images/microsoft365-administration-solution-sprite-22.png) no-repeat;background-size:460px;top:0;bottom:0;margin:auto}
.sec3-1 .tab-1-tit ul li span{height:84px;display:table-cell;vertical-align:middle;text-align:left;padding:15px 14px 15px 60px}
.sec3-1 .tab-1-ic ul li:nth-child(1) span:before{background-position:-2px -1px;width:28px;height:31px}
.sec3-1 .tab-1-ic ul li:nth-child(2) span:before{background-position:-39px -4px;width:26px;height:26px}
.sec3-1 .tab-1-ic ul li:nth-child(3) span:before{background-position:-72px -4px;width:24px;height:26px}
.sec3-1 .tab-1-ic ul li:nth-child(4) span:before{background-position:-103px -4px;width:27px;height:27px}
.sec3-1 .tab-1-ic ul li:nth-child(5) span:before{background-position:-2px -43px;width:33px;height:29px}
.tab-1-com .lhs{padding-right:500px;position:relative}
.sec3-1 .tab-1-com .lhs::before{content:'';background:url(https://www.manageengine.com/active-directory-360/images/microsoft365-administration-solution-sprite-22.png) no-repeat;background-size:460px;width:286px;height:286px;position:absolute;right:30px;top:0;bottom:0;margin:auto}
.sec3-1 .tab-1-view .lhs::before{background-position:-170px -5px}
.sec3-1 .tab-2-view .lhs::before{background-position:-7px -308px}
.sec3-1 .tab-3-view .lhs::before{background-position:-5px -606px}
.sec3-1 .tab-4-view .lhs::before{background-position:-7px -904px}
.sec3-1 .tab-5-view .lhs::before{background-position:-6px -1204px}
.sec4 .tit h2{font-size:28px;font-weight:300;line-height:1.3;color:#fff}
.sec4 .tab-1-tit ul li span{padding:15px 8px 15px 60px;height:84px;display:table-cell;vertical-align:middle}
.sec4-1 .tab-1-tit ul li span:before{left:16px}
.sec4-1 .tab-2-ic ul li:nth-child(1) span:before{background-position:-42px -44px;width:29px;height:33px}
.sec4-1 .tab-2-ic ul li:nth-child(2) span:before{background-position:-79px -42px;width:31px;height:32px}
.sec4-1 .tab-2-ic ul li:nth-child(3) span:before{background-position:-117px -44px;width:34px;height:29px}
.sec4-1 .tab-2-ic ul li:nth-child(4) span:before{background-position:-7px -88px;width:29px;height:30px}
.sec4-1 .tab-2-ic ul li:nth-child(5) span:before{background-position:-44px -88px;width:36px;height:26px}
.sec4-1 .tab-2-ic ul li:nth-child(6) span:before{background-position:-89px -88px;width:30px;height:30px}
.sec4-1 .tip-tb-1-1{top:20%;left:91%}
.sec4-1 .tip-tb-1-1 div{right:-110px;top:34px}
.sec4-1 .tip-tb-1-1 div::before{left:119px;top:-4px}
.sec4-1 .tip-tb-1-2{left:88.6%;top:40%}
.sec4-1 .tip-tb-1-2 div{right:-110px;top:34px}
.sec4-1 .tip-tb-1-2 div::before{left:119px;top:-4px}
.sec4-1 .tip-tb-1-3{left:14%;top:37%}
.sec4-1 .tip-tb-2-1{top:21%;left:48.5%}
.sec4-1 .tip-tb-2-2{left:91.5%;top:16.3%}
.sec4-1 .tip-tb-2-2 div{right:-110px;top:34px}
.sec4-1 .tip-tb-2-2 div::before{left:119px;top:-4px}
.sec4-1 .tip-tb-3-1{left:28.5%;top:10%}
.sec4-1 .tip-tb-3-2{left:10%;top:16%}
.sec4-1 .tip-tb-4-1{left:22%;top:18%}
.sec4-1 .tip-tb-4-1 div{right:-110px;top:34px}
.sec4-1 .tip-tb-4-1 div::before{left:119px;top:-4px}
.sec4-1 .tip-tb-4-2{left:24%;top:60.5%}
.sec4-1 .tip-tb-4-3{left:99%;top:17%}
.sec4-1 .tip-tb-4-3 div{right:6px;top:34px}
.sec4-1 .tip-tb-4-3 div::before{left:236px;top:-4px}
.sec4-1 .tip-tb-4-4{left:79.5%;top:13%}
.sec4-1 .tip-tb-4-4 div{right:-110px;top:34px}
.sec4-1 .tip-tb-4-4 div::before{left:119px;top:-4px}
.sec4-1 .tip-tb-4-5{left:87.5%;top:11%}
.sec4-1 .tip-tb-4-5 div{right:-110px;top:34px}
.sec4-1 .tip-tb-4-5 div::before{left:119px;top:-4px}
.sec4-1 .tip-tb-5-1{left:88.6%;top:35.4%}
.sec4-1 .tip-tb-5-1 div{right:-110px;top:34px}
.sec4-1 .tip-tb-5-1 div::before{left:119px;top:-4px}
.sec4-1 .tip-tb-5-2{left:66%;top:14%}
.sec4-1 .tip-tb-6-1{left:11%;top:19.5%}
.sec4-1 .tip-tb-6-2{left:66%;top:14%}
.sec5.sec5-1 .inn:before{background:url(https://www.manageengine.com/active-directory-360/images/microsoft365-administration-solution-sprite-22.png) no-repeat -9px -140px;background-size:460px}
.sec5.sec5-1 .inn .lhs{width:415px;padding:60px 0 0 40px}
.sec5.sec5-1 .inn{padding:0}
.sec5.sec5-1 .inn .rhs{border:none;background:none;border-radius:0;padding:40px 30px;width:calc(100% - 415px);border-left:1px solid #dbdfe2;position:relative}
.sec5.sec5-1 .inn .rhs ul:first-child{margin-bottom:20px}
.sec5.sec5-1 .inn .rhs ul li{display:inline-block;vertical-align:top}
.sec5.sec5-1 .inn .rhs ul li:first-child{width:28%}
.sec5.sec5-1 .inn .rhs ul li:nth-child(2){width:34%}
.sec5.sec5-1 .inn .rhs ul:first-child::before,.sec5.sec5-1 .inn .rhs ul:first-child::after{content:'';width:1px;height:200px;background:-o-linear-gradient(top,rgba(218,218,218,0.051) 20%,#dbdfe2 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,rgba(218,218,218,0.051)),to(#dbdfe2));background:linear-gradient(to bottom,rgba(218,218,218,0.051) 20%,#dbdfe2 100%);position:absolute}
.sec5.sec5-1 .inn .rhs ul:first-child::before{left:30%;bottom:0}
.sec5.sec5-1 .inn .rhs ul:first-child::after{right:32%;bottom:0}
.sec5.sec5-1 .inn .rhs::after,.sec5.sec5-1 .inn .rhs ul:last-child::before,.sec5.sec5-1 .inn .rhs ul:last-child::after{content:'';position:absolute}
.sec5.sec5-1 .inn .rhs::after{background:-o-linear-gradient(70deg,rgba(255,255,255,1) 0%,#dbdfe2 50%,rgba(255,255,255,1) 100%);background:linear-gradient(20deg,rgba(255,255,255,1) 0%,#dbdfe2 50%,rgba(255,255,255,1) 100%);width:100%;height:1px;top:9px;bottom:0;right:0;left:0;margin:auto}
.sec5.sec5-1 .inn .rhs ul:last-child::before{width:1px;height:200px;background:-o-linear-gradient(bottom,rgba(218,218,218,0.051) 20%,#dbdfe2 100%);background:-webkit-gradient(linear,left bottom,left top,color-stop(20%,rgba(218,218,218,0.051)),to(#dbdfe2));background:linear-gradient(to top,rgba(218,218,218,0.051) 20%,#dbdfe2 100%);right:32%;top:-22px}
.sec5.sec5-1 .inn .rhs ul:last-child::after{width:1px;height:200px;background:-o-linear-gradient(bottom,rgba(218,218,218,0.051) 20%,#dbdfe2 100%);background:-webkit-gradient(linear,left bottom,left top,color-stop(20%,rgba(218,218,218,0.051)),to(#dbdfe2));background:linear-gradient(to top,rgba(218,218,218,0.051) 20%,#dbdfe2 100%);left:30%;top:-20px}
.sec5.sec5-1 .inn .rhs ul li:nth-child(3){width:28%}
.sec5.sec5-1 .inn .rhs ul li:not(:last-child){margin-right:26px}
@media (max-width: 1330px) {
.sec3-1 .tab-1-tit ul li span{font-size:14px;line-height:1.4}
}
@media (max-width: 1300px) {
.tab-1-tit ul li span{font-size:14px}
}
@media (max-width: 1200px) {
.sec3-1 .tab-1-tit ul li span{padding:15px 20px;text-align:center}
.tab-1-com .lhs{padding-right:350px}
.sec4-1 .tab-1-tit ul li span{font-size:14px;line-height:22px;padding:15px;width:50%}
.sec5.sec5-1 .inn .rhs ul li{display:block}
.sec5.sec5-1 .inn .rhs ul li:first-child,.sec5.sec5-1 .inn .rhs ul li:nth-child(2),.sec5.sec5-1 .inn .rhs ul li:nth-child(3){width:100%}
.sec5.sec5-1 .inn .rhs::after,.sec5.sec5-1 .inn .rhs ul:last-child::before,.sec5.sec5-1 .inn .rhs ul:last-child::after,.sec5.sec5-1 .inn .rhs ul:last-child::after,.sec5.sec5-1 .inn .rhs ul:first-child::before,.sec5.sec5-1 .inn .rhs ul:first-child::after{background:none}
}
@media (max-width: 1124px) {
.tab-1-tit ul li span{font-size:15px;padding:15px 4px}
}
@media (max-width: 1100px) {
.ban .lhs{width:100%}
.ban .lhs h1{padding-right:0}
.sec5.sec5-1 .inn:before{display:none}
.sec5.sec5-1 .inn .rhs,.sec5.sec5-1 .inn .lhs{width:100%}
.sec5.sec5-1 .inn .lhs{padding:40px 20px}
.sec5.sec5-1 .inn .rhs{border:none}
}
@media (max-width: 992px) {
.sec2 .inn .rhs{padding:20px 30px}
.sec3-1 .tab-1-tit ul li span{font-size:13px;padding:6px}
.sec3-1 .tab-1-tit ul li span br{display:none}
.tab-1-com .lhs{padding-right:0}
.sec3-1 .tab-1-com .lhs::before{display:none}
}
@media (max-width: 950px) {
.one-line-form.with-state{width:100%}
.tab-1-tit ul li span{font-size:12px;line-height:1.4}
.sec4-1 .tab-1-tit ul li span{padding:5px}
}
@media (max-width: 767px) {
.sec3 .tit h2{font-size:26px}
.sec3-1 .tab-1-tit ul li span{height:auto;display:block;padding:15px 20px}
.sec4-1 .tab-1-tit ul li span{padding:10px 20px}
.sec4 .tab-1-tit ul li span{height:auto}
.sec4 .tab-1-tit ul li span br{display:none}
}
@media (max-width: 600px) {
.sec2 .inn .lhs,.sec2 .inn .rhs{padding:24px}
.sec2 .inn .lhs h2{font-size:24px}
.sec2 .inn .lhs p,.sec2 .inn .rhs p{font-size:16px;line-height:1.3}
.sec2 .inn .rhs p{line-height:1.6}
.tab-1-com{padding:24px}
.tab-1-com .lhs h4{font-size:18px;line-height:24px}
.tab-1-com .lhs ul li{font-size:15px}
.sec3{padding:70px 0 90px}
.sec3.sec4{padding-bottom:140px}
.sec3 .tit h2{font-size:20px}
.sec5.sec5-1 .inn .lhs{padding:24px}
.sec5.sec5-1 .inn .rhs{padding:24px}
.sec5 .inn .lhs h2,.sec5 .inn .lhs h2 span{font-size:18px;line-height:1.4}
.sec6{padding:60px 0}
.sec6 h2{font-size:22px;line-height:32px;padding-bottom:24px}
}
@media (max-width: 500px) {
.ban .lhs h1 strong{line-height:1.3}
}
@media(max-width:1025px){
	.heading-menu{
		margin-top:20px !important;
	}
}