.heading-menu, #scroll{display:none;}
.as-full{font-family:'Open Sans',sans-serif;margin:0;padding:0}
.as-full p,.as-full a,.as-full li,.as-full td,.as-full td,.as-full span,.as-full label{line-height:24px;font-size:14px}
.as-full h1,.as-full h2,.as-full h3,.as-full h4,.as-full h5,.as-full h6{margin:0}
.as-full ul{padding-left:0;margin:0}
.as-full li{list-style-type:none}
.as-full 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}
.as-full a:hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.as-full div,.as-full a,.as-full ul,.as-full li,.as-full input,.as-full p,.as-full h1,.as-full h2,.as-full span{box-sizing:border-box;color:#000}
.as-full div{box-sizing:border-box}
.as-full{width:100%;display:inline-block}
.as-container{margin:0 auto;position:relative;max-width:1060px}
.top-ban{padding:50px 0 40px;position:relative;overflow:hidden;width:100%;float:left;background:url(https://www.manageengine.com/fr/ad-recovery-manager/images/on-premises-exchange-backup-solution-banner-bg.jpg) no-repeat;background-size:100%;height:600px}
.head-s1{text-align:center}
.head-s1 h1{font-size:36px;font-weight:700;line-height:42px;margin:10px 0 35px}
.head-s1 a{background:#da1313;color:#fff;padding:12px 60px;display:inline-block;border-radius:2px;font-size:16px}
.head-s1 a:hover{background:#c10f0f}
.head-s1 span{display:block;font-size:12px;color:#3e3d3d;font-weight:600}
.b1{text-align:center;padding:40px 0}
.b1 h2{font-size:34px;font-weight:700;line-height:42px;margin:0 0 35px}
.b2{position:relative;overflow:hidden;padding-top:140px;padding-bottom:50px}
.b2 ul li{float:left;width:33.333%;text-align:center}
.b2 ul li div{border-top:3px solid #20cf9c;background:#fff;margin:0 15px;padding:20px;box-shadow:0 4px 42px -13px rgba(0,0,0,0.22);margin-top:-10px;border-radius:2px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;position:relative;min-height:191px}
.b2 ul li div:before{content:'';position:absolute;background:url(https://www.manageengine.com/fr/ad-recovery-manager/images/on-premises-exchange-backup-solution-sprite.png) no-repeat 19px 20px;width:85px;height:85px;top:-120px;margin-left:-38px;background-size:358px;border-radius:50px;box-shadow:0 0 26px -4px rgba(0,0,0,0.22)}
.b2 ul li div:hover span{background:#23d4a6;border:1px solid #23d4a6;color:#fff;transition:all .5s}
.b2 ul li div:hover{box-shadow:0 12px 34px -7px #bdbdbd}
.b2 ul li:nth-child(2) div:before{background-position:-52px 18px}
.b2 ul li:nth-child(3) div:before{background-position:-123px 21px;background-size:345px}
.b2 ul li div h4{font-size:18px;font-weight:700;line-height:22px}
.b2 ul li div span{padding:3px 15px;display:inline-block;border-radius:2px;border:1px solid #333;transition:all .5s}
.b2 ul li div a{z-index:9;position:absolute;width:100%;height:100%;left:0;top:0;cursor:pointer}
.b3{background:#244a6a;padding:40px;border-radius:3px;position:relative;overflow:hidden;margin:15px 0 80px}
.b3 div{float:left;width:50%}
.b3 div:nth-child(1) h2{font-size:32px;color:#fff;font-weight:600;line-height:38px;border-left:3px solid #ebc963;padding-left:12px;margin:42px 0 0 90px}
.b3 div:nth-child(2) ul li{font-size:16px;color:#fff;line-height:38px;padding-left:50px}
.b3 div:nth-child(2) ul li:before{content:'';position:absolute;background:url(https://www.manageengine.com/fr/ad-recovery-manager/images/on-premises-exchange-backup-solution-sprite.png) no-repeat -291px 0;width:18px;height:20px;background-size:358px;margin:9px 0 0 -30px}
.b4{height:780px;position:relative}
.b4 ul li div{border-left:1.5px solid #e9e9e9;padding-left:20px;position:absolute;width:280px;left:356px;top:341px}
.b4 ul li div:before{content:'';position:absolute;background:url(https://www.manageengine.com/fr/ad-recovery-manager/images/on-premises-exchange-backup-solution-sprite.png) no-repeat -2px 7px;width:55px;height:55px;background-size:358px;margin:-11px 0 0}
.b4 ul li:nth-child(1) div{left:0;top:150px}
.b4 ul li:nth-child(1) div:before{background-position:-312px -58px;height:63px}
.b4 ul li:nth-child(2) div:before{background-position:0 -58px}
.b4 ul li:nth-child(3) div:before{background-position:-79px -58px}
.b4 ul li:nth-child(4) div:before{background-position:-149px -58px}
.b4 ul li:nth-child(5) div:before{background-position:-235px -56px;height:59px;width:57px}
.b4 ul li:nth-child(6) div:before{background-position:-228px 0;margin:-63px 0 0 -27px}
.b4 ul li:nth-child(2) div{left:411px;top:0}
.b4 ul li:nth-child(3) div{left:788px;top:150px}
.b4 ul li:nth-child(4) div{left:650px;top:500px}
.b4 ul li:nth-child(5) div{left:180px;top:500px}
.b4 ul li:nth-child(6) div{border-left:0;border:0;text-align:center;padding:0;width:330px;top:365px}
.b4 ul li div h4{margin-left:0;font-weight:700;color:#000;font-size:18px;line-height:26px;margin-top:58px;margin-bottom:8px}
.b4 ul li div p{margin:0;font-size:15px;line-height:25px;margin-bottom:14px}
.b4 ul li div span{text-decoration:underline;color:#03a9f5}
.b4 ul li div a{text-decoration:underline;color:#03a9f5}
.b4 ul li div h3{font-size:28px;font-weight:300}
.b4 ul li div h3 span{font-size:28px;font-weight:700;text-decoration:none;color:#000}
.foot-dwn{padding:80px 0 124px;position:relative;overflow:hidden;width:100%;float:left;text-align:center;background:url(https://www.manageengine.com/fr/ad-recovery-manager/images/exchange-backup-solution-home-bot.png) center bottom no-repeat;background-size:803px;background-position:176px 197px}
.foot-dwn h2{font-size:30px;font-weight:400;margin-bottom:30px;line-height:36px}
.foot-dwn h2 b{font-weight:700}
.foot-dwn ul{margin:0 auto;display:table}
.foot-dwn ul li{margin:0 10px;float:left}
.foot-dwn ul li a{background:#da1313;color:#fff;padding:12px 50px;display:inline-block;border-radius:2px;font-size:18px;font-weight:600}
.foot-dwn ul li span{color:#656464;display:block;font-size:12px;font-weight:600;margin:0 0 0 4px}
.foot-dwn ul li:nth-child(1) a{background:#6a93b3}
.foot-dwn ul li:nth-child(1) a:hover{background:#507694}
.foot-dwn ul li:nth-child(2) a:hover{background:#c10f0f}
.foot-dwn ul li a span{font-size:12px;color:#3e3d3d;font-weight:600}
.why-rec{background:#d2f6f4;background:linear-gradient(to top,#fff 45%,#d2f6f4 100%);background:linear-gradient(to bottom,#fff 10%,#d2f6f4 100%);position:relative;overflow:hidden;margin-bottom:-7px}
@media screen and (min-width:1600px) {
.top-ban{background-size: contain;background-position: center;}
}
@media screen and (min-width:1400px) {
.top-ban{padding-bottom:0px;}
}
@media screen and (max-width:1600px) {
.top-ban{height:500px}
}
@media screen and (max-width:1450px) {
.top-ban{height:470px}
}
@media screen and (max-width:1400px) {
.top-ban{height:450px}
}
@media screen and (max-width:1350px) {
.top-ban{height:420px}
}
@media screen and (max-width:1300px) {
.top-ban{height:410px;background-size:cover;background-position:center bottom}
.head-s1 h1{margin:0 0 25px}
}
@media screen and (max-width:1260px) {
.top-ban{height:345px}
}
@media screen and (max-width:1100px) {
.as-container{max-width:90%}
.head-s1{text-align:center}
.head-s2{margin:60px 0}
.top-ban{height:auto;background:#d2f6f4;background:linear-gradient(to top,#fff 45%,#d2f6f4 100%);background:linear-gradient(to top,#fff 10%,#d2f6f4 100%)}
.b4 ul li div{border-left:0 solid #e9e9e9;border-bottom:1px solid #e9e9e9;padding-bottom:15px;margin-bottom:15px;padding-left:70px;position:relative;width:100%;left:auto!important;top:auto!important}
.b4{height:auto}
.b4 ul li div:before{margin:0 0 0 -70px}
.mob-hide,.head-s1 div:after,.b4 ul li:nth-child(6){display:none}
}
@media screen and (max-width:767px) {
.head-s3 div{width:100%}
.head-s3 div:nth-child(1){margin-right:0;margin-bottom:40px}
.head-s3 div:nth-child(2){margin-left:0}
.rmp-why-com{width:50%}
.rmp-why-com.rmp-why-3{width:100%}
.rmp-why-3 .rmp-why-line-out{width:50%;float:left}
.rmp-why-com.rmp-why-3 .rmp-why-line-out{width:100%}
.foot-dwn{padding:20px 0 80px}
.top-ban{padding:60px 0 40px;border-bottom:1px solid #dae2e2}
.head-s1 div p{font-size:16px;line-height:16px}
.head-s3 div h4{line-height:26px}
.b3 div{width:100%}
.b3 div:nth-child(1) h2{font-size:32px;color:#fff;font-weight:600;line-height:38px;border-left:0 solid #ebc963;border-bottom:2px solid #ebc963;padding-left:12px;margin:0;text-align:center;padding-bottom:20px;margin-bottom:25px}
.b2{padding-top:80px;padding-bottom:50px;border-top:1px solid #ecebeb}
.b1 h2{font-size:24px;line-height:32px;margin:0 0 15px}
.b2 ul li div{border-top:0 solid #20cf9c;border-bottom:3px solid #20cf9c;padding:140px 20px 20px;margin-top:-10px;min-height:auto;margin-bottom:15px}
.b2 ul li div:before{top:30px;margin-left:-40px}
.b2 ul li{width:100%;margin-bottom:40px}
.head-s1 h1{font-size:32px;line-height:38px}
}
@media screen and (max-width:550px) {
.rmp-why-com{width:100%}
}
@media screen and (max-width:480px) {
.foot-dwn ul li{margin:0 10px 10px;width:100%}
.foot-dwn{padding:20px 0 40px}
.foot-dwn ul li a{display:block}
.foot-dwn ul li span{position:relative;margin:0;display:block;text-align:center}
}