body{margin:0;padding:0}

/*--=== HOME PAGE ===--*/
.af{font-family:'ZohoPuvi';margin:0;padding:0}
.af p,.af a,.af li,.af td,.af td,.af span,.af label{line-height:24px;font-size:14px}
.af h1,.af h2,.af h3,.af h4,.af h5,.af h6{margin:0}
.af ul{padding-left:0;margin:0}
.af li{list-style-type:none}
.af a{text-decoration:none;cursor:pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.af a:hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.af div,.af a,.af ul,.af li,.af input,.af p,.af h1,.af h2,.af span{box-sizing:border-box}
.af div{box-sizing:border-box}
.af{width:100%;display:inline-block}
.ac{margin:0 auto;position:relative;max-width:1200px}
.ho-head{background:#80c3ff;background:-webkit-linear-gradient(to top,#aaecff -14%,#7cc0ff 50%);background:linear-gradient(to top,#aaecff -14%,#7cc0ff 50%);padding:70px 0 0;position:relative;overflow:hidden;float:left;text-align:center}
.ho-head:after{content:'';position:absolute;background:url(https://www.manageengine.com/fr/microsoft-365-security-protection/style/../images/osp-hom-ban-clo.png) no-repeat;width:100%;height:315px;bottom:0;left:0;background-size:100%}
.ho-head h1{font-size: 32px;font-weight: 400;color: #000;line-height: 60px;}
.ho-head h1 b{font-size: 46px;font-weight: 600;display:block;}
.ho-head a{color:#fff;background:#de3a27;font-size:18px;padding:15px 40px;display:inline-block;border-radius:2px;margin-top:20px;    box-shadow: 0 3px 12px -3px rgba(123,123,123,0.8);}
.ho-head a:hover{    background: #ce2613;
    box-shadow: 0 8px 14px -3px rgba(0, 0, 0, 0.42)}
.ho-head .ban{margin:0 auto;display:table;width:560px;height:335px;background:url(https://www.manageengine.com/fr/microsoft-365-security-protection/style/../images/osp-hom-sprie.png) no-repeat;background-size:600px;background-position:-23px 0;margin-top:60px;z-index:9}
.ho-sol{padding:70px 0}
.ho-sol .tit{padding-bottom:50px}
.tit h2{font-size:28px;line-height: 46px;text-align:center;font-weight: 600;color: #333;}
.sol-po{float:left;width:50%;position:relative}
.sol-po-lhs:after{content:'';position:absolute;width:1px;height:220px;background:#dedede;top:38px}
.sol-po i{margin:0 auto;display:table;width:79px;height:81px;background:url(https://www.manageengine.com/fr/microsoft-365-security-protection/style/../images/osp-hom-sprie.png) no-repeat;background-size:500px;background-position:-6px -344px}
.sol-po h4{font-size:18px;padding-bottom:40px;margin-top:18px;font-weight:700;text-align:center}
.sol-po ul{padding-left:100px;float:left;width:100%}
.sol-po ul li{float:left;width:50%;box-sizing:border-box;margin-bottom:7px}
.sol-po ul li a{text-decoration:none;color:#000}
.sol-po ul li a:hover{color:#0ab3da;padding-left:8px}
.sol-po ul li:before{content:'';position:absolute;width:5px;height:5px;background:#dd1516;border-radius:50px;margin:9px 0 0 -15px}
.sol-po-rhs i{background-position:-110px -344px}
.ho-how .tit{padding-bottom:30px}
.ho-how-box{float:left;width:100%;padding-bottom:20px}
.ho-how-box ul li{float:left;width:33.333%}
.ho-how-box ul li div{border:1px solid #ececec;padding:25px;margin:15px;min-height:390px;border-radius:4px;position:relative;transition:all .5s ease}
.ho-how-box ul li div a{position:absolute;width:100%;height:100%;left:0;top:0;z-index:3}
.ho-how-box ul li div:hover{box-shadow:0 8px 43px -12px rgba(0,0,0,0.26);transition:all .5s ease;transform:translateY(-5px)}
.ho-how-box ul li div:after{content:''}
.ho-how-box ul li div:hover:after{opacity:1}
.ho-how-box ul li div:before{content:'';position:absolute;background-image:url(https://www.manageengine.com/fr/microsoft-365-security-protection/style/../images/osp-hom-sprie.png);width:40px;height:36px;background-repeat:no-repeat;background-position:-9px -345px;background-size:380px;transition:all .5s ease-in-out;z-index:3}
.ho-how-box ul li div:hover:before{transform:scale(1.2);transition:all .5s ease-in-out}
.ho-how-box ul li:nth-child(1){display:none;}
.ho-how-box ul li:nth-child(2) div:before{background-position:-62px -345px}
.ho-how-box ul li:nth-child(3) div:before{background-position:-112px -345px}
.ho-how-box ul li:nth-child(4) div:before{background-position:-163px -345px;width:54px}
.ho-how-box ul li:nth-child(5) div:before{background-position:-223px -345px;width:54px}
.ho-how-box ul li:nth-child(6) div:before{background-position:-288px -342px;height:43px;width:50px}
.ho-how-box ul li div h4{padding-top:55px;font-size:16px;font-weight:700;position:relative;z-index:3}
.ho-how-box ul li div p{font-size:14px;line-height:26px;position:relative;z-index:3;color:#000;margin-bottom:0}
.dsp-foot-link{position:relative;display:block;overflow:hidden;background:#fff;float:left;width:100%;}
.dsp-foot-link .fea-nav-list a:hover{color: #015abe;text-decoration:none;}
.dsp-foot-link .fea-nav-link span.act{background:none;color: #015abe;font-weight:600;border-bottom: 1px solid #015abe;transition:all .5s ease;}
.dsp-foot-link .fea-nav-link span{color: #979b9e;font-size: 15px;background:none;border-bottom:1px solid #dbe4e6;transition:all .5s ease;width: 20%;}
.dsp-foot-link .fea-nav-link span:hover{color: #015abe;}
.dsp-foot-link .fea-nav-list{width:100%;background:none;padding: 20px 0 20px 6%;color:#444;line-height:16px;font-size:12px;}
.dsp-foot-link .fea-nav-list a{font-size: 14px;line-height: 22px;}
.dsp-foot-link .fea-list-cont>ul{width: 30%;}
.dsp-foot-link .fea-nav-link span.act:before{display:none}
.dsp-foot-link .fea-nav-link span.act:after, .fixed_bar_hcontainer{display:none}
.dsp-foot-link{padding:70px 0 50px;background:#fff;background: linear-gradient(to bottom,#fff 40%,#cde6fd 120%);}
.dsp-foot-link .h2{font-weight: 600;color:#333;font-size: 26px;line-height: 46px;}
.dsp-foot-link .fea-nav-link{background:none}
.dsp-foot-link .fea-list-cont>ul li:before{content:'';position:absolute;width:5px;height:5px;background: #93bac9;margin:11px 0 0 -15px;border-radius:50px;}
.dsp-foot-link .fea-list-cont>ul li{
    padding: 8px 0;
}
.dsp-foot-link #allFeaDiv5 ul li:nth-child(1) a{font-weight:500}
.dsp-foot-link #allFeaDiv5{margin-left:-70px}
@media screen and (max-width:1500px) {
.ho-head:after{height:290px}
}
@media screen and (max-width:1380px) {
.ho-head:after{height:250px}
}
@media screen and (max-width:1300px) {
.ho-head:after{height:240px}
}
@media screen and (max-width:1200px) {
.ho-head:after{height:230px}
}
@media screen and (max-width:1100px) {
.ac{max-width:90%}
.sol-po ul{padding-left:35px}
.ho-how-box ul li div{height:380px}
}
@media screen and (max-width:992px) {
.mob-hide{display:none}
.sol-po ul{padding-left:30%}
.sol-po ul li{width:100%}
.sol-po-lhs:after{height:100%}
.ho-how-box ul li{width:50%}
.ho-how-box ul li div{height:360px}
}
@media screen and (max-width:767px) {
.ho-head:after{height:120px}
.ho-head .ban{width:340px;height:200px;background-size:360px;background-position:-13px 0}
.ho-head h1 b{font-size:35px;font-weight: 700;display: initial;}
.sol-po ul{padding-left:20%}
.ho-how-box ul li{width:100%}
.ho-how-box ul li div{height:auto}
.ho-head h1{    line-height: 48px;}
}
@media screen and (max-width:550px) {
.tit h2{font-size:22px;line-height:36px}
}
@media screen and (max-width:500px) {
.ds-list li{width:100%}
.ho-head:after{height:80px}
}
@media screen and (max-width:480px) {
.ho-head h1 b{font-size:30px}
.ho-head h1{font-size:26px}
.sol-po{width:100%}
.sol-po-lhs:after{display:none}
.sol-po{border:1px solid #ececec;padding:35px 25px 25px}
.sol-po-lhs{margin-bottom:25px}
.sol-po h4{font-size:21px}
.sol-po ul li a{font-size:16px}
.ho-head{padding:40px 0 0}
}

/*--=== END HOME PAGE ===--*/

/* Features Page */
.imgCol{float:left;padding:25px 25px 30px 0;width:20%;}
.colConHea{color:#7bbb2a;font-size:17px;font-weight:600;margin:0px;line-height:24px;}
.rigBor{border-right:1px solid #e6e6e6}
.main-fixed {height: 140px;}
.omptabs{border-bottom: 1px solid rgb(204, 204, 204);padding: 0px !important;}
.omptabs li.omp-active {background: rgb(245, 246, 248);border-bottom: 3px solid rgb(117, 186, 15);}
.omptabs li {cursor: pointer;line-height: 20px;position: relative;padding-top: 20px;list-style: none;border-bottom: 3px solid rgb(255, 255, 255);}
.omptabs li {list-style: none;cursor: pointer;line-height: 20px;position: relative;padding-top: 12px;border-bottom: 3px solid #fff;}
.fea-omp {background-position: 0px 0px;}
.ompfea {height: 55px;width: 65px;margin: 0px auto;}
.ompfea, .feaSmlIcon {background: url(../images/omp-features.png) 0px 0px no-repeat;}
.borderright {margin: 0px -10px 0px 0px;}
.borderright p{margin: 10px;}
.omp-tabs {width: 18%;margin: 0px;padding: 0px 1%;}
.fea-adp {background-position: -65px 0px;}
.fea-add {background-position: -390px 0px;}
.fea-del {background-position: -131px 0px;}
.fea-mon {background-position: -267px 0px;}


.omp-tabs p {text-align: center;}
.omptabs li:hover {background: #f8f9fa;}
.ompdivs h3 {font-weight: 300;}
.fixed-tab {position: fixed;margin: -232px 0;background: #fff;z-index: 999;width: 1000px;}
.bR {border-right: 1px solid #cccccc;}

/*features page style*/
.col_row {clear: both;padding: 0px;margin: 0px;}
.col {display: block;float:left;margin: 1% 0 1% 3.4%;}
.col:first-child { margin-left: 0; }
.group:before,.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
.col_3 { width: 100%; }
.col_2 { width:65.53%; }
.col_1 { width: 31.06%; }
.feaItem h3{color:#0099cc;font-size: 16px;font-weight: 600;margin-bottom: 8px;}
.feaItem h3 i{background-image: url('../images/common-sprite.png');display:inline-block;width: 45px;height: 45px;vertical-align:middle;margin-right: 8px;}
.icnMailBox{background-position:0px -56px;}
.icnMailBoxClient{background-position:-57px -56px;}
.icnOWAReports{background-position:-112px -56px;}
.icnMailTrafReports{background-position:-171px -56px;}
.icnSkype{background-position:-223px -56px;}
.icnMobDevReports{background-position:-277px -56px;}
.icnO365GroupReports{background-position:-328px -56px;}
.icnSecGroupReports{background-position:-377px -56px;}
.icnDisGroupReports{background-position:-431px -56px}
.icnO365ContactReports{background-position:0 -115px;}
.icnO365UserReports{background-position:-57px -115px;}
.icnO365LicenseReports{background-position:-112px -115px;}
.icnUserLicReports{background-position:-110px -110px;}
.icnCustomports{background-position:-170px -117px;}
.icnExportReports{background-position:-233px -117px;}
.icnScheduleReports{background-position:-280px -117px;}
.icnEmbedReports{background-position:-331px -117px;}
.icnDelegateReports{background-position:-377px -117px;}
.feaItem p,.feaItem a{font-size: 14px;color: #666666;line-height: 25px;margin: 0;}
.feaLeaMore{margin-top: 10px;display:block;}
.feaLeaMore i{background: url('../images/common-sprite.png') 0 -237px no-repeat;display:inline-block;width:19px;height:19px;vertical-align: middle;}
.feaLeaMore a{text-decoration: none;}
.mR10{margin-right:10px}
.comPdf{box-shadow: 0 0 9px #ccc;width: 80%;margin: 10px 0 10px 15px;}
.comCon{margin: 42px 0 32px 0;font-size: 17px;}
.comLnk{margin: 50px 0 0 0;font-size: 18px !important;background: #008cce !important;}

table.editionTable tr th{background-color:#ECEDEE;border:1px solid #E5E5E5;font-size:14px;line-height:20px;padding:0.6em;text-align:center;vertical-align: middle;}
table.editionTable{border-collapse:collapse;margin:20px auto;text-align:left;width:100%;}
table.editionTable thead tr th{background-color:#ecedee;border:1px solid #e5e5e5;font-size:18px;line-height:20px;padding:0.6em;text-align:center;}
table.editionTable tbody tr td:first-child{background-color:#f8f8f8;text-align:left;}
table.editionTable td:first-child{width:40%;}
table.editionTable td{border:1px solid #e5e5e5;font-size:14px;padding:0.6em;vertical-align:middle;}
.dwn-prob a{background:#C4C8CC;display:inline-block;padding:2px 10px;border-radius:3px;color:#333;text-decoration:none;overflow:hidden;position:relative;}
.h2{font-size:25px;line-height:34px;margin:20px 0 30px;}


#lhsTree ul, #lhsTree {list-style-type:none !important;padding:30px 0 40px;}
/* Get Quote */
/* Form */
.getqtTbl {border: none;margin: 0 auto 20px;width: 60%;}
.getqtTbl td {padding: 8px 0;width: auto;}
.getqtTbl input, .getqtTbl select, .getqtTbl textarea{background: #fff;padding: 7px;border: 1px solid #ccc;font-size: 14px;height: 20px;line-height: 20px;width: 90%;}
.getqtTbl select {height: 36px;width: 94.1%;}
.getqtTbl .formfooter {background: none;text-align: left;padding-top: 20px;}
.getqtTbl .formfooter input[type="submit"] {background: #069b4f !important;border: none;cursor: pointer;padding: 8px 35px;color: #fff;height: auto;width: auto;}
.getqtTbl .formfooter input[type="reset"] {background: #cfd7da !important;border: none;color: #676b6d;margin: 0 0 0 5px;padding: 8px 35px;}
.getqtTbl .formfooter input {background: #424f56 !important;color: #fff;height: auto;padding: 10px 20px;width: auto;}
.mob-hide{font-size: 12px;font-weight: normal;text-align: right;height: 15px;padding: 4px 5% 0px 0;}
.mob-hide a{color: #808080;text-decoration: underline;position: absolute;font-size: 11px;}

@media screen and (max-width:1020px){
.homefeaBox{width:calc(50% - 2px);border:none;border-top:#ddd solid 1px!important}
}

@media screen and (max-width:990px){
.usecase-container {max-width: 650px;margin: 0 auto;float:none;box-sizing:border-box;width:100%;display:block;}
.foot-inst-lhs,.foot-inst-rhs{max-width:800px;width:100%;float:none;margin:0 auto;box-sizing:border-box;}
}
@media screen and (max-width:620px){
.homefeaBox{width:calc(100% - 2px);}
}