.footCol2 .foot-head, .footCol2 .footCont {
    display: block; 
}
.heading-menu {
    margin-top: 15px;
}

.main *,.main ::after,.main ::before{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}
.heading-menu,.sec-pTB,#meCommonFooterNew, .foot-22,.btmBar{display:none}
img{width:100%;height:auto}
.main{font-family:'ZohoPuvi';font-weight:300;color:#000;overflow:hidden}
.main .my-container{max-width:1250px;margin:0 auto;padding:0 25px}
.main .lr-container{display:table;width:100%}
.main .lhs{display:table-cell;vertical-align:middle;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0}
.main .rhs{display:table-cell;vertical-align:middle;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0}
.main a{text-decoration:none}
.sprite span,.banner .sprite .ban-bg::before,.banner .sprite .file-icon::before,.banner .sprite .file-icon::after{background:url(https://www.manageengine.cn/cloud-siem/images/cloud-log-storage-banner-sprite-22.png) no-repeat;background-size:430px;position:absolute}
.banner a::before,.banner span::before,.intro-content ul li::before,.sec1 .box ul li::before,.sec1 .box::before,.sec2-cta a::before,.sec2 .lhs span::before{background:url(https://www.manageengine.cn/cloud-siem/images/cloud-log-storage-sprite-22.png) no-repeat;background-size:292px;position:absolute}
.banner{background:-webkit-gradient(linear,left top,right top,from(#2348ac),color-stop(60%,#2c8ec4),to(#1ca1b5));background:-o-linear-gradient(left,#2348ac,#2c8ec4 60%,#1ca1b5);background:linear-gradient(to right,#2348ac,#2c8ec4 60%,#1ca1b5);padding:80px 0 200px}
.banner .my-container{max-width:1150px}
.banner h1{font-size:48px;font-weight:600;line-height:1.3;color:#fff;margin-bottom:16px}
.banner p{font-size:24px;font-weight:200;line-height:1.6;color:#fff;margin-bottom:30px}
.banner p br{display:none}
.banner .lhs{float:left;width:calc(100% - 550px);padding-right:110px}
.banner .rhs{float:right;width:550px;position:relative}
.banner .rhs .sprite {width:550px;height:410px;}
.banner .lhs a{display:inline-block;background:#e92e2e;font-size:18px;font-weight:400;line-height:18px;color:#fff;border-radius:4px;padding:18px 40px 18px 70px;margin-bottom:6px;position:relative;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.banner .lhs a::before{content:'';background-position:-3px -5px;width:25px;height:25px;position:absolute;top:0;bottom:0;left:32px;margin:auto}
.banner .lhs a:hover{background:#f31919;-webkit-box-shadow:4px 8px 15px rgba(213,51,54,0.4);box-shadow:4px 8px 15px rgba(213,51,54,0.4);-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px)}
.banner .lhs span{display:block;font-size:12px;font-weight:200;color:#fff;padding-left:40px;position:relative}
.banner .lhs span::before{content:'';background-position:-35px -10px;width:21px;height:15px;top:0;bottom:0;left:12px;margin:auto}
.banner .sprite .ban-bg{background-position:-7px -4px;width:412px;height:412px;left:0;right:0;top:0;bottom:0;margin:auto}
.banner .sprite .ban-bg::before{content:'';background-position:-360px -502px;width:41px;height:43px;position:absolute;left:75px;top:46px;-webkit-animation:star 1s 3s linear both;animation:star 1s 3s linear both}
@-webkit-keyframes star {
from{-webkit-transform:translate(46px,30px);transform:translate(46px,30px);opacity:0}
to{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
}
@keyframes star {
from{-webkit-transform:translate(46px,30px);transform:translate(46px,30px);opacity:0}
to{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
}
.banner .sprite .cloud1{background-position:-13px -448px;width:315px;height:159px;top:60px;bottom:0;left:0;margin:auto;-webkit-animation:cloud 8s 4s linear infinite;animation:cloud 8s 4s linear infinite}
.banner .sprite .file-icon{background-position:-7px -868px;width:243px;height:256px;left:20px;right:0;bottom:92px;margin:auto;-webkit-animation:fileIcon 1s 1s linear both;animation:fileIcon 1s 1s linear both}
@-webkit-keyframes fileIcon {
from{height:0;-webkit-transform:translate(70px,56px);transform:translate(70px,56px);opacity:0}
to{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
}
@keyframes fileIcon {
from{height:0;-webkit-transform:translate(70px,56px);transform:translate(70px,56px);opacity:0}
to{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
}
.banner .sprite .file-icon::before{content:'';background-position:-274px -868px;width:82px;height:49px;left:-16px;bottom:78px;-webkit-animation:log 1s 2s linear both;animation:log 1s 2s linear both}
@-webkit-keyframes log {
from{-webkit-transform:translateX(156px);transform:translateX(156px)}
to{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes log {
from{-webkit-transform:translateX(156px);transform:translateX(156px)}
to{-webkit-transform:translateX(0);transform:translateX(0)}
}
.banner .sprite .file-icon::after{content:'';background-position:-274px -957px;width:106px;height:125px;right:20px;bottom:67px}
.banner .sprite .cloud2{background-position:-8px -632px;width:386px;height:197px;bottom:22px;right:-25px;-webkit-animation:cloud 8s 4.8s linear infinite;animation:cloud 8s 4.8s linear infinite}
@-webkit-keyframes cloud {
from,to{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(-40px);transform:translateX(-40px)}
}
@keyframes cloud {
from,to{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(-40px);transform:translateX(-40px)}
}
.intro-content{background:#fff;border-radius:10px 10px 0 0;-webkit-box-shadow:0 0 20px rgba(108,118,120,0.25);box-shadow:0 0 20px rgba(108,118,120,0.25);padding:40px;position:relative;margin-top:-135px;margin-bottom:60px;text-align:center;position:relative;opacity:0}
.intro-content::before,.intro-content::after{content:'';width:50%;height:3px;position:absolute;bottom:0}
.intro-content::before{background:#2245ab;left:0}
.intro-content::after{background:#1ca1b5;right:0}
.intro .my-container{max-width:980px}
.intro-content h2{font-size:32px;font-weight:500;margin-bottom:34px}
.intro-content ul li{display:inline-block;width:calc(98% / 3);font-size:16px;font-weight:500;line-height:1.4;padding:0 20px;padding-top:75px;vertical-align:top;position:relative}
.intro-content ul li::before{content:'';left:0;right:0;top:0;margin:auto}
.intro-content ul li:first-child::before{background-position:-3px -41px;width:57px;height:55px}
.intro-content ul li:nth-child(2)::before{background-position:-78px -39px;width:64px;height:59px}
.intro-content ul li:nth-child(3)::before{background-position:-159px -37px;width:60px;height:59px}
.animated.intro-content{-webkit-animation:fadeUp 1s ease-in both;animation:fadeUp 1s ease-in both}
.sec1 .odd,.sec1 .even{margin-bottom:80px}
.sec1 .odd .lhs{width:50%;position:relative;left:-70px}
.sec1 .odd .rhs{width:50%;padding-left:60px}
.sec1 .even .lhs{width:50%;padding-right:70px}
.sec1 .even .rhs{width:50%;position:relative;right:-70px}
.animated .lhs{-webkit-animation:fadeInLeft 1.2s ease-in-out both;animation:fadeInLeft 1.2s ease-in-out both}
.animated .rhs{-webkit-animation:fadeInRight 1.2s ease-in-out both;animation:fadeInRight 1.2s ease-in-out both}
.sec1{margin-bottom:80px}
.sec1-header{max-width:980px;margin:auto;text-align:center;margin-bottom:60px;opacity:0}
.animated.sec1-header{-webkit-animation:fadeDown 1.2s ease-in-out both;animation:fadeDown 1.2s ease-in-out both}
.sec1 .sec1-header p{font-size:20px;font-weight:400;line-height:1.6;margin-bottom:40px}
.sec1 .sec1-header h4{font-size:26px;font-weight:500;line-height:1.3;color:#cc4b32}
.sec1 .sec1-header h4 a {font-size: inherit;font-weight: inherit;  color: #138cd6;}
.sec1 .sec1-header h4 a:hover {text-decoration: underline}
.sec1 .sec1-header h4 br{display:none}
.sec1 .box{max-width:900px;padding-left:340px;position:relative;margin:auto;opacity:0}
.animated.box{-webkit-animation:fadeInRight 1.2s ease-in-out both;animation:fadeInRight 1.2s ease-in-out both}
.sec1 .box.box1,.sec1 .box2-container{margin-bottom:80px}
.sec1 .box::before{content:'';left:0;top:0;bottom:0;margin:auto;opacity:0}
.animated.box::before{-webkit-animation:fadeInLeft 1.2s .6s ease-in-out both;animation:fadeInLeft 1.2s .6s ease-in-out both}
.sec1 .box.box1::before{background-position:-8px -121px;width:267px;height:218px}
.sec1 .box.box2::before{background-position:-5px -356px;width:244px;height:202px}
.sec1 .box.box3::before{background-position:-8px -581px;width:251px;height:198px}
.sec1 .box2-container{background:#f7f9fa;padding:90px 30px}
.sec1 .box h2{font-size:28px;font-weight:500;line-height:1.1;color:#276ad9;margin-bottom:10px}
.sec1 .box.box2 h2{color:#cc4b32}
.sec1 .box p{font-size:16px;line-height:1.5;margin-bottom:18px}
.sec1 .box p a:hover {text-decoration: underline}
.sec1 .box ul{margin-bottom: 18px;}
.sec1 .box ul+p{margin-bottom: 0;}
.sec1 .box ul li{font-size:16px;line-height:1.6;padding-left:30px;position:relative}
.sec1 .box ul li:not(:last-child){margin-bottom:12px}
.sec1 .box ul li::before{content:'';background-position:-87px -13px;width:14px;height:9px;left:0;top:8px}
.sec1 .box.box2 ul li::before{-webkit-filter:hue-rotate(130deg);filter:hue-rotate(130deg)}
.sec1 .box .go-cta{display:inline-block;font-size:16px;font-weight:500;color:#fff;background:#2247ac;padding:10px 32px;margin-top:30px;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.sec1 .box .go-cta:hover{background:#134deb;-webkit-box-shadow:4px 10px 15px rgba(34,71,172,0.2);box-shadow:4px 10px 15px rgba(34,71,172,0.2);-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px)}
.sec2{background:-webkit-gradient(linear,left top,right top,from(#2348ac),color-stop(60%,#2c8ec4),to(#1ca1b5));background:-o-linear-gradient(left,#2348ac,#2c8ec4 60%,#1ca1b5);background:linear-gradient(to right,#2348ac,#2c8ec4 60%,#1ca1b5);padding-top:60px}
.sec2 .my-container{max-width:1600px;padding:0}
.sec2 .lr-container{overflow:hidden}
.sec2 .lhs{width:700px;padding-right:50px;padding-left:150px}
.sec2 .rhs{width:calc(100% - 700px);right:-80px;position:relative}
.sec2 .lhs h2{font-size:32px;font-weight:300;line-height:1.4;color:#fff;margin-bottom:34px}
.sec2 .lhs h2 strong{display:block;font-size:38px;font-weight:600}
.sec2-cta a{display:inline-block;font-size:16px;font-weight:400;color:#fff;border-radius:4px;padding:12px 30px 12px 50px;position:relative;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.sec2-cta a::before{content:'';top:0;bottom:0;left:16px;margin:auto}
.sec2-cta a:first-child{background:#d31111;border:1px solid #d31111;margin-right:10px;margin-bottom:6px}
.sec2-cta a:first-child::before{background-position:-3px -5px;width:25px;height:25px}
.sec2-cta a:last-child{border:1px solid #fff}
.sec2-cta a:last-child::before{background-position:-63px -8px;width:19px;height:19px;left:22px}
.sec2-cta a:hover{-webkit-box-shadow:4px 10px 15px rgba(0,0,0,0.2);box-shadow:4px 10px 15px rgba(0,0,0,0.2);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}
.sec2-cta a:last-child:hover{background:#34ad65;border-color:#34ad65}
.sec2 .lhs span{display:inline-block;font-size:12px;font-weight:200;color:#fff;padding-left:40px;position:relative}
.sec2 .lhs span::before{content:'';background-position:-35px -10px;width:21px;height:15px;top:0;bottom:0;left:14px;margin:auto}
.footer-cpy{background:#090909;text-align:center;padding:16px}
.footer-cpy p{font-size:14px;color:#7f7e7e}
@-webkit-keyframes fadeInLeft {
from{-webkit-transform:translateX(-100px);transform:translateX(-100px)}
to{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1}
}
@keyframes fadeInLeft {
from{-webkit-transform:translateX(-100px);transform:translateX(-100px)}
to{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1}
}
@-webkit-keyframes fadeInRight {
from{-webkit-transform:translateX(100px);transform:translateX(100px)}
to{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1}
}
@keyframes fadeInRight {
from{-webkit-transform:translateX(100px);transform:translateX(100px)}
to{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1}
}
@-webkit-keyframes fadeUp {
from{-webkit-transform:translateY(100px);transform:translateY(100px)}
to{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1}
}
@keyframes fadeUp {
from{-webkit-transform:translateY(100px);transform:translateY(100px)}
to{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1}
}
@-webkit-keyframes fadeDown {
from{-webkit-transform:translateY(-50px);transform:translateY(-50px)}
to{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1}
}
@keyframes fadeDown {
from{-webkit-transform:translateY(-50px);transform:translateY(-50px)}
to{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1}
}
@media screen and ( min-width : 1600px) {
.lr-container{width:1600px;}
.sec2 .rhs {right:0}
}
@media (max-width: 1100px) {
.banner {padding:80px 0 126px;}
.banner .lhs{padding-right:0;padding-left: 20px; width: calc(100% - 494px);}
.banner .rhs{width: 494px}
.banner .rhs .sprite {transform: scale(.8);top: -45px;position: relative;}
.sec2 .lhs{padding-left:80px;padding-right:30px;width:550px}
.sec2 .rhs{width:calc(100% - 550px)}
.sec2 .lhs h2{font-size:30px}
.sec2 .lhs h2 strong{font-size:32px}
}
@media (max-width: 992px) {
.banner{padding: 60px 0 180px;}
.banner .rhs{display:none}
.banner .lhs{float:none;width:100%;text-align:center;padding-left: 0;}
.banner p {line-height: 1.4;}
.banner p br{display:block}
.banner .lhs a{display:block;width:240px;margin:auto;margin-bottom:6px}
.banner .lhs span{display:inline-block}
.sec1 .sec1-header h4 br{display:block}
.sec2{padding:60px 0}
.sec2 .rhs{width:calc(100% - 460px)}
.sec2 .lhs{padding-left:30px;padding-right:0;width:460px}
.sec2 .lhs h2 strong{font-size:28px}
.sec2 .lr-container{text-align:center;padding:0 24px}
.sec2 .rhs{display:none}
.sec2 .lhs{width:100%;padding-left:0}
}
@media (max-width: 767px) {
.animated .lhs,.animated .rhs,.animate.animated,.animate.animated::before{-webkit-animation:none;animation:none;opacity:1}
.banner h1{font-size:40px}
.banner p{font-size:20px;line-height:1.4}
.intro-content{padding:40px 24px}
.intro-content ul li{padding:0 10px;padding-top:75px}
.sec1 .sec1-header p{font-size:16px}
.sec1 .sec1-header h4{font-size:22px}
.sec1 .box{padding-left:300px}
.sec1 .box h2{font-size:22px;line-height:1.3}
.sec1 .box p{font-size:15px}
.sec1 .box ul li{font-size:15px;line-height:1.4}
.sec1 .box.box1,.sec1 .box2-container{margin-bottom:60px}
.sec1 .box2-container{padding:70px 30px}
.sec2{padding:40px 0}
.footer-cpy p{font-size:12px;line-height:1.3}
}
@media (max-width: 600px) {
.intro-content{padding:24px;margin-bottom:40px}
.intro-content h2{font-size:22px}
.intro-content ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.intro-content ul li{width:200px}
.sec1 .sec1-header h4 br{display:none}
.sec1 .box{padding-left:0;padding-top:245px}
.sec1 .box::before{bottom:unset;right:0}
.sec2-cta a{padding:12px 18px 12px 42px}
.sec2-cta a::before{left:12px}
.sec2-cta a:last-child::before{left:18px}
}
@media (max-width: 425px) {
.banner h1{font-size:30px}
.banner p br{display:none}
.sec1 .sec1-header h4{font-size:20px}
.sec2 .lhs h2{font-size:22px}
.sec2 .lhs h2 strong{font-size:26px;line-height:1.2}
.sec2-cta{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;margin-bottom:4px}
.sec2-cta a:first-child{margin:0}
}

@media screen and (min-width: 1026px) {
    #header-topsec {
        position: fixed;
    }
}
@media only screen and (max-width: 450px) {
    header:not(.abheader) #header-mainsec {
        top: 40px;
    }
}