.topcol,.bg-l-grey{
display:none;}

#scroll.sec-pTB .container{
display:none;}

.ban-img-main {
  background: url('https://www.manageengine.com/log-management/images/what-is-casb-in-cybersecurity-vector.png') no-repeat 0 0;
  background-size: 420px 300px;
  width: 420px;
  height: 300px;
  margin: auto;
}
.page-content-section .page-center .image-container img.vector-image{
  border: none;
}
.page-content-section .page-center .image-container.no-border img{
border:none;
} 


.vid-thumb {
display: inline-block;
width: 100%;
vertical-align: top;
border: 1px solid #d1d1d7;
border-radius: 10px;
padding: 10px;
position: relative;
margin-bottom: 40px;
}
.vid-thumb img{
width: 100%;
height: auto;
border-radius: 10px;
}

.vid-play-btn {
width: 80px;
height: 80px;
background: #f00;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
cursor: pointer;
transition: .3s ease-in;
}

.vid-play-btn:before {
content: "";
width: 0;
height: 0;
border-top: 16px solid transparent;
border-bottom: 16px solid transparent;
border-left: 26px solid #fff;
position: absolute;
left: 0;
right: -11px;
top: 0px;
bottom: 0;
margin: auto;
box-sizing: border-box;
pointer-events: none;
}

.vid-play-btn:hover {
transform: rotate(360deg) scale(1.2);
}

.me_video-popup {
position: fixed;
width: 100%;
height: 100%;
background: #0000005e;
top: 0;
left: 0;
z-index: 99999;
backdrop-filter: blur(10px);
display: none;
}

.me_video-popup .po-container {
width: 80vw;
height: 80vh;
max-width: 1200px;
max-height: 700px;
margin: auto;
position: relative;
top: 8%;
}

.me_video-popup .po-container iframe {
width: 100%;
height: 100%;
}

.me_video-popup .po-container .vid-close {
font-size: 44px;
line-height: 44px;
font-weight: 200;
color: #fff;
cursor: pointer;
position: absolute;
right: -20px;
top: -53px;
transition: .3s ease-in;
}

.me_video-popup .po-container .vid-close:hover {
transform: scale(1.2);
}



/* Cloud button */
.nav-dwn a{font-size:20px}
.nav-clo{background:#1F96E5;border-radius:3px;box-shadow:0px 5px 6px #0026ef30;cursor:pointer;height:39px;margin:4px 0 0 10px;position:relative;transition:all .5s;width:45px}
.nav-clo:before{background:url(https://www.manageengine.com/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:before{content:"";height:10px;left:0;top:0;width:100%}
.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.com/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{background:none;border:solid 1px #168eff;border-radius:20px;color:#168eff;display:inline-block;font-size:14px;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(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}
.nav-clo{display:none}