.nav-dwn a {
    background: #E9142B;
    color: #fff;
    font-size: 19px;
    line-height: 30px;
    padding: 4px 10px;
    display: inline-block;
    width: 148px;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
}

	body {
overflow: hidden;
overflow-y: auto
}

#scroll,
.heading-menu,
.sec-pTB.bg-l-grey {
display: none !important
}

#backToTop {
display: none !important
}

.af a,
.af label,
.af li,
.af p,
.af span,
.af td {
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 a,
.af div,
.af h1,
.af h2,
.af input,
.af li,
.af p,
.af span,
.af ul {
box-sizing: border-box
}

.af div {
box-sizing: border-box
}

.af .ac div {
float: left
}

.af {
width: 100%;
display: inline-block;
box-sizing: border-box
}

.ac {
margin: 0 auto;
position: relative;
max-width: 1200px
}

.mob-view {
display: none
}

.art-rel .slick-arrow,
.b-ani6,
.b-ani7,
.ban .lhs a:after,
.ban-ani .b-ani-com,
.ban-ani .b-ani1,
.ban-ani .b-ani2,
.ban-ani:after,
.ban-ani:before,
.clud,
.clud-sli ul li div:before,
.scrn-com .lhs ul li:before,
.spri,
.spri-ani,
.top-ics i {
background: url(https://www.manageengine.com/latam/log-management/images/real-time-security-analytics-sprite.png) no-repeat;
background-size: 1500px 2900px;
}



.ban {
padding: 95px 0 110px;
background: linear-gradient(to bottom, #c7f8e3 50%, #fff)
}

.ban .lhs {
float: left;
width: calc(100% - 520px);
padding: 40px 100px 0 0
}

.ban .lhs h1 {
font-size: 48px;
line-height: 58px;
font-weight: 600;
color: #102336;
margin-bottom: 25px;
padding-right: 40px
}

.ban .lhs h1 span {
display: block;
font-weight: 200;
color: #102336;
font-size: 48px;
line-height: 58px;
}

.ban .lhs p {
font-size: 18px;
line-height: 30px;
font-weight: 300;
padding-bottom: 7px;
color: #102336;
padding-right: 40px
}

/* ANIMATED CTA threat-intelligence.html */
.idm-btn-dwn-ani{background:#E9142B;padding:12px 53px 12px 30px;display:inline-block;border-radius:3px;text-decoration:none;text-align:center;position:relative;text-decoration:none}
.idm-btn-dwn-ani span{font-size: 18px;color:#fff;line-height:30px;font-weight:500;}
.idm-dwn-cta-ani-24{width:14px;height:15px;border-bottom:2px solid #fff;display:inline-block;position:absolute;margin:8px 0 0 10px;pointer-events:none}
.idm-dwn-cta-ani-24:before,.idm-dwn-cta-ani-24:after{content:'';position:absolute;-moz-animation:dwncta-bounce 3s infinite;-webkit-animation:dwncta-bounce 3s infinite;animation:dwncta-bounce 3s infinite}
.idm-dwn-cta-ani-24:before{height:0;width:0;border:none;border-top:7px solid #fff;border-left:7.2px solid rgba(0,0,0,0);border-right:7px solid rgba(0,0,0,0);left:0;top:3px}
.idm-dwn-cta-ani-24:after{width:4.5px;height:8px;background:#fff;display:inline-block;top:-4px;left:5px}
@-moz-keyframes dwncta-bounce {
0%,20%,50%,80%,100%{-moz-transform:translateY(0);transform:translateY(0)}
40%{-moz-transform:translateY(-6px);transform:translateY(-6px)}
60%{-moz-transform:translateY(-3px);transform:translateY(-3px)}
}
@-webkit-keyframes dwncta-bounce {
0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}
60%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}
}
@keyframes dwncta-bounce {
0%,20%,50%,80%,100%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
40%{-moz-transform:translateY(-6px);-ms-transform:translateY(-6px);-webkit-transform:translateY(-6px);transform:translateY(-6px)}
60%{-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-webkit-transform:translateY(-3px);transform:translateY(-3px)}
}
.idm-btn-dwn-ani:link,.idm-btn-dwn-ani:visited{border:none;overflow:hidden;transition:all .3s ease-in-out}
.idm-btn-dwn-ani::before{background:#fff;content:"";height:155px;opacity:0;position:absolute;top:-50px;transform:rotate(35deg);width:50px;transition:all 3000ms cubic-bezier(0.19,1,0.22,1)}
.idm-btn-dwn-ani::after{background:#fff;content:"";height:120px;opacity:0;position:absolute;top:-27px;transform:rotate(71deg);transition:all 3000ms cubic-bezier(0.19,1,0.22,1);width:8rem}
.idm-btn-dwn-ani::before{left:-50%}
.idm-btn-dwn-ani::after{left:-100%}
.idm-btn-dwn-ani:hover,.idm-btn-dwn-ani:active{transform:translateY(-3px);color:#fff;box-shadow:0 10px 20px 0 rgba(0,0,0,0.3);text-decoration: none;}
.idm-btn-dwn-ani:hover::before{left:120%;opacity:.5s}
.idm-btn-dwn-ani:hover::after{left:200%;opacity:.6}

.ban .lhs a .icn-download {
background: url('https://www.manageengine.com/latam/log-management/images/real-time-security-analytics-sprite.png') no-repeat -958px -188px;
background-size: 1500px 2900px;
width: 12px;
height: 16px;
display: inline-block;
margin-right: 10px;
vertical-align: middle;
margin-top: -2px;
}

.ban .lhs a:hover {
background-color: #d4051c;
box-shadow: 0 9px 12px -7px #333
}

.ban .rhs {
float: left;
width: 430px;
position: relative;
margin-top: -35px;
}

.ban-ani {
position: relative;
z-index: 2
}

.ban-ani:after,
.ban-ani:before {
content: '';
position: absolute;
background-position: -275px -425px;
background-size: 1400px 1765px;
display: inline-block
}

.ban-ani .b-ani1 {
background-position: -19px -15px;
background-size: 1500px 2900px;
width: 414px;
height: 377px;
}

.ban-ani .b-ani2 {
background-position: -488px -15px;
background-size: 1500px 2900px;
width: 174px;
height: 223px;
left: 44px;
right: 0;
margin: 0 auto;
top: 78px;
position: absolute;
z-index: 1;
opacity: 0;
filter: alpha(opacity=0);
animation: moveY .6s cubic-bezier(.25, .46, .45, .94) .3s both;
}


@keyframes moveY {
0% {
  transform: translateY(30px);
  opacity: 0;
  filter: alpha(opacity=0);
}

100% {
  transform: translateY(0);
  opacity: 1;
  filter: alpha(opacity=100);
}
}


@keyframes jump {
0% {
  transform: translateY(-8px)
}

100% {
  transform: translateY(8px)
}
}

@keyframes flow {
0% {
  background-position: 100000px 0
}

100% {
  background-position: 0 0
}
}

@keyframes zoom {
0% {
  transform: scale(0);
  opacity: 1;
  filter: alpha(opacity=100);
}

50% {
  transform: scale(1.1);
  opacity: 1;
  filter: alpha(opacity=100);
}

100% {
  transform: scale(1);
  opacity: 1;
  filter: alpha(opacity=100);
}
}

@keyframes zoom1 {
0% {
  transform: scale(0)
}

100% {
  transform: scale(1)
}
}

@keyframes zoom2 {
0% {
  transform: scale(0);
  opacity: 0;
  filter: alpha(opacity=0);
}

50% {
  transform: scale(1.2);
  opacity: 1;
  filter: alpha(opacity=100);
}

100% {
  transform: scale(1);
  opacity: 1;
  filter: alpha(opacity=100);
}
}

@keyframes moveY {
0% {
  transform: translateY(30px);
  opacity: 0;
  filter: alpha(opacity=0);
}

100% {
  transform: translateY(0);
  opacity: 1;
  filter: alpha(opacity=100);
}
}

@keyframes moveY1 {
0% {
  transform: translateY(100px);
  opacity: 0;
  filter: alpha(opacity=0);
}

100% {
  transform: translateY(0);
  opacity: 1;
  filter: alpha(opacity=100);
}
}

@keyframes chartWidth {
0% {
  width: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

100% {
  width: 127px;
  opacity: 1;
  filter: alpha(opacity=100);
}
}



.ban-ani .b-ani3 {
background-position: -717px -35px;

width: 181px;
height: 183px;
position: absolute;
top: 206px;
left: 252px;
z-index: 1;
opacity: 0;
filter: alpha(opacity=0);
animation: zoom .6s cubic-bezier(.25, .46, .45, .94) .6s both;
}



.ban-ani .b-ani4 {
background-position: -939px -105px;
width: 50px;
height: 48px;
position: absolute;
left: 23px;
top: 155px;
animation: jump 2s linear .1s infinite alternate;
z-index: 2
}

.ban-ani .b-ani5 {
background-position: -932px -15px;
width: 57px;
height: 56px;
position: absolute;
right: -28px;
top: 54px;
animation: jump 2s linear .3s infinite alternate;
z-index: 2
}

.ban-ani .b-ani6 {
background-position: -9px -243px;
width: 51px;
height: 49px;
position: absolute;
left: 355px;
top: 116px;
/* animation: jump 2s linear .5s infinite alternate; */
z-index: 2
}

.ban-ani .b-ani7 {
background-position: -97px -239px;
width: 41px;
height: 52px;
position: absolute;
left: 364px;
top: 242px;
animation: jump 2s linear .7s infinite alternate;
z-index: 2
}

@media screen and (max-width:1150px) {
.ac {
  max-width: 90%
}
}

@media screen and (max-width:1000px) {
.ban .rhs {
  display: none
}

.ban .lhs {
  width: 100%;
  padding: 0;
  text-align: center
}

.ban .lhs h1 {
  font-size: 34px;
  line-height: 38px
}

.ban .lhs p {
  font-size: 18px
}

.ban .lhs a {
  margin-top: 10px
}

.ban {
  padding: 60px 0
}
}



.feat-sec .pl-110 {
padding-left: 110px !important
}

.feat-sec .pr-180 {
padding-right: 180px !important
}

.feat-sec .pl-0 {
padding-left: 0 !important
}

.feat-sec .pull-right {
float: right !important
}


.feat-sec .simg-animation {
width: 291px;
height: 314px;
position: relative
}

.feat-sec .simg-animation .simg-ani {
background: url('https://www.manageengine.com/latam/log-management/images/real-time-security-analytics-sprite.png') no-repeat;
background-size: 1500px 2900px;
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
}

.feat-sec .simg-animation .simg-ani1 {
background-position: -1067px -27px;
width: 355px;
height: 355px;
}

.feat-sec .simg-animation .simg-ani2 {
background-position: 0 -773px;
width: 602px;
height: 86px;
top: 40px;
left: 43px;
opacity: 0;
filter: alpha(opacity=0);
}

.feat-sec .simg-animation .simg-ani3 {
background-position: 0 -1006px;
width: 315px;
height: 253px;
top: 97px;
left: 80px;
opacity: 0;
filter: alpha(opacity=0);
}

.feat-sec .simg-animation .simg-ani4 {
background-position: -691px -781px;
width: 191px;
height: 70px;
top: 207px;
left: 159px;
opacity: 0;
filter: alpha(opacity=0);
}

.feat-sec .simg-animation .simg-ani5 {
background-position: -39px -2610px;
width: 315px;
height: 254px;
top: 96px;
left: 368px;
opacity: 0;
filter: alpha(opacity=0);
}

.feat-sec .simg-animation .simg-ani6 {
background-position: 0 -863px;
width: 207px;
height: 138px;
top: 325px;
left: 43px;
opacity: 0;
filter: alpha(opacity=0);
}

.feat-sec .simg-animation .simg-ani7 {
background-position: -211px -862px;
width: 207px;
height: 138px;
top: 325px;
left: 224px;
opacity: 0;
filter: alpha(opacity=0);
}

.feat-sec .simg-animation .simg-ani8 {
background-position: -422px -862px;
width: 207px;
height: 138px;
top: 325px;
left: 405px;
opacity: 0;
filter: alpha(opacity=0);
}

.feat-sec .simg-animation .simg-ani9 {
background-position: -347px -1037px;
width: 81px;
height: 19px;
left: 505px;
top: 28px;
opacity: 0;
filter: alpha(opacity=0);
}

.feat-sec .simg-animation .simg-ani10 {
background-position: -338px -1106px;
width: 64px;
height: 52px;
left: 18px;
top: 208px;
opacity: 0;
filter: alpha(opacity=0);
}

.feat-sec .simg-animation .simg-ani11 {
background-position: -347px -1199px;
width: 55px;
height: 60px;
left: 610px;
top: 368px;
opacity: 0;
filter: alpha(opacity=0);
}

.feat-sec .simg-animation .simg-ani12 {
background-position: -1008px -482px;
width: 489px;
height: 489px;
opacity: 0;
filter: alpha(opacity=0);
}

.feat-sec .simg-animation .simg-ani13 {
background-position: 0 -1275px;
width: 596px;
height: 164px;
top: 60px;
left: -175px;
opacity: 0;
filter: alpha(opacity=0);
}

.feat-sec .simg-animation .simg-ani14 {
background-position: 0 -1454px;
width: 388px;
height: 253px;
top: 201px;
left: -137px;
opacity: 0;
filter: alpha(opacity=0);
}

.feat-sec .simg-animation .simg-ani15 {
background-position: -400px -2614px;
width: 265px;
height: 254px;
top: 201px;
left: 224px;
opacity: 0;
filter: alpha(opacity=0);
}

.feat-sec .simg-animation .simg-ani16 {
background-position: -614px -1224px;
width: 244px;
height: 138px;
top: 434px;
left: -180px;
}

.feat-sec .simg-animation .simg-ani17 {
background-position: -867px -1215px;
width: 207px;
height: 151px;
top: 444px;
left: 42px;
opacity: 0;
filter: alpha(opacity=0);
}

.feat-sec .simg-animation .simg-ani18 {
background-position: -472px -1037px;
width: 186px;
height: 19px;
top: 52px;
left: 175px;
opacity: 0;
filter: alpha(opacity=0);
}

.feat-sec .simg-animation .simg-ani19 {
background-position: -463px -1105px;
width: 47px;
height: 54px;
top: 310px;
left: -184px;
opacity: 0;
filter: alpha(opacity=0);
}

.feat-sec .simg-animation .simg-ani20 {
background-position: -570px -1102px;
width: 49px;
height: 61px;
top: 498px;
left: 246px;
opacity: 0;
filter: alpha(opacity=0);
}

.feat-sec .simg-animation .simg-ani21 {
background-position: -1116px -1046px;
width: 355px;
height: 390px;
opacity: 0;
filter: alpha(opacity=0);
}

.feat-sec .simg-animation .simg-ani22 {
background-position: -749px -1461px;
width: 209px;
height: 298px;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
}

.feat-sec .simg-animation .simg-ani23 {
background-position: -882px -1105px;
width: 42px;
height: 27px;
top: 165px;
left: 208px;
opacity: 0;
filter: alpha(opacity=0);
}

.feat-sec .simg-animation .simg-ani24 {
background-position: -3px -1731px;
width: 583px;
height: 218px;
top: 182px;
left: 7px;
opacity: 0;
filter: alpha(opacity=0);
}

@keyframes moveYm {
0% {
  transform: translateY(-40px);
  opacity: 0;
  filter: alpha(opacity=0);
}

100% {
  transform: translateY(0);
  opacity: 1;
  filter: alpha(opacity=100);
}
}

@keyframes moveXm {
0% {
  transform: translateX(-40px);
  opacity: 0;
  filter: alpha(opacity=0);
}

100% {
  transform: translateX(0);
  opacity: 1;
  filter: alpha(opacity=100);
}
}

@keyframes moveX {
0% {
  transform: translateX(30px);
  opacity: 0;
  filter: alpha(opacity=0);
}

100% {
  transform: translateX(0);
  opacity: 1;
  filter: alpha(opacity=100);
}
}

@keyframes width191 {
0% {
  width: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

100% {
  width: 191px;
  opacity: 1;
  filter: alpha(opacity=100);
}
}

@keyframes width42 {
0% {
  width: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

100% {
  width: 42px;
  opacity: 1;
  filter: alpha(opacity=100);
}
}

@keyframes fade {
0% {

  opacity: 0;
  filter: alpha(opacity=0);
}

100% {

  opacity: 1;
  filter: alpha(opacity=100);
}
}

.feat-sec .scrn-com.act .simg-ani {
animation: moveY .6s cubic-bezier(.25, .46, .45, .94) .3s both;
}

.feat-sec .scrn-com.act .simg-ani1 {
animation: zoom .6s cubic-bezier(.25, .46, .45, .94) .3s both;
}

.feat-sec .scrn-com.act .simg-ani12 {
animation: zoom .6s cubic-bezier(.25, .46, .45, .94) .3s both;
}

.feat-sec .scrn-com.act .simg-ani21 {
animation: zoom .6s cubic-bezier(.25, .46, .45, .94) .3s both;
}


.feat-sec .scrn-com.act .simg-ani9 {
animation: moveYm .6s cubic-bezier(.25, .46, .45, .94) .6s both;
}

.feat-sec .scrn-com.act .simg-ani10 {
animation: moveXm .6s cubic-bezier(.25, .46, .45, .94) 1.2s both;
}

.feat-sec .scrn-com.act .simg-ani11 {
animation: moveX .6s cubic-bezier(.25, .46, .45, .94) 2s both;
}

.feat-sec .scrn-com.act .simg-ani18 {
animation: moveYm .6s cubic-bezier(.25, .46, .45, .94) .6s both;
}

.feat-sec .scrn-com.act .simg-ani19 {
animation: moveXm .6s cubic-bezier(.25, .46, .45, .94) 1.2s both;
}

.feat-sec .scrn-com.act .simg-ani20 {
animation: moveX .6s cubic-bezier(.25, .46, .45, .94) 2s both;
}


.feat-sec .scrn-com.act .simg-ani2 {
animation-delay: 0.9s;
}

.feat-sec .scrn-com.act .simg-ani13 {
animation-delay: 0.9s;
}

.feat-sec .scrn-com.act .simg-ani3 {
animation-delay: 1.4s;
}

.feat-sec .scrn-com.act .simg-ani14 {
animation-delay: 1.4s;
}

.feat-sec .scrn-com.act .simg-ani15 {
animation-delay: 1.7s;
}

.feat-sec .scrn-com.act .simg-ani17 {
animation-delay: 2.2s;
}

.feat-sec .scrn-com.act .simg-ani16 {
animation-delay: 2.5s;
}

.feat-sec .scrn-com.act .simg-ani4 {
animation: width191 .6s cubic-bezier(.25, .46, .45, .94) 1.4s both;
}

.feat-sec .scrn-com.act .simg-ani5 {
animation-delay: 1.7s;
}

.feat-sec .scrn-com.act .simg-ani6 {
animation-delay: 2.8s;
}

.feat-sec .scrn-com.act .simg-ani7 {
animation-delay: 2.5s;
}

.feat-sec .scrn-com.act .simg-ani8 {
animation-delay: 2.2s;
}

.feat-sec .scrn-com.act .simg-ani22 {
animation-delay: 0.9s;
}

.feat-sec .scrn-com.act .simg-ani23 {
animation: width42 .6s cubic-bezier(.25, .46, .45, .94) 1.2s both;
}

.feat-sec .scrn-com.act .simg-ani24 {
animation-delay: 1.6s;
}



.top-ics i {
background-size: 1400px 1765px;
background-position: -7px -315px;
width: 24px;
height: 64px;
display: inline-block;
position: absolute;
left: 0;
top: -65px
}

.top-ics I:nth-child(1) {
left: 6%
}

.top-ics I:nth-child(2) {
background-position: -41px -315px;
width: 98px;
height: 88px;
top: -87px;
left: 37%
}

.top-ics I:nth-child(3) {
background-position: -149px -315px;
left: 68%;
width: 25px;
height: 34px;
top: -35px
}

.top-ics I:nth-child(4) {
background-position: -184px -315px;
left: 92%;
width: 37px;
height: 66px;
top: -63px
}

.clud {
background-size: 1400px 1765px;
background-position: -157px -1547px;
width: 100%;
height: 167px;
position: absolute;
left: 0;
bottom: -60px;
z-index: 1
}



.sec2 h2 {
font-size: 35px;
font-weight: 600;
text-align: center;
padding-bottom: 55px
}

.scrn-com {
float: left;
width: 100%;
padding-top: 140px;
min-height: 630px;
}

.scrn-com .lhs {
padding: 0 50px 0 65px;
float: left;
width: calc(100% - 665px);
}

.scrn-com .lhs h3 {
font-size: 30px;
font-weight: 500;
margin-bottom: 30px;
line-height: 37px;
color: #102336;
position: relative;
}



.scrn-com .lhs p {
font-size: 16px;

line-height: 31px;
color: #102336;
position: relative;
}



.scrn-com .lhs ul {
padding: 10px 0 20px
}

.scrn-com .lhs ul li {
font-size: 16px;
padding: 0 0 20px 45px;
line-height: 28px;
position: relative;
}

.scrn-com .lhs ul li:before {
content: '';
position: absolute;
margin: 7px 0 0 -45px;
background-size: 1400px 1765px;
background-position: -409px -489px;
width: 20px;
height: 17px;
}

.scrn-com .lhs a {
text-decoration: underline;
}



.scrn-com .lhs a:hover {
background: #e8132a;
border: 1px solid #e8132a;
color: #fff;
}

.scrn-com .lhs a:hover:after {
background-position: -247px -392px
}

.scrn-com .rhs {
float: left;
width: 665px;
position: relative;
}

.scrn-com .rhs .mob-s-scrn {
width: 100%;
display: none;
}





.sec2-opp {
padding: 70px 0
}

.sec2-opp .scrn-com .lhs {
padding: 0 0 0 50px
}

.spri {
position: relative;
background-position: -793px 0;
background-size: 1400px 1765px;
width: 706px;
height: 501px;
margin-top: -45px
}

.mt-0 {
margin-top: 0 !important;
}

.mt-60 {
margin-top: 60px !important;
}

.pt-100 {
padding-top: 100px !important;
}

.scrn-2 {
background-position: -728px -551px;
width: 755px;
height: 447px;
margin-left: -180px
}

.scrn-3 {
background-position: -1px -888px;
width: 723px;
height: 449px
}

@keyframes scale {
0% {
  transform: scale(0);
  opacity: 0;
  filter: alpha(opacity=0);
}

100% {
  transform: scale(1);
  opacity: 1;
  filter: alpha(opacity=100);
}
}

@keyframes graphver {
from {
  transform: scaleY(0);
  opacity: 0;
  filter: alpha(opacity=0);
}

to {
  transform: scaleY(1);
  opacity: 1;
  filter: alpha(opacity=100);
}
}

@keyframes graphhor {
0% {
  width: 0
}

100% {
  width: 108px;
  opacity: 1;
  filter: alpha(opacity=100);
}
}

@keyframes arrdown {
0% {
  height: 0
}

100% {
  height: 76px;
  opacity: 1;
  filter: alpha(opacity=100);
}
}

.scrn-1-com {
background-size: 1400px 1765px;
width: 0;
height: 116px;
display: inline-block;
position: absolute;
top: 266px;
opacity: 0;
filter: alpha(opacity=0);
}

.af.act .scrn-1-com {
animation: graphhor 1s ease-in-out both;
transform-origin: left
}

.af.act .scrn-1-1 {
animation-delay: .2s
}

.af.act .scrn-1-2 {
animation-delay: .6s
}

.af.act .scrn-1-3 {
animation-delay: 1s
}

.scrn-1-1 {
background-position: -813px -1182px;
left: 86px
}

.scrn-1-2 {
background-position: -940px -1182px;
left: 313px
}

.scrn-1-3 {
background-position: -1056px -1182px;
left: 539px
}

.scrn-2-1 {
background-size: 1400px 1765px;
display: inline-block;
position: absolute;
bottom: 123px;
left: 96px;
width: 401px;
height: 126px;
background-position: -460px -1377px;
opacity: 0;
filter: alpha(opacity=0);
}

.af.act .scrn-2-1 {
animation: graphver 1s ease-in-out .1s both;
transform-origin: bottom
}

.scrn-3-com {
background-size: 1400px 1765px;
width: 0;
height: 117px;
display: inline-block;
position: absolute;
top: 215px
}

.scrn-3-1 {
background-position: -19px -1376px;
left: 86px
}

.scrn-3-2 {
background-position: -148px -1376px;
left: 313px
}

.scrn-3-3 {
background-position: -282px -1376px;
left: 539px
}

.af.act .scrn-3-com {
animation: graphhor 1s ease-in-out both;
transform-origin: left
}

.af.act .scrn-3-1 {
animation-delay: .2s
}

.af.act .scrn-3-2 {
animation-delay: .6s
}

.af.act .scrn-3-3 {
animation-delay: 1s
}

.realtime-sec {
text-align: center;
}

.realtime-sec .realtime-inner {
background-color: #f0fffb;
border: #aecec3 solid 1px;
border-radius: 30px;
padding-bottom: 26px;
padding-top: 44px;
}

.realtime-sec .animation-box {
position: relative;
height: 230px;
width: 960px;
margin: 0 auto;
}

.realtime-sec .animation-box .rt-ani {
background: url('https://www.manageengine.com/latam/log-management/images/real-time-security-analytics-sprite.png') no-repeat -958px -188px;
background-size: 1500px 2900px;
display: inline-block;
position: absolute;

}

.realtime-sec .animation-box .icn-1 {
background-position: 0 -619px;
width: 933px;
height: 106px;
left: 0;
right: 0;
margin: 0 auto;
top: 40px;
opacity: 0;
filter: alpha(opacity=0);
}

.realtime-sec.act .animation-box .icn-1 {
animation: fade .6s cubic-bezier(.25, .46, .45, .94) 0.4 both;
}

.realtime-sec .animation-box .icn-2 {
background-position: -794px -260px;
width: 205px;
height: 223px;
left: -12px;
right: 0;
margin: 0 auto;


}


.realtime-sec .animation-box .icn-3 {
background-position: -471px -282px;
width: 57px;
height: 61px;
top: 20px;
left: 230px;
opacity: 0;
filter: alpha(opacity=0);
}

.realtime-sec.act .animation-box .icn-3 {
animation: zoom .6s cubic-bezier(.25, .46, .45, .94) .6s both;
}

.realtime-sec .animation-box .icn-4 {
background-position: -557px -283px;
width: 57px;
height: 61px;
top: 26px;
left: 42px;
opacity: 0;
filter: alpha(opacity=0);
}

.realtime-sec.act .animation-box .icn-4 {
animation: zoom .6s cubic-bezier(.25, .46, .45, .94) .4s both;
}

.realtime-sec .animation-box .icn-5 {
background-position: -648px -283px;
width: 57px;
height: 61px;
top: 117px;
left: 672px;
opacity: 0;
filter: alpha(opacity=0);
}

.realtime-sec.act .animation-box .icn-5 {
animation: zoom .6s cubic-bezier(.25, .46, .45, .94) 0.8s both;
}

.realtime-sec .animation-box .icn-6 {
background-position: -471px -376px;
width: 57px;
height: 61px;
top: 75px;
left: 878px;
opacity: 0;
filter: alpha(opacity=0);
}

.realtime-sec.act .animation-box .icn-6 {
animation: zoom .6s cubic-bezier(.25, .46, .45, .94) 1s both;
}

.realtime-sec h2 {
font-size: 30px;
font-weight: 500;
color: #102336;
margin-bottom: 19px;
margin-top: 25px;
}

.realtime-sec p {
font-size: 18px;
line-height: 30px;
color: #102336;
font-weight: 300;
max-width: 85%;
margin: 0 auto 14px auto;
}


.acc__card {

position: relative;
float: none;
display: inline-block;
width: 100%;
border: #e1ebe8 solid 1px;
border-radius: 5px;

margin-bottom: 14px;
cursor: pointer;
}

.acc__title {
font-size: 16px;
font-weight: 500;
color: #102336;
display: block;
padding: 20px 35px;
width: 100%;
transition:0.6s;
}

.acc__title:hover {
background: #f6f6f6;
}

.acc__title.active:hover {
background: #ffff;
}

.acc__title::after {
content: "";
background: url('https://www.manageengine.com/latam/log-management/images/real-time-security-analytics-sprite.png') no-repeat -589px -566px;
background-size: 1500px 2900px;
width: 12px;
height: 7px;
display: inline-block;
position: absolute;
top: 31px;
right: 26px;
}

.acc__title.active::after {
background-position: -629px -566px;
width: 12px;
height: 7px;
}

.acc__panel {

display: none;
margin: -5px 0 34px 0;

text-align: left;
line-height: 31px;
font-size: 16px;
color: #102336;
padding: 0 35px 0 35px;

}


/* USECASE */

@media screen and (max-width: 600px) {
.video-section h2 {
  font-size: 25px;
  line-height: 1.7
}
}

.usecase-section {
margin: 115px 0;
overflow-x: hidden;
}

.usecase-section .container {
max-width: 1260px;
overflow: visible;
position: relative
}

.usecase-section .container::before {
content: '';
position: absolute;
width: 250px;
height: 100%;
background-color: #fff;
top: 0;
left: -252px;
z-index: 4
}

.usecase-section h2 {
font-family: 'Zoho_Puvi_Bold', sans-serif;
font-size: 36px;
line-height: 52px;
max-width: 570px;
background-color: #fff;
color: #102336;
position: relative;
z-index: 3
}

.usecase-section h2 span {
display: block
}

.usecase-tabs-outer {
padding: 60px 0;
background-color: #fff;
width: 425px;
height: 445px;
float: left;
position: relative;
z-index: 2;
height: 100%
}

.usecase-tabs-inner {
width: 425px;
height: 325px;
position: relative;
z-index: 2;
background-color: #fff
}

.usecase-tabs-inner::before {
content: '';
position: absolute;
height: 100%;
width: 3.5px;
background-color: #cfd3d7;
top: 0;
left: 0
}

.usecase-tabs-inner::after {
content: '';
position: absolute;
height: 25%;
width: 6px;
background-color: #ff3131;
left: -1.5px;
transition: all .3s ease
}

.usecase-tabs-inner.show-1::after {
top: 0
}

.usecase-tabs-inner.show-2::after {
top: 25%
}

.usecase-tabs-inner.show-3::after {
top: 50%
}

.usecase-tabs-inner.show-4::after {
top: 75%
}

.usecase-tabs-inner li {
display: block;
height: 25%;
width: 100%
}

.usecase-btn {
height: 100%;
width: 100%;
background-color: transparent;
text-align: left;
padding-left: 44px;
color: #9ba5af;
font-family: 'Zoho_Puvi_Regular', sans-serif;
font-size: 21px;
line-height: 1.7;
border-width: 0;
cursor: pointer;
}

.usecase-btn.is-active {
color: #102336
}

.usecase-content {
position: relative
}

.usecase-content .usecase-box {
border-radius: 5px;
background-color: #fff1e8;
padding: 60px 45px 50px
}

.usecase-content h3 {
font-family: 'Zoho_Puvi_Bold', sans-serif;
font-size: 26px;
line-height: 53px;
margin-bottom: 15px;
color: #102336
}

.usecase-content p {
color: #102336;
font-family: 'Zoho_Puvi_Regular', sans-serif;
font-size: 16px;
line-height: 30px;
margin: 0;
}

.usecase-content .sprite {
position: absolute
}

.usecase-back {
top: -190px;
right: -15px;
z-index: -1;
background: url('https://www.manageengine.com/latam/log-management/images/real-time-security-analytics-sprite.png') no-repeat -629px -566px;
background-size: 1500px 2900px;
}

.usecase1-back {
background-position: -350px -2278px;
width: 326px;
height: 267px;
}

.usecase1-front {
background: url('https://www.manageengine.com/latam/log-management/images/real-time-security-analytics-sprite.png') no-repeat -795px -2020px;
background-size: 1500px 2900px;
width: 213px;
height: 216px;
top: -150px;
right: 10px;
}

.usecase2-back {
background-position: -716px -2282px;
width: 290px;
height: 271px
}

.usecase2-front {
background: url('https://www.manageengine.com/latam/log-management/images/real-time-security-analytics-sprite.png') no-repeat -591px -1981px;
background-size: 1500px 2900px;
width: 157px;
height: 258px;
top: -161px;
right: 105px
}

.usecase3-back {
background-position: -27px -2269px;
width: 291px;
height: 284px;
right: -8px
}

.usecase3-front {
background: url('https://www.manageengine.com/latam/log-management/images/real-time-security-analytics-sprite.png') no-repeat -364px -2018px;
background-size: 1500px 2900px;
width: 179px;
height: 180px;
top: -145px;
right: 32px
}

.usecase4-back {
background-position: -36px -1982px;
width: 289px;
height: 271px;
right: -30px
}

.usecase4-front {
background: url('https://www.manageengine.com/latam/log-management/images/real-time-security-analytics-sprite.png') no-repeat -39px -516px;
background-size: 1500px 2900px;
width: 54px;
height: 65px;
top: -28px;
right: 52px
}

@media screen and (min-width: 1250px) {
.usecase-contents-outer {
  float: right;
  width: 625px;
  padding-top: 60px
}

.usecase-contents-inner {
  width: 2560px;
  transition: margin .6s ease-out, opacity .6s ease-out
}

.usecase-contents-inner.show-1 {
  margin-left: 0
}

.usecase-contents-inner.show-2 {
  margin-left: -640px
}

.usecase-contents-inner.show-3 {
  margin-left: -1280px
}

.usecase-contents-inner.show-4 {
  margin-left: -1920px
}

.usecase-content {
  float: left;
  width: 625px;
  transition: opacity .4s ease-out;
  opacity: 0;
  margin-right: 15px
}

.usecase-content.is-active {
  opacity: 1
}

.usecase-content.is-next {
  opacity: .5
}
}

@media screen and (max-width: 1250px) {
.usecase-section h2 {
  margin: 0 auto;
  text-align: center;
  max-width: 768px
}

.usecase-section h2 span {
  display: inline
}

.usecase-tabs-outer {
  float: none;
  padding: 0;
  margin: 75px auto 0;
  height: auto;
  display: none
}

.usecase-content {
  max-width: 768px;
  margin: 250px auto 0
}
}

@media screen and (max-width: 680px) {
.usecase-section h2 {
  font-size: 25px;
  line-height: 1.7
}

.usecase-tabs-outer,
.usecase-tabs-inner {
  width: 100%
}

.usecase-btn {
  font-size: 18px
}

.usecase-content .usecase-box {
  padding: 100px 20px 60px
}

.usecase-content h3 {
  font-size: 22px;
  line-height: 1.7
}
}

@media screen and (max-width:426px) {
.bnr-img img {
  width: 90%;
}

.usecase-section {
  margin-bottom: 50px;
}
}



.wave-sec {
    position: relative;
    padding: 170px 0 10px;
}

.wave-sec::before {
    content: '';
    background: url(https://www.manageengine.com/latam/log-management/images/real-time-security-analytics-wave-img-24.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 400px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.wave-sec .wave-content h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.4;
    color: #102336;
    margin-bottom: 10px;
}

.wave-sec .wave-content p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
    color: #102336;
    max-width: 1000px;
    margin: 0;
}

@media (max-width: 992px) {
    .wave-sec {
        padding: 40px 0 0;
    }

    .wave-sec::before {
        display: none;
    }
}

.sec3 {
padding: 90px 0 130px;
background: url(https://www.manageengine.com/latam/log-management/images/real-time-security-analytics-02.png) no-repeat #fff;
background-size: 100%;
background-position: center 19px;
margin-top: -70px;
}

.sec3-spli {
float: left;
width: 33.3333%
}

.sec3 .box-tit {
margin: 120px 0 150px 0px
}

.box-tit h2 {
font-size: 32px;
font-weight: 600;
line-height: 46px;
padding-bottom: 5px;
}

.box-tit p {
font-size: 30px;
font-weight: 300;
line-height: 36px
}

.box-tit p i {
color: #ff6363
}

.sec3 .box {
border-radius: 5px;
box-shadow: 0 1px 25px -10px #3333333b;
background: #fff;
padding: 28px 32px 40px 32px;
margin: 15px;
float: left;
transition: all .4s ease-in-out;
transform: translateY(10px);
opacity: 1
}

.sec3.act .box {
transform: translateY(0px);
opacity: 1
}

.sec3.act .box.sbox-1 {
transition-delay: .2s
}

.sec3.act .box.sbox-2 {
transition-delay: .4s
}

.sec3.act .box.sbox-3 {
transition-delay: .6s
}

.sec3.act .box.sbox-4 {
transition-delay: .8s
}

.sec3.act .box.sbox-5 {
transition-delay: 1s
}

.sec3.act .box.sbox-6 {
transition-delay: 1.2s
}

.sec3.act .box.sbox-7 {
transition-delay: 1.4s
}

.sec3.act .box.sbox-8 {
transition-delay: 1.6s
}

.sec3 .box i {
width: 48px;
height: 43px;
background: url(https://www.manageengine.com/latam/log-management/images/real-time-security-analytics-sprite.png) no-repeat;
display: inline-block;
background-size: 1500px 2900px;
background-position: -5px 0
}

.sec3 .box i.ic-1 {
background-position: -628px -382px;
}

.sec3 .box i.ic-2 {
background-position: -705px -386px;
}

.sec3 .box i.ic-3 {
background-position: -564px -389px;
}

.sec3 .box i.ic-4 {
background-position: -71px -436px;
}

.sec3 .box i.ic-5 {
background-position: -156px -436px;
}

.sec3 .box i.ic-6 {
background-position: -242px -446px;
}

.sec3 .box i.ic-7 {
background-position: -314px -446px;
}

.sec3 .box i.ic-8 {
background-position: -388px -441px;
width: 60px;
}

.sec3 .box i.ic-9 {
background-position: -5px 0
}

.sec3 .box h4 {
font-weight: 500;
font-size: 18px;
line-height: 28px;
padding-top: 15px;
padding-bottom: 15px;
}

.sec3 .box p {
font-size: 15px;
font-weight: 300;
margin-bottom: 0;
font-family: 'ZohoPuvi';
line-height: 24px;
margin-top:
  0;
}


.sec3-spli:last-child {
margin-top: 75px;
}

@media screen and (max-width:1230px) {
.scrn {
  transform: scale(.9)
}

.sec4 .ac {
  max-width: 90%
}

.sec3 .box-tit {
  margin: 50px 0 80px
}

.box-tit h2 {
  font-size: 26px;
  line-height: 36px
}

.box-tit p {
  font-size: 22px;
  line-height: 26px
}

.sec3 {
  padding: 150px 0 70px
}
}

@media screen and (max-width:1000px) {
.sec3-spli {
  width: 100%
}

.sec3 .box-tit {
  text-align: center;
  margin: 10px 0 20px
}

.sec3 {
  padding: 70px 0
}
}

@media screen and (max-width:1200px) {
.scrn-com .rhs .mob-s-scrn {
  display: block
}
}

@media screen and (max-width:992px) {
.realtime-sec h2 {
  line-height: 40px;
}

.mob-view {
  display: block
}

.scrn-com .lhs,
.scrn-com .rhs {
  width: 100%
}

.scrn-com .lhs {
  padding: 15px 25px
}

.scrn-com {
  padding: 0 !important;
}

.scrn-com .lhs h3 {
  font-size: 22px;
  margin-bottom: 15px;
}

.feat-sec {
  margin-top: 70px;
}
}

@media screen and (max-width:767px) {
.sec2 h2 {
  font-size: 30px;
  line-height: 40px
}

.scrn-com .lhs h3 {
  font-size: 22px;
  line-height: 30px
}
}

@media screen and (max-width:567px) {
.scrn-com .lhs h3 {
  font-size: 20px;
  line-height: 30px
}

.scrn-com .lhs a {
  font-size: 14px;
  padding: 10px 15px
}

.scrn-com .lhs a:after {
  display: none
}
}

.clud-sli ul li {
float: left;
width: 33.333%;
padding: 0 6px
}

.clud-sli ul li div {
background: #fff;
padding: 30px;
box-shadow: 0 1px 10px 4px #33333305;
min-height: 335px;
position: relative
}

.clud-sli ul li div:before {
content: '';
position: absolute;
background-position: -925px -350px;
width: 109px;
height: 109px;
top: -51px;
left: 25px
}

.clud-sli ul li div.ic-2:before {
background-position: -99px -858px
}

.clud-sli ul li div.ic-3:before {
background-position: 0 -318px
}

.clud-sli ul li div.ic-4:before {
background-position: -15px -1443px
}

.clud-sli ul li div h4 {
font-size: 18px;
font-weight: 500;
color: #333;
padding: 40px 0 5px;
line-height: 28px
}

.clud-sli ul li div p {
font-size: 16px;
color: #333;
line-height: 28px
}

.art-rel .slick-slide {
display: inline-block
}

.art-rel:before {
content: '';
position: absolute;
background: #fdeec7;
right: 0;
top: 0;
bottom: 0;
height: 100%;
width: 50%
}

.art-rel .slick-arrow {
position: absolute;
border: 0;
right: 60px;
bottom: -18px;
width: 45px;
height: 45px;
transition: all .5s ease;
color: #3330;
outline: 0;
cursor: pointer;
background: #f36464 url(https://www.manageengine.com/cloud-security/images/casb-cloud-access-security-broker-sprite.png) no-repeat -505px -475px;
background-size: 1500px
}

.art-rel .slick-arrow.slick-prev {
right: 112px
}

.art-rel .slick-arrow.slick-next {
background-position: -558px -475px
}

.art-rel .slick-arrow.slick-disabled {
background-color: #e3cdb2;
cursor: auto
}

.art-rel .art-rel-sli {
padding-bottom: 88px;
width: 1000px
}

.slick-list {
position: relative;
overflow: hidden;
padding-top: 60px;
padding-right: 100px
}



.spri-mob-com {
display: none
}

.scrn-com .lhs a {
font-size: 16px;
}

.scrn-com .lhs a:hover {
background: transparent;
color: #138cd6;
border-width: 0;
}



@keyframes building {
from {
  width: 0;
  opacity: 0;
  filter: alpha(opacity=0);

}

to {
  width: 465px;
  opacity: 1;
  filter: alpha(opacity=100);
}
}

@keyframes scale {
0% {
  transform: scale(.1);
  opacity: 0;
  filter: alpha(opacity=0);
}

100% {
  transform: scale(1);
  opacity: 1;
  filter: alpha(opacity=100);
}
}

.sec4 {
margin-top: 80px;
position: relative
}

.sec4:before {
content: "";
position: absolute;
top: 0;
left: 0;
border-radius: 0 80px 0 0;
background: #c7fbe5;
height: 100%;
width: 75%
}

.sec4:after {
content: "";
background: url(https://www.manageengine.com/latam/log-management/images/reason-bg.png) repeat-x;
background-size: contain;
width: 75%;
height: 353px;
position: absolute;
bottom: 0;
left: 0;
animation: flow1 3000s linear infinite
}

.reasons-wrap {
padding: 20px 0 50px;
min-height: 810px;
float: none !important;
display: block;
width: 100%;
}

.reasons-wrap .lhs {
float: left;
max-width: 435px;
width: 100%
}

.icn-reason-man {
background: url('https://www.manageengine.com/latam/log-management/images/real-time-security-analytics-sprite.png') no-repeat -1079px -1469px;
background-size: 1500px 2900px;
width: 409px;
height: 765px;

position: absolute;
bottom: 0;
z-index: 1
}

.reasons-wrap .rhs {
float: right !important;
max-width: 750px;
width: 100%;
position: relative;
z-index: 1
}

.reasons-wrap .rhs ul .app-log-sprite {
height: 37px;
display: block;
margin-bottom: 10px
}

.icn-rea1 {
background: url('https://www.manageengine.com/latam/log-management/images/real-time-security-analytics-sprite.png') no-repeat -314px -540px;
background-size: 1500px 2900px;
width: 48px;
height: 34px;
}

.icn-rea2 {
background: url('https://www.manageengine.com/latam/log-management/images/real-time-security-analytics-sprite.png') no-repeat -561px -472px;
background-size: 1500px 2900px;
width: 53px;
height: 44px;
}

.icn-rea3 {
background: url('https://www.manageengine.com/latam/log-management/images/real-time-security-analytics-sprite.png') no-repeat -482px -545px;
background-size: 1500px 2900px;
width: 35px;
height: 35px;
}

.icn-rea4 {
background: url('https://www.manageengine.com/latam/log-management/images/real-time-security-analytics-sprite.png') no-repeat -648px -478px;
background-size: 1500px 2900px;
width: 44px;
height: 32px;
}

.icn-rea5 {
background: url('https://www.manageengine.com/latam/log-management/images/real-time-security-analytics-sprite.png') no-repeat -398px -544px;
background-size: 1500px 2900px;
width: 40px;
height: 35px;
}

.reasons-wrap .rhs ul {
display: inline-block;
vertical-align: top;
max-width: 360px;
width: 100%;
margin-top: 85px;
}

.reasons-wrap .rhs ul li {
background: #fff;
padding: 35px 30px 40px;
border-radius: 5px;
box-shadow: 0 11px 70px rgba(61, 81, 91, 0.08);
margin-top: 15px
}

.reasons-wrap .rhs ul+ul {
margin-left: 15px
}

.reasons-wrap .rhs ul li h5 {
font-size: 16px;
font-weight: 600;
color: #000;
margin-bottom: 15px
}

.reasons-wrap .rhs ul li p {
color: #333;
font-size: 15px;
line-height: 1.7;
margin: 0
}

.sec4 {
/*margin-top: -20px;*/
margin-top: 50px;
margin-bottom: 50px;
position: relative;
z-index: 2;
background: transparent
}

.resources-wrap {
border: 1px solid #c3f6e1;
padding: 15px 25px 15px 25px;
background: #fff;
border-radius: 10px;
min-height: 270px
}

.resources-wrap .lhs {
max-width: 450px;
display: inline-block;
width: 100%;
position: relative
}

.resources-wrap .lhs h4 {
font-size: 40px;
font-weight: 600;
line-height: 1.4;
position: relative;
z-index: 1;
padding: 80px 0 0 70px
}

.resources-wrap .lhs h4 span {
display: block;
font-weight: 200;
font-size: 30px
}

.resources-wrap .lhs:before {
content: "";
background: url(https://www.manageengine.com/latam/log-management/images/app-log-sprite.png) no-repeat -790px 0;
background-size: 2000px 3250px;
width: 240px;
height: 240px;
position: absolute;
top: 0;
left: 0
}

.resources-wrap .rhs {
max-width: 650px;
display: inline-block;
vertical-align: top;
margin: 39px 0 0 20px
}

.resources-wrap .rhs ul li {
display: inline-block;
vertical-align: top;
position: relative;
max-width: calc(50% - 20px);
width: 100%;
margin: 10px 9px;
transition: all .5s ease
}

.resources-wrap .rhs ul li a {
padding: 18px 50px 18px 25px;
background: #fff;
box-shadow:0px 0px 25.81px 3.19px rgb(61 81 91 / 9%);
display: block;
color: #102336;
}

.resources-wrap .rhs ul li:hover {
transform: scale(1.1)
}

.resources-wrap .rhs ul li .icn-arrow {
background: url('https://www.manageengine.com/latam/log-management/images/real-time-security-analytics-sprite.png') no-repeat -557px -561px;
background-size: 1500px 2900px;
width: 7px;
height: 12px;
position: absolute;
right: 20px;
top: 0;
bottom: 0;
margin: auto
}

.sec5 {
margin-top: -20px;
margin-bottom: 45px;
position: relative;
z-index: 2;
background: transparent;
}

.resources-wrap {
display: inline-block;
width: 100%;
float: none;
}



.feat-sec .sec2 .ac {
max-width: 1300px;
padding: 0 20px;
}

@media screen and (max-width:1450px) {
.art-slides {
  padding-right: 100px
}

.clud-sli ul li div {
  min-height: 280px
}


}



@media screen and (max-width:1000px) {


.art-rel .art-rel-sli {
  width: 100%
}
}



@media screen and (max-width:1450px) {
.sec2 .lhs {
  width: calc(100% - 665px);
  padding: 0 50px 0 65px
}

.sec2 .rhs {
  width: 665px;
  margin-top: 32px;
}

.sec2.sec2-opp {
  padding: 0
}

.sec2.sec2-opp .lhs {
  padding: 0 50px
}

.sec2.sec2-opp .rhs .scrn-2 {
  margin: 0
}
}

@media screen and (max-width:1330px) {



.sec2.sec2-opp .lhs {
  padding: 0 40px 0 0
}

.spri {
  background-size: 1400px 1765px;
  height: 393px;
  margin: 0 auto !important;
  float: initial !important
}

.scrn-1 {
  background-position: -630px 0;
  width: 575px;
  margin: 0 auto;
  float: initial !important
}

.scrn-2 {
  background-position: -600px -441px;
  width: 600px
}

.scrn-3 {
  background-position: -3px -709px;
  width: 581px;
  height: 371px
}

.clud {
  width: 100%
}

.scrn-1-com {
  top: 245px;
  background-size: 1400px 1765px
}

.scrn-1-1 {
  left: 147px;
  background-position: -651px -943px
}

.scrn-1-2 {
  left: 327px;
  background-position: -751px -943px
}

.scrn-1-3 {
  left: 508px;
  background-position: -844px -943px
}



.scrn-2-1 {
  background-size: 1400px 1765px;
  background-position: -367px -1101px;
  bottom: 110px;
  left: 264px
}

.scrn-3-com {
  top: 208px;
  background-size: 1400px 1765px
}

.scrn-3-1 {
  left: 136px;
  background-position: -14px -1099px
}

.scrn-3-2 {
  left: 318px;
  background-position: -118px -1099px
}

.scrn-3-3 {
  left: 499px;
  background-position: -225px -1099px
}
}

@media screen and (max-width:1250px) {
.ac {
  max-width: 95%
}

.ban .lhs h1 {
  font-size: 36px;
  line-height: 42px;
  padding-right: 0
}

.ban .lhs p {
  padding-right: 0
}

.art-rel .art-rel-sli {
  width: auto
}

.art-slides,
.slick-list {
  padding-right: 0
}

.clud-sli ul li div {
  min-height: 250px
}

.art-rel:before {
  display: none
}
}

@media screen and (max-width:1230px) {
.clud-sli ul li div {
  min-height: 250px
}
}

@media screen and (max-width:1100px) {
.ac {
  max-width: 90% !important;
}

.sec2 .ac {
  max-width: 100%
}

.realtime-sec .animation-box {
  zoom: 0.8;
}

.feat-sec .simg-animation {
  zoom: 0.7;
}

.sec2 .lhs {
  width: calc(100% - 540px);
}

.sec2 .rhs {
  width: 540px;
}

.sec2 .scrn-com {
  padding-left: 0;
  padding-right: 0;
}
.sec4:after {
height: 253px;
}
.reasons-wrap .rhs {
zoom: 0.9;
}
}

@media screen and (max-width:1050px) {
.sec2.sec2-opp .lhs {
  width: 100%
}

.sec2.sec2-opp .rhs {
  width: 720px;
  margin: 0 auto;
  display: table;
  float: initial !important
}

.sec2.sec2-opp {
  padding: 0 50px
}

.scrn-rule .rhs .spri {
  margin-top: 0 !important
}

.sec2.sec2-opp .scrn-com {
  display: -webkit-flex;
  display: grid
}

.sec2.sec2-opp .lhs {
  order: 1
}

.sec2.sec2-opp .rhs {
  order: 2
}

.ban .lhs h1 {
  line-height: 50px
}





.scrn-com .lhs p::before {
  display: none
}



.scrn-com .lhs h3 {
  padding-left: 0
}

.sec2 .lhs {
  padding: 0
}

.scrn-com {
  padding: 80px 40px 0 40px
}

.scrn-com .lhs p {
  padding: 0
}

.feat-sec h2 {
  margin-bottom: 60px
}







.clud {
  display: none
}


.feat-sec .simg-animation {
  margin-top: 30px
}

.ban-ani {
  margin-top: 48px
}
}



@media screen and (max-width:1025px) {
#header-mainsec {
  height: 57px
}
}

@media screen and (max-width:1023px) {
.realtime-sec .animation-box {
  display: none;
}

.realtime-sec .realtime-inner {
  padding: 20px 20px 32px 20px;
}
.sec4:before {width: 100%;border-radius: 0;}

.reasons-wrap .rhs h3 {text-align: center;font-size: 28px;font-weight: 500;margin-bottom: 30px;}

.sec4 {padding: 30px 0;}

.reasons-wrap .rhs ul {margin-top: 0;}

.sec4:after {display: none;}

.sec4:before {width: 100%;border-radius: 0;}

.reasons-wrap .rhs h3 {text-align: center;font-size: 28px;font-weight: 500;margin-bottom: 30px;}

.sec4 {padding: 30px 0;}

.reasons-wrap .rhs ul {margin-top: 0;}

.sec4:after {display: none;}

.resources-wrap .lhs:before {display: none;}

.resources-wrap .lhs h4 {padding: 0;}

.resources-wrap .rhs ul li {max-width: 100%;margin: 0;margin-bottom: 10px;}

.resources-wrap .rhs {margin-left: 0;}

.resources-wrap {padding: 40px;}

.sec5 {margin-top: 20px;}
.reasons-wrap {
padding-top: 40px;
}

}

@media screen and (max-width:992px) {
.scrn-com {
  min-height: initial;
}

.sec2 .rhs {
  display: none
}



.sec2 .lhs {
  width: 100%
}

.sec2 .rhs {
  width: 720px;
  margin: 0 auto;
  display: table;
  float: initial !important
}

.ban-ani {
  display: none
}

.ban .lhs {
  width: 100%;
  padding-right: 0
}

.mob-hide {
  display: none
}



.sec2 .ac {
  max-width: 95%
}

.sec2.sec2-opp {
  padding: 0
}

.ban {
  padding: 90px 0 60px 0
}

.clud-sli ul li div {
  min-height: 250px
}

.sec2.sec2-opp .lhs {
  padding: 0
}

.slick-list {
  padding-right: 0
}

.art-rel:before {
  opacity: 0;
  filter: alpha(opacity=0);
}





.feat-sec .simg-animation {
  display: none
}

.scrn-com {
  padding: 13px 40px
}

.mt-60 {
  margin-top: 30px !important;
  margin-bottom: 30px;
}

.usecase-section {
  margin-top: 90px;
}

.usecase-section {
  margin-top: 90px;
}

.sec3 {
  background: #f0fff7;
}

.sec3 .box-tit {
  float: none;
  display: inline-block;
  width: 100%;
}

.sec3 .box-tit h2 br {
  display: none;
}

.sec3 .box-tit h2 {
  font-size: 32px;
  line-height: 51px;
}

.sec3 .box {
  opacity: 1;
  filter: alpha(opacity=100);
}

.sec3-spli:last-child {
  margin-top: 0;
}



}

@media screen and (max-width:767px) {


#titlediv {
  display: none !important
}

.zsiq_theme1 .zsiq_flt_rel {
  border-radius: 50px 0 0 50px !important
}

.ban {
  padding: 70px 0 20px 0
}

.sec2 .rhs,
.sec2.sec2-opp .rhs {
  width: 100%
}

.scrn-com .spri,
.scrn-com .spri-ani {
  display: none
}

.spri-mob-com {
  background: url('images/casb-cloud-access-security-broker-sprite.png') no-repeat;
  background-size: 1400px 1765px;
  background-position: -3px -1551px;
  width: 301px;
  height: 220px;
  display: table;
  margin: 0 auto;
  float: initial !important
}

.scrn-mob-2 {
  background-position: -341px -1584px
}

.scrn-mob-3 {
  background-position: -707px -1569px
}

.sec2 h2 {
  font-size: 24px;
  line-height: 34px
}

.footer-stripe {
  background: #004c73;
  padding: 40px 30px;
  float: left;
  width: 100%;
  box-sizing: border-box
}



.feat-sec h2 {
  zoom: 0.8
}


}

@media screen and (max-width:650px) {
.scrn-com .spri {
  background-size: 1400px 1765px;
  width: 300px
}

.scrn-1 {
  background-position: -332px 0;
  height: 211px
}

.scrn-2 {
  background-position: -332px -232px;
  height: 200px
}

.scrn-3 {
  background-position: -5px -373px;
  height: 200px
}

.sec2 .lhs {
  padding: 0
}

.ban .lhs h1 {
  font-size: 28px;
  line-height: 36px
}

.art-rel .slick-arrow.slick-prev {
  right: calc(50%)
}

.art-rel .slick-arrow.slick-next {
  right: calc(50% - 49px)
}


}

@media screen and (max-width:567px) {


.feat-sec h2 {
  zoom: 0.65
}
}

@media screen and (max-width:500px) {
.ds-list li {
  width: 100%
}

.clud-sli ul li div {
  min-height: 310px
}
}

@media screen and (max-width:480px) {


.slick-list {
  padding-top: 57px
}

.art-rel .art-rel-sli {
  padding-bottom: 50px
}

.feat-sec h2 {
  zoom: 0.55
}
}

@media screen and (max-width:350px) {


.sec2.sec2-opp .lhs {
  padding: 30px
}

.clud-sli ul li div p {
  font-size: 14px;
  line-height: 24px
}

.clud-sli ul li div {
  padding: 28px 10px 15px 28px
}

.feat-sec h2 {
  zoom: 0.5
}
}

@media screen and (max-width:480px) {
.mew-horizontal-tab .mew-tab-list li {
  padding: 6px 5px
}

.mew-horizontal-tab .mew-tab-list li span:after {
  margin: 3px 0 0 3px
}
}

.btmBar,
footer {
float: left;
width: 100%
}

#btmBar ul li a {
font-family: ZohoPuvi
}



@media screen and (max-width: 1199px) {

.reasons-wrap .rhs ul {
  max-width: 270px
}

.reasons-wrap .rhs {
  max-width: 570px
}

}

@media screen and (max-width: 991px) {

.reasons-wrap .lhs {
  display: none
}

.reasons-wrap .rhs {
  max-width: 100%
}

.reasons-wrap .rhs ul {
  max-width: 100%
}

.reasons-wrap .rhs ul+ul {
  margin-left: 0
}

}

@keyframes flow1 {
0%{background-position:100000px 0}
100%{background-position:0 0}
}



body .ac .hfp-page-form {float: none;}
body .ac .hfp-page-form .one-line-form{float:none}
body .hfp-page-form *{margin:0;padding:0;background:none;border:none;font-size:inherit;font-weight:inherit;color:inherit}
body .hfp-page-form *:hover{background:transparent;color:inherit;padding:0;margin:0;box-shadow:none;transform:none}
body .hfp-page-form a:hover,body .af .hfp-page-form a:hover{background:none;color:inherit;box-shadow:none}
body .hfp-page-form .one-line-form{width:530px;margin:0}
body .hfp-page-form .one-line-form *{font-family:"ZohoPuvi",verdana,arial,sans;font-size:14px;outline:0;margin:0;padding:0;box-sizing:border-box;background:none;}
body .hfp-page-form .one-line-form > form > ul{margin:0;padding:0}
body .hfp-page-form .one-line-form > form > ul li{list-style-type:none;float:left;border:1px solid #BF9898;background:#fff}
body .hfp-page-form .one-line-form > form > ul li:nth-child(1){width:270px;position:relative;border-radius:3px 0 0 3px;border-right-width:0}
body .hfp-page-form .one-line-form > form > ul li:nth-child(1) .form-icn{background:#fff;width:38px;position:absolute;top:0;left:0;height:100%;border-radius:3px 0 0 3px}
body .hfp-page-form .one-line-form > form > ul li:nth-child(1) .form-icn .icn-mail{width:17px;height:12px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAbCAYAAAAQ2f3dAAAABHNCSVQICAgIfAhkiAAAAi1JREFUWEfNl09IFFEcx5MUqTx5q4sHkbZTEiodDDEtipTyH5lSlqIplkLQISoq9RB5NFHBwEsJ3kLr1ClviohnvXQpQgi6iIItfr7xJqZh3Z2ZfbO7Dz7szm/f+/0+zM5v3kzekf/HJQ4vwElPPOrDHxT4Cl+cQnl8OQ5X4R2swJyJRS3jzr/DwT2ogB74LDGN37BpfsikkLfWKoFSKJZYHTyBERiFmiyZLVF3Ch7DC4m9NGfrPZ+18BwuZljuA/UWYR66oERistyAaSOjBpD15QzJqe46zJh6g3yeSSSm36/AMKgpohxvSL4N464iScU0rwHuQ2NEZk/JewyeefKnFNP866A2vmFZ7iH5ymAoQV5fYlrXAreg1ZKcLm412d1D8vkW0/qb0ATtacopx21oTpInkJjydMA16Awp59wv61OsDyymfHdABfR3BBmVTJ6EKh+LQokpr5pBG323jyKacho+Qszn/NBiyt8LOgt9KYrpKWUNTvmU0rS0xJSgH87CwCFFTxD/CUUBpKyIKckD81fpvuQdfwgUQDwbYqp5Hl6DtrBvcA5egbpvL6CUtTPm1NWG/wi0924Zyf0QUtbFQjokXJb2xW9Txp3rn9gyUT2P6ULOhaEuj+maeAvlUJ0LVjj8fXCU2FHTPfk5IvYLj1LnLWmMA706TcCnLAlqD9ZN+7u62hGTSxtoc1bMz2Zr01/vs4WwALMQd4s5hfS4myhuU8SbS7vDrjt4AMGtcSqPL2TTAAAAAElFTkSuQmCC);background-size:contain}
body .hfp-page-form .m-thanks,body .hfp-page-form .d-thanks{display:none}
body .hfp-page-form #meGDPRMessage .checkmarkgdpr{background:#fff;height:12px!important;width:12px!important}
body .hfp-page-form #meGDPRMessage .checkmarkgdpr.enableCheckgdpr:before{width:3px!important;height:6px!important;border:1px solid #000;border-width:0 1.5px 1.5px 0 !important;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);display:block;content:'';position:absolute;top:1.5px!important;left:4px!important}

@media screen and (max-width : 1100px){

.rhs {
transform: scale(.7);
right: -120px;
}

}

body .double-btn{display:none;margin-bottom:30px}
body .double-btn a{padding:10px 30px 10px 48px;position:relative;transition:.3s ease-in;display:inline-block;font-size:17px;font-weight:500;border-radius:3px;border:1px solid #dd002c;text-decoration:none;line-height:27px;box-sizing:border-box}
body .double-btn a{background:#DD002C;color:#fff}
body .double-btn a:hover{box-shadow:0 5px 10px rgb(221 0 44 / 50%);transform:translateY(-3px);text-decoration:none}
body .double-btn .CS_CTA_signup{margin-right:15px}
body .double-btn .CS_CTA_signup:before{content:"";width:15px;height:15px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAYAAAA/xX6fAAAABHNCSVQICAgIfAhkiAAAAgxJREFUSEvtl+FRwzAMhZsJ6AaUCYAJKBMAExAmACagnQCYgG4AnYB0AugEpBvQCcL7cjLn5hLbabn+Qne+JrGkZz9ZkpsNEqWqqlyqZxonNgr9lhrzLMveEt0MspiigEbSedEYB3QBvBHwd8xfENDAPuRkGHNkuz2NgcYAoQ0anUz18Cann1oMO77UuPXmnzV3F1pcJ6DFDCqRNZQC1HQmPUBfve9XoZiGAP3d3cvJU9fKBTrT3LXNT6U76dINAZYyOjTDIznhvVWM3nebXEgXulslBFg5CzmIxXok3S/TX0md996Ae98huXVhy9xLDHOBuVNKQp8nnlL0it6UYqDDgKGfhxO9U8pcHsKAn3fb56EBEnxy76Brxd73pZ7J1WB5S62ls8ZOm/hzfchjYBhFAZ1nqzxjvdMtjjUWGqUGpe7vukUClb1UknfYy2tAuRVQ9NGOoA0K+0ohg2VXPDcABUR8yD1+dxVON015o8P8AgqMfHrcFaXFfiJQ+mgtNWBLT6P/sTLo6SuEAYb83GWnsxrQ4kWld9cIjjs5VfZFcvrmEwBXiykGXD9KACd6eTDlFatLSeCUxcg3LHH4kLrsAQhtrl4GrwcpIL5OI1R1YwYQ6pI6e19A9OV/o5EDmNzZ/wHbGGij1MUwePnZhk6LoTupax2aITEkSbnM1jfqbR132dnfhVzzBVePH+P58h9IaxXvAAAAAElFTkSuQmCC) no-repeat;background-size:contain;background-position:center;position:absolute;left:calc(50% - 42px);top:48%;transform:translateY(-50%)}
body .double-btn .CS_CTA_download:before{content:"";width:15px;height:15px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAVFJREFUSEvtlv0RgjAMxekGOomO4gbKBLqBOIITCBs4ikwiG9QXrsW29CPh+BPuvJM2yY/3WkJVtfDSWjdIveLXKaVu0jJKmmDjAdbm/wDwXlpnDXAFsLiOOCGieAOzlnuzmmUTBTmv07a5WK5lNxfspFao0R+eYbWS1blcqpUEI/GC+ZcBtoDXLjwHxlyL2LOJr5FL997FBVOSB0+BAyjlycBm57pP7sFj4AiUvlzk3OwqNpBIsVF5CJZAs2scrOdMOeZdJZ2zppSaVGrrFhXbwIiimIMs6KhYcpJgwLNKPZb0JJGBF+31WKVGEPNTupGc5bLHpdHq/43gCOPAi0pXBad2Vm7cE7lU8QYuOQBnd4j5Tg0EAx/cHMwAfQZpswylQtJ58w7fTV5vG4gdkNZbGv8YW2agemkxbl4PR49TrzZWnBzbuYW4cT0C34A2lPAD7xbxyo7GxG4AAAAASUVORK5CYII=) no-repeat;background-size:contain;background-position:center;position:absolute;left:calc(50% - 53px);top:48%;transform:translateY(-50%)}
@media screen and (max-width : 992px){
    body .double-btn{
        text-align:center;
        width: 100%;
    }
}
@media screen and (max-width : 400px) {
body .double-btn a{font-size:14px;width:100%;margin:0;box-sizing:border-box;text-align:center}
body .double-btn .CS_CTA_signup{margin:0;margin-bottom:8px;text-align:center;width:100%}
}


 .feb-pre-footer .col20 ul li a[href$="#"]{display:block}
 
 /* Temp */
 /*--=== FOOTER ===--*/    
.feb-pre-footer{background-color:#edf2f5;padding:70px 0 72px;float:left;width:100%;    position: relative;}
.feb-pre-footer.topcol{background:#f9f9f9;}
.feb-pre-footer *{margin:0;padding:0;box-sizing:border-box;font-family: 'ZohoPuvi';}
.feb-pre-footer ul,.feb-pre-footer ol{list-style-type:none;margin-bottom:30px}
.feb-pre-footer a,.feb-pre-footer a:hover{text-decoration:none}
.feb-pre-footer .feb-pre-footer-container{max-width:1240px;width:100%;padding:0 20px;margin:0 auto}
.feb-pre-footer .mt-42{margin-top:42px}
.feb-pre-footer .col1{float:left;width:40%;padding-right:20px}
.feb-pre-footer .col1 .plogo-base{margin-left:-15px}
.feb-pre-footer .col1 .plogo-base ul li{float:left;width:127px;height:57px;border-radius:4px;text-align:center;background-color:#fff;margin-left:15px;margin-bottom:15px}
.feb-pre-footer .col1 .plogo-base ul li i,.feb-pre-footer .col1 .plogo-base ul li a{height:57px}
.feb-pre-footer .col1 .plogo-base ul li .icn-plogo1{background-position:-12px -512px;width:87px}
.feb-pre-footer .col1 .plogo-base ul li .icn-plogo3{background-position:-240px -511px;width:60px}
.feb-pre-footer .col1 .vid-sec{margin-top:25px;width:411px;height:231px;position:relative;display:none;}
.feb-pre-footer .col1 .vid-sec .icn-vid{background-position:-9px -579px;width:411px;height:231px;cursor:pointer;position:absolute;top:0;left:0}
.feb-pre-footer .col20{width:20%;float:left;padding-right:10px;padding-top:4px}
.feb-pre-footer .col20 h4{color:#272727;font-size:19px;font-family:'Zoho_Puvi_Bold';margin-left:0;margin-bottom:14px}
.feb-pre-footer .col20 ul li{line-height:20px;margin-bottom:12px}
.feb-pre-footer .col20 ul li a{color:#323433;font-size:13px;}
.feb-pre-footer .col20 ul li a:hover{text-decoration:underline}
.feb-pre-footer .col20 ul li a[href$="#"]{display:none}
.feb-pre-footer .col20.col3{padding-left:30px}
.feb-pre-footer .col20.col4{padding-left:30px}
.feb-pre-footer .vid-sec-vid{border: 0;height: 210px;border-radius: 5px;}
.feb-pre-footer .col1 h4{color:#272727;font-size:19px;font-family:Zoho_Puvi_Bold;margin-left:0;margin-bottom:14px}
.feb-pre-footer .col1 ul li{margin-bottom:10px}
.feb-pre-footer .col1 ul li a{color:#272727;font-size:14px;line-height:25px}
.feb-pre-footer .col1 ul li a:hover{text-decoration:underline}
.feb-pre-footer.fir-footer .col1{width:30%}
.feb-pre-footer.fir-footer .col20{float:right;width:68%}
.feb-pre-footer.fir-footer .col1 .vid-sec{margin-top:0;width:100%}
.feb-pre-footer.fir-footer h2{margin-bottom:15px;}
.feb-pre-footer.fir-footer p span{border-right:solid 1px #9ba3a5;display:inline-block;padding:0 20px 0 30px;position:relative;}
.feb-pre-footer.fir-footer p span:nth-child(2){border:none;margin-left:10px;padding-right:0}
.feb-pre-footer.fir-footer p span:after{background:url(https://www.manageengine.com/latam/log-management/images/customer-testimonial-sprite.png);background-position:-226px -104px;background-size:460px;content:"";height:25px;left:0;position:absolute;top:0;width:25px}
.feb-pre-footer.fir-footer p span a{color:#333;font-size:15px;}
.feb-pre-footer.fir-footer ul li{box-shadow:0px 0px 11px #ccc;display:inline-block;background:url(https://www.manageengine.com/latam/log-management/images/customer-testimonial-sprite.png) #fff no-repeat;background-position:-4px -4px;border-radius:7px;background-size:460px;height:92px;margin:23px 14px 0 0;width:107px;}
.feb-pre-footer.fir-footer ul li a{display:block;height:100%;width:100%;}
.feb-pre-footer.fir-footer ul li:nth-child(2){background-position:-113px -5px}
.feb-pre-footer.fir-footer ul li:nth-child(3){background-position:-223px -5px}
.feb-pre-footer.fir-footer ul li:nth-child(4){background-position:-333px -5px}
.feb-pre-footer.fir-footer ul li:nth-child(5){background-position:-4px -99px}
.feb-pre-footer.fir-footer ul li:nth-child(6){background-position:-113px -99px}

.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/latam/log-management/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/latam/log-management/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(https://www.manageengine.com/latam/log-management/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}