/* Button Style */
.nav-dwn a,
.prd-nav .btm-dwn a{background:#dd002c;border-radius:3px;font-size:20px;padding:4px 0px}
.nav-clo{background:#1F96E5;border-radius:3px;box-shadow:0px 5px 6px #0026ef30;cursor:pointer;display:inline-block;height:39px;margin:4px 0 0 10px;position:relative;transition:all .5s;width:45px}
.nav-clo:before{background:url(https://www.manageengine.cn/products/eventlog/images/cloud-icons.png) no-repeat;background-size:183px;content:"";height:30px;left:7px;position:absolute;top:10px;width:30px;}
.nav-clo:hover{background:#1C6190;box-shadow:box-shadow: 0px 5px 6px #0026ef5c;transition:all .5s;}
.nav-clo ul{background:#fbfeff;border:solid 1px #c0ddff;box-shadow:0 13px 11px #00000042;display:none;padding:30px;position:absolute;right:0;top:55px;width:570px;}
.nav-clo ul:after{background:#fff;content:"";border:solid #c0ddff;border-width:0 1px 1px 0;height:0px;padding:5px;position:absolute;right:14px;top:-6px;transform:rotate(222deg);width:1px}
.nav-clo ul li{cursor:default;display:inline-block;position:relative;vertical-align:top;}
.nav-clo ul li:nth-child(1){width:30%}
.nav-clo ul li:nth-child(1):after{background:url(https://www.manageengine.cn/products/eventlog/images/cloud-icons.png) no-repeat;background-position:-29px -5px;background-size:170px;content:"";height:141px;left:0;position:absolute;top:0;width:140px}
.nav-clo ul li:nth-child(2){width:69%}
.nav-clo ul li h3{font-size:20px;font-weight:500;margin:0;}
.nav-clo ul li p{margin:5px 0 30px 0}
.nav-clo ul li a{border:solid 1px #168eff;border-radius:20px;display:inline-block;padding:7px 25px;position:relative;transition:all .3s ease}
.nav-clo ul li a:hover{background:#168eff;color:#fff;text-decoration:none;transition:all .3s ease}
.nav-clo span{background:url(https://www.manageengine.cn/products/eventlog/images/cloud-icons.png) no-repeat;background-position:0 -55px;background-size:200px;height:17px;position:absolute;right:12px;top:11px;width:15px;z-index:9}

#clo{display:none;}

#lhsTree > li > span.liSHead:after {
    border-left: unset;
}

.top-banner .banner-lhs {min-height: 211px;}
.heading-menu {display: none;}
.rhs-cont {padding: 2px 0 40px 4%;}
#scroll{margin-top: 25px;}
.top-banner .banner-rhs .ban-im {background: url(https://www.manageengine.cn/products/eventlog/images/feature-pages-top-bnr-sprite3.png);background-position: -526px -64px;background-size: 1935px;width: 375px;height: 239px;}
.top-banner{background: #ffcddb;padding: 0px 0 0;overflow:hidden;background: url(https://www.manageengine.cn/products/eventlog/images/file-integrity-monitoring-bnr.png) no-repeat center #ffcddb;background-size:contain;}
@media screen and (max-width:767px){.rhs-cont {padding: 20px 0;}}
.wam-form form {-webkit-animation-duration: 1.4s;animation-duration: 1.4s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes form-shake{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@keyframes form-shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake{-webkit-animation-name:form-shake;animation-name:form-shake}
@media screen and (min-width:1150px){
.top-banner .banner-lhs {padding-top: 93px;}
}
@media screen and (min-width:460px) and (max-width:570px) {
#elacus_logos .per70, #elacus_logos .per30 {width: 40% !important;float: none;display: inline-block;}
}
@media screen and (max-width:767px) {
.per50 {width: 96%;}
#elacus_logos .per70, #elacus_logos .per30 {width: 100%;}
.ela-logo-blocks .elacus-block {padding: 0 1% !important;width: 163px !important;margin: 0.5% !important;}
.whyelahdr {text-align: center;}
#elacus_logos .per30 {padding: 0;}
.maintab_testi_container:before {top: -40px;left: 0;}
.maintab_testi_container {width: 96%;margin: auto;float: none;}
.testimonial_slider .dots li{-moz-transition:background .5s, opacity .5s;-webkit-transition:background .5s, opacity .5s;background:#c2cdd4;border:1px solid #fff;border-radius:8px;cursor:pointer;float:left;height:13px;list-style:none;margin:0 4px;padding:0;text-indent:-999em;transition:background .5s, opacity .5s;width:13px;}
.testimonial_slider .dots li.active{background:#47b2f3;opacity:1;}
.awardsSec {display: none;}
}
@media screen and (min-width:768px) and (max-width:1023px) {
.elacstmrtmpftrbg .sec-pTB .per50:first-child {padding: 0;}
.elacstmrtmpftrbg .sec-pTB .per50:last-child {padding-left: 5%;}
.elacstmrtmpftrbg .elacus_logos .per70 {width: 100%;}
.ela-logo-blocks .elacus-block {padding: 0 1% !important;width: 163px !important;}
#elacus_logos .per70 {width: 50%;}
}
@media screen and (max-width:1280px) {
.awardsSec {display: none;}
}
.rhs-cont li {padding-bottom: 10px;}
.rhs-cont li:last-child, .ctaContainer .wam-form ul li {padding-bottom: 0px;}
.vdeo {margin:25px auto; text-align:center}
.video-wrapper{
max-width:560px;
width:100%;
margin:0 auto;
display:table;
}
  /* Light YouTube Embeds */
.youtube-player {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin: 5px
}

.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent
}

.youtube-player img {
    object-fit: cover;
    display: block;
    left: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: 0.4s all;
    -moz-transition: 0.4s all;
    transition: 0.4s all
}

.youtube-player img:hover {
    -webkit-filter: brightness(75%)
}

.youtube-player .play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url('//i.imgur.com/TxzC70f.png') no-repeat;
    cursor: pointer
}

/* Light YouTube Embeds ends*/