body{font-family: Open Sans;}
.cb.banner {background: linear-gradient(to bottom, #eff8ff, #eff8ff);}
.cb.banner .dform {background-color: #426ea0;background-color: #004fa9;}
.cb.banner h1 {font-weight: 600;color: #0957c8;padding: 0px;}
.cb.banner ul li {max-width: 330px;opacity: 0;transform: scale(.4);transition: all 350ms ease-out;}
.cb.banner ul li.show {opacity: 1;transform: scale(1);}
.cb.banner ul li:hover img{transform: scale(1.2);}
.cb.banner ul li:nth-child(2), .cb.banner ul li:nth-child(3) {border-right: 1px dashed #c5e6ff;border-left: 1px dashed #c5e6ff;margin: 0 50px;padding: 0 50px;}
.cb.banner ul li:nth-child(3) {margin-left: 0;border-left: 0;padding-left: 0;}
.cb.banner ul li img {width: 150px;height: auto;display: block;margin: 20px auto;transition: all 350ms ease-out;}
.cb.banner ul li h2 {display: block;font-size: 13px;padding: 0;font-weight: 400;color: #23475f;line-height: normal;}
.cb.banner ul li h2 strong {font-weight: 600;color: #0957c8;font-size: 22px;}
.cb.banner > p {font-size: 18px;line-height:28px;padding:0 55px;}
p.bt_cta{color: #fff;}
p.bt_cta .cta {display: block;background-color: #2bad1b;border-radius: 5px;line-height: normal;padding: 15px;max-width: 250px;margin: 10px auto;font-size: 19px;color: #fff;text-decoration: none;}
.cb-cover > h2 {text-align: center;font-size: 26px;font-weight: 600;margin: 40px 0 20px;}
ul.benefit {display: flex;flex-wrap: wrap;max-width: 500px;justify-content: left;margin-left: -100px;}
ul.benefit li {display: flex;margin: 10px;align-items: center;font-weight: 600;}
ul.benefit li.bubble{animation: bubble 2s linear;}
@keyframes bubble{0%,100%{color:#000;}
50%{color:#cb1f34;}
}
ul.benefit li:before {content: '';display: block;height: 40px;width: 40px;background-repeat: no-repeat;background-size: contain;background-position: center;margin-right: 15px;}
ul.benefit li:nth-child(1):before{background-image:url(https://www.manageengine.com/fr/desktop-central/images/ep-icon-1.png);}
ul.benefit li:nth-child(2):before{background-image:url(https://www.manageengine.com/fr/desktop-central/images/ep-icon-10.png);}
ul.benefit li:nth-child(3):before{background-image:url(https://www.manageengine.com/fr/desktop-central/images/ep-icon-9.png);}
ul.benefit li:nth-child(4):before{background-image: url(https://www.manageengine.com/fr/desktop-central/images/ep-icon-6.png);}
ul.benefit li:nth-child(5):before{background-image: url(https://www.manageengine.com/fr/desktop-central/images/ep-icon-5.png);}
ul.benefit li:nth-child(6):before{background-image: url(https://www.manageengine.com/fr/desktop-central/images/ep-icon-4.png);}
ul.benefit li:nth-child(7):before{background-image:url(https://www.manageengine.com/fr/desktop-central/images/ep-icon-7.png);}
ul.benefit li:nth-child(8):before{background-image: url(https://www.manageengine.com/fr/desktop-central/images/ep-icon-11.png);}
ul.benefit li:nth-child(1){padding-left:0px;}
ul.benefit li:nth-child(2){padding-left:60px;}
ul.benefit li:nth-child(3){padding-left:110px;}
ul.benefit li:nth-child(4){padding-left:145px;}
ul.benefit li:nth-child(5){padding-left:135px;}
ul.benefit li:nth-child(6){padding-left:110px;}
ul.benefit li:nth-child(7){padding-left:60px;}
ul.benefit li:nth-child(8){padding-left:0px;}
.cb-cover.info {position: relative;padding-top: 50px;padding-bottom: 50px;background-image: url(https://www.manageengine.com/fr/desktop-central/images/ep-bg-1.jpg);background-position: center center;background-size: 100% auto;background-attachment: fixed;z-index: 0;}
.cb-cover.info:before {content: '';background-color: #193b63c7;position: absolute;top: 0;bottom: 0;right: 0;left: 0;}
.cb-cover.info p {font-size: 20px;line-height: 36px;color:#fff;}
.cb-cover.info .info-inner {position: relative;max-width: 850px;margin: auto;}
.cb-cover.info p strong span {font-size: 40px;}
.ben .flex {display: flex;align-items: flex-end;justify-content: center;}
.ben .flex > .img-wrap {width:450px;height:auto;position: relative;}
.ben .flex > .img-wrap.rotate:after{animation: rotate 4s linear;animation-fill-mode: forwards;}
.ben .flex > .img-wrap:after {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: url(https://www.manageengine.com/fr/desktop-central/images/ep-clip-big-2.png);background-size: 100%;content: '';z-index: -1;}
.ben .flex > .img-wrap > img {width:100%;height:auto;}
@keyframes rotate{0%{transform: rotate(0deg)}
100%{transform: rotate(100deg)}
}
.ben .spl {padding: 40px;text-align: center;font-size: 19px;color: #5d93d5;font-weight: 600;margin: 0;background-color: #f1f1f1;}
span.timer[data-to="10"] {min-width: 55px;display: inline-block;}
span.timer[data-to="14"] {min-width: 55px;display: inline-block;}
span.timer[data-to="15500"] {min-width: 115px;display: inline-block;}
input#downloadSubmit.download.jump{animation: jump 1s linear 5;}
@keyframes jump{0%,100%{transform:scale(1); background-color:#ffcf00;}
50%{transform:scale(1.15); background-color:#fff700;}
}
@media(max-width:600px){.ben .flex {flex-wrap: wrap;}
.cb.banner ul li {margin: 10px !important;padding: 10px !important;border: 1px dashed #ccc !important;min-width: 60%;}
.cb-cover {display:flex;flex-wrap:wrap;flex-direction: column-reverse;}
.cb.banner .dform{margin-top:40px;}
ul.benefit li {padding-left: 30px !important;}
ul.benefit {margin-left: 0;}
.ben .flex > img {width: 60%;margin: auto;}
.cb-cover.ben {flex-direction: row-reverse;justify-content: center;}
.pro-menu#MEmobile {display: none !important;}
}
@media(max-width:1200px){.cb.banner ul li:nth-child(2), .cb.banner ul li:nth-child(3) {margin: 0 10px;padding: 0 10px;}
.cb.banner ul li h2 {transform: scale(0.8);}
.cb.banner ul li img {width: 100px;}
.ben .flex {align-items: center;}
.ben .flex > .img-wrap {width: 250px;}
}