.af{font-family:'ZohoPuvi';-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;padding:0}
.af img,.af figure{border:0;display:block;margin:0;max-width:100%;height:auto}
#scroll,.sec-pTB.bg-l-grey,.heading-menu{display:none!important}
#backToTop{display:none!important}
.af p,.af a,.af li,.af td,.af td,.af span,.af label{line-height:24px;font-size:14px}
.af h1,.af h2,.af h3,.af h4,.af h5,.af h6{margin:0;color:#000}
.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 div,.af a,.af ul,.af li,.af input,.af p,.af h1,.af h2,.af span{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}
.ban{padding:55px 0 0;background:linear-gradient(to bottom,#c8ebf9 10%,#fff 90%);position:relative;overflow:hidden}
.ban .ac{max-width:1100px;display:table}
.ban .lhs-btop{float:left;width:calc(100% - 420px);padding:35px 150px 0 0}
.ban .lhs-btop h1{font-size:46px;line-height:67px;font-weight:500;color:#102336;margin-bottom:25px}
.ban .lhs-btop p{font-size:18px;line-height:30px;font-weight:300;padding-bottom:15px;color:#102336;padding-right:120px}
.ban .rhs-btop{float:left;width:400px;position:relative}
.b-ani{position:absolute;background:url(/sites/meweb/images/fr/log-management/images/soar-sprit-img.png) no-repeat;background-size:405px;transition:all .4s ease}
.b-ani-1{background:url(/sites/meweb/images/fr/log-management/images/soar-sprit-img.png) no-repeat -10px -228px;background-size:766px;width:393px;height:410px;left:0;top:6px}
.b-ani-11{background:url(/sites/meweb/images/fr/log-management/images/soar-sprit-img.png) no-repeat -47px -665px;background-size:766px;width:284px;height:269px;left:calc(50% - 152px);top:calc(50% - 135px);position:absolute}
.b-ani-2{background-position:0 0;background-size:766px 934px;width:249px;height:217px;-webkit-animation:bg-roate 4s linear infinite;-moz-animation:bg-roate 4s linear infinite;-o-animation:bg-roate 4s linear infinite;animation:bg-roate 4s linear infinite;position:absolute;top:120px;left:100px}
@-webkit-keyframes bg-roate {
0%{-webkit-transform:rotate(0deg) translateX(-10%) rotate(0deg) scale(1)}
20%{-webkit-transform:rotate(0deg) translateX(-20%) rotate(0deg) scale(0.8)}
40%{-webkit-transform:rotate(0deg) translateX(-30%) rotate(0deg) scale(0.6)}
60%{-webkit-transform:rotate(0deg) translateX(-20%) rotate(0deg) scale(0.8)}
100%{-webkit-transform:rotate(360deg) translateX(-10%) rotate(-360deg) scale(1)}
}
@-moz-keyframes bg-roate {
0%{-moz-transform:rotate(0deg) translateX(-10%) rotate(0deg) scale(1)}
20%{-moz-transform:rotate(0deg) translateX(-20%) rotate(0deg) scale(0.8)}
40%{-moz-transform:rotate(0deg) translateX(-30%) rotate(0deg) scale(0.6)}
60%{-moz-transform:rotate(0deg) translateX(-20%) rotate(0deg) scale(0.8)}
100%{-moz-transform:rotate(360deg) translateX(-30%) rotate(-360deg) scale(1)}
}
@-o-keyframes bg-roate {
0%{-o-transform:rotate(0deg) translateX(-10%) rotate(0deg) scale(1)}
20%{-o-transform:rotate(0deg) translateX(-20%) rotate(0deg) scale(0.8)}
40%{-o-transform:rotate(0deg) translateX(-30%) rotate(0deg) scale(0.6)}
60%{-o-transform:rotate(0deg) translateX(-20%) rotate(0deg) scale(0.8)}
100%{-o-transform:rotate(360deg) translateX(-30%) rotate(-360deg) scale(1)}
}
@keyframes bg-roate {
0%{transform:rotate(0deg) translateX(-10%) rotate(0deg) scale(1)}
20%{transform:rotate(0deg) translateX(-20%) rotate(-0deg) scale(0.8)}
40%{transform:rotate(0deg) translateX(-30%) rotate(-0deg) scale(0.6)}
60%{transform:rotate(0deg) translateX(-20%) rotate(-0deg) scale(0.8)}
100%{transform:rotate(360deg) translateX(-10%) rotate(-360deg) scale(1)}
}
.b-ani-3{background-position:-454px -120px;background-size:766px 934px;width:66px;height:66px;position:absolute;right:10px;top:10px;animation:rotating 5s linear infinite;-webkit-animation:rotating 5s linear infinite}
@keyframes rotating {
100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg)}
}
.ban-use-outer{margin:75px 0 150px}
.improve_cyber_box{display:table}
.improve_cyber_img{background:url(/sites/meweb/images/fr/log-management/images/soar-sprit-img.png) no-repeat -416px -228px;background-size:766px 934px;width:350px;height:418px;padding:85px 30px;position:absolute;z-index:2}
.improve_cyber_img h4{font-size:30px;font-weight:500;text-align:center;line-height:1.6;color:#fff}
.improve_cyber_img h4 span{font-weight:300;font-size:30px}
.improve_cyber_text{padding:60px 100px 35px 150px;background-color:#fff9e7;width:calc(100% - 250px);border:1px solid #fddc9d;border-radius:20px;top:51px;left:250px;position:relative;z-index:1}
.improve_cyber_text p{font-size:16px;line-height:1.8}
.improve_cyber_text p a{font-weight:500;font-size:16px;line-height:1.8}
@media screen and (max-width:1150px) {
.ac{max-width:90%}
}
@media screen and (max-width:1000px) {
.ban .rhs-btop{display:none}
.ban .lhs-btop{width:100%;padding:0;text-align:center}
.ban .lhs-btop p{font-size:18px}
.ban .lhs-btop a{margin-top:10px}
.ban{padding:80px 0 15px}
}
.animate{transition:all .8s ease-in-out;opacity:0}
.animate.animated{opacity:1}
.fadeInUp{transform:translateY(20px)}
.fadeInUp.animated{transform:translateY(0px)}
.fadeInLeft{transform:translateX(-20px)}
.fadeInLeft.animated{transform:translateX(0px)}
.fadeInRight{transform:translateX(20px)}
.fadeInRight.animated{transform:translateX(0px)}
.fadeInRight{transform:translateX(20px)}
.fadeInRight.animated{transform:translateX(0px)}
.graphori.animated{animation:graphver .5s ease-in-out 1.5s both;transform-origin:bottom}
@keyframes graphver {
from{transform:scaleY(0);opacity:0}
to{transform:scaleY(1);opacity:1}
}
.ani-scrn *{position:absolute;transition:all .5s ease-in-out}
.ani-sc-1,.ani-sc-1-pach{width:376px;height:65px;display:inline-block;left:171px;top:170px}
.ani-sc-1{background:url(images/event-correlation-siem-spri1-22.png) no-repeat;background-size:1072px;background-position:-19px -1252px;opacity:0}
.ani-sc-1-pach{background:#fff}
@media screen and (max-width: 1250px) {
.ani-scrn{display:none}
}
.top-ics i{background-size:1500px;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}
.sec2 h2,.response_sec h2{font-size:35px;font-weight:600;text-align:center;padding-bottom:85px;position:relative;z-index:1}
.sec2 .scrn-com img{transform:scale(1.1);position:relative;right:-50px}
.sec2 .scrn-com:nth-child(2){margin-bottom:60px}
.sec2 .scrn-com:nth-child(2) img{right:auto;left:-50px;margin-top:50px}
.sec2 .scrn-com:nth-child(4) img{right:auto;left:-50px;margin-top:120px}
.sec2 .scrn-com:nth-child(5) img{margin-top:60px}
.response_sec1{padding:55px 0 0;background:linear-gradient(to bottom,#fefaf0 10%,#fff 90%);position:relative}
.response_sec_tab_button{display:table;padding:14px 10px;border-radius:30px;background-color:#fff;margin:0 auto;float:none!important;box-shadow:0 9px 65px 0 rgba(75,116,165,0.16);position:relative;margin-top:-75px}
.response_sec_tab_button a{background-color:#fff;padding:10px 20px;border-radius:20px;color:#000;font-size:18px;font-weight:400}
.response_sec_tab_button a.act{background-color:#29b6ff;color:#fff}
.response_sec_tab{display:none}
.response_sec_tab img{margin-top:60px;position:relative;left:-50px}
.response_sec_tab.act{display:block}
.response_sec_tab2 img{margin-top:100px}
.tit{text-align:center;width:100%;margin-bottom:60px}
.tit h2{font-size:24px;font-weight:400;line-height:36px;padding-top:15px}
.scrn-com{float:left;width:100%;padding-bottom:60px}
.scrn-com .lhs{padding:75px 0 0 20px;float:left;width:calc(100% - 650px)}
.scrn-com .lhs h3{font-size:28px;font-weight:400;padding:0;line-height:1.3;color:#102336}
.sec2-opp .scrn-com .lhs h3{padding:0 0 30px}
.scrn-com .lhs p{font-size:16px;padding-bottom:15px;line-height:28px}
.scrn-com .lhs ul{padding:10px 0 20px}
.scrn-com .lhs ul li{font-size:16px;padding:0 0 20px 40px;line-height:28px;position:relative}
.scrn-com .lhs ul li:before{content:'';position:absolute;background:url(/sites/meweb/images/fr/log-management/images/soar-sprit-img.png) no-repeat -288px -35px;background-size:766px;width:20px;height:17px;margin:6px 0 0 -35px}
.scrn-com .lhs a{font-size:17px;line-height:28px;border:1px solid #102336;border-radius:5px;padding:10px 65px 10px 30px;display:inline-block;position:relative}
.scrn-com .lhs a:after{content:'';position:absolute;width:24px;height:15px;background-size:509px;background-position:-213px -392px;margin:8px 0 0 17px;transition:all .4s ease}
.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:650px;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}
.scrn-com-alt .lhs{padding:50px 60px 0 0;position:relative;z-index:1}
.spri{position:relative;background-position:-12px -574px;margin-top:-45px;background-size:2200px 1200px;width:732px;height:529px}
.scrn-2{background-position:-663px -3px;margin-left:-215px;width:820px;height:517px}
.scrn-3{background-position:-775px -606px;width:767px;height:466px}
.reasons_sec{padding-bottom:60px;position:relative}
.reasons_sec .ac{background-color:#d8fbff;display:table;border-radius:10px;padding:100px;max-width:1400px}
.reasons_sec h2{font-size:34px;line-height:1.4;font-weight:500;position:relative}
.reasons_sec h2:after{content:"";background:url(/sites/meweb/images/fr/log-management/images/soar-sprit-img.png) no-repeat -361px -120px;background-size:766px;width:86px;height:66px;position:absolute;right:55px;bottom:-65px}
.reasons_sec h2 span{font-size:34px;line-height:1.4;font-weight:300}
.reasons_sec .reasons_sec_img{max-width:450px;margin-right:40px;width:100%;background-image:url(images/ftm_reasons.png);background-size:520px;background-repeat:repeat-x;background-position:90% 90%;position:relative;overflow:hidden}
.reasons_sec .reasons_sec_img:after{content:"";position:absolute;width:150%;height:40px;display:block;background-size:contain;background-image:url(/sites/meweb/images/fr/log-management/images/ftm_plane.png);background-repeat:repeat-x;-webkit-animation:flow1 1000s linear infinite;animation:flow1 1000s linear infinite;top:280px}
@-webkit-keyframes flow1 {
0%{background-position:0 90%}
100%{background-position:100000px 90%}
}
@keyframes flow1 {
0%{background-position:0 90%}
100%{background-position:100000px 90%}
}
.reasons_sec .reasons_sec_img img{max-width:330px;float:right;margin-right:0;position:relative;z-index:2;margin-top:160px}
.reasons_sec .reasons_sec_remain{max-width:calc(100% - 490px);width:100%}
.reasons_sec .reasons_sec_boxs{width:100%;float:left}
.reasons_sec .reasons_sec_box{padding:0 20px;position:relative;margin-top:40px}
.reasons_sec .reasons_sec_box:nth-child(1){margin-top:0}
.reasons_sec h4{color:#1a2d40;font-size:18px;font-weight:500;line-height:1.6;padding-left:60px}
.reasons_sec p{padding-left:60px;font-size:18px;line-height:1.6;margin:0;margin-top:10px}
.reasons_sec .z-icon{background-image:url(/sites/meweb/images/fr/log-management/images/soar-sprit-img.png);background-size:766px;background-repeat:no-repeat;display:block;margin-bottom:20px;position:absolute}
.reasons_sec .z-icon-reasons-icon1{background-position:-287px -66px;width:41px;height:38px}
.reasons_sec .z-icon-reasons-icon2{background-position:-343px -68px;width:46px;height:32px}
.reasons_sec .z-icon-reasons-icon3{background-position:-403px -66px;width:38px;height:41px}
.reasons_sec .z-icon-reasons-icon4{background-position:-455px -68px;width:38px;height:34px}
.reasons_sec .z-icon-reasons-icon5{background-position:-508px -66px;width:41px;height:41px}
@keyframes stroke {
100%{stroke-dashoffset:0}
}
@keyframes scale {
0%,100%{transform:none}
50%{transform:scale3d(1.1,1.1,1)}
}
@keyframes fill {
100%{box-shadow:inset 0 0 0 30px #7ac142}
}
.af .ss_mobile_img{display:none}
@media screen and (min-width: 1350px) {
.sec2.sec2-opp .rhs .scrn-2{width:680px;background-size:1800px;background-position:-535px -3px;height:440px;margin-left:-60px;margin-top:0}
}
@media screen and (max-width: 1200px) {
.scrn-com .rhs .mob-s-scrn{display:block}
}
@media screen and (max-width: 992px) {
.scrn-com .lhs,.scrn-com .rhs,.why:after{width:100%}
.scrn-com .lhs{padding:15px 25px}
.scrn-com{border:1px solid #f5f5f5;background:#fff;margin-bottom:25px;padding:30px;border-radius:10px;overflow:hidden}
.reasons_sec h2{margin:50px 0}
.reasons_sec .reasons_sec_img img,.reasons_sec .reasons_sec_img:after{display:none}
.reasons_sec .reasons_sec_img{background-image:none}
.af .ss_mobile_img{display:block;margin:0 auto}
.af .ss_img{display:none}
}
@media screen and (max-width: 767px) {
.sec2 h2{font-size:30px;line-height:40px}
.scrn-com .lhs h3{font-size:20px;line-height:30px}
.ban .lhs-btop h1 br{display:none}
}
@media screen and (max-width: 567px) {
.scrn-com .lhs h3{font-size:18px;line-height:30px}
.scrn-com .lhs a{font-size:14px;padding:10px 15px}
.scrn-com .lhs a:after{display:none}
}
@media screen and (max-width:1450px) {
.art-slides{padding-right:100px}
.clud-sli ul li div{min-height:280px}
.sec4 .lhs .ani-men-2{top:263px}
}
@media screen and (max-width:1230px) {
.sec4 .ac{max-width:90%}
}
@media screen and (max-width:1000px) {
.sec4 .lhs{display:none}
.sec4 .rhs{width:100%;padding:0}
.sec4 .rhs ul li:last-child{padding-bottom:0}
.sec4 .rhs h3{font-size:26px}
}
@media screen and (max-width:767px) {
.sec4 .rhs ul li{font-size:16px;line-height:26px}
}
@media screen and (max-width:1450px) {
.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{overflow:hidden}
.sec2.sec2-opp .lhs{padding:0 40px 0 0}
.spri{background-size:1400px;height:365px;width:525px;margin:0 auto!important;float:initial!important}
.scrn-1{background-position:35px -368px;margin:0 auto;float:initial!important}
.scrn-2{background-position:-418px 0}
.scrn-3{background-position:-489px -385px;height:312px}
.scrn-com .lhs h3{font-size:24px;line-height:34px;padding:10px 0 15px}
.why:before{width:90%}
}
@media screen and (max-width:1250px) {
.ac{max-width:95%}
.ban .lhs-btop h1{font-size:46px;line-height:50px;padding-right:0}
.ban .lhs-btop p{padding-right:0}
}
@media screen and (max-width:1230px) {
.clud-sli ul li div{min-height:250px}
}
@media screen and (max-width:1100px) {
.ac{max-width:90%}
.ban .lhs-btop{padding:35px 100px 0 0}
}
@media screen and (max-width:1080px) {
.ban-use-img{text-align:center;position:initial;float:unset!important;margin:20px auto;display:table}
.ban-use .inn{max-width:100%;text-align:center}
.scrn-com .lhs{width:100%;padding:0;text-align:center;order:1}
.scrn-com .rhs{width:100%}
.scrn-com{padding-bottom:40px;display:grid}
.sec2 .rhs{order:2}
.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}
.reasons_sec .reasons_sec_boxs{width:100%}
.sec2 img{transform:scale(1)}
.sec2 img.ss_img{display:none}
.sec2 img.ss_mobile_img{display:block;width:100%;max-width:768px;margin:0 auto;margin-bottom:50px}
}
@media screen and (max-width: 1025px) {
#header-mainsec{height:57px}
}
@media screen and (min-width:992px) and (max-width:1150px) {
.why .rhs .why-box h4{font-size:15px;line-height:26px}
.why .rhs .why-box p{font-size:13px}
}
@media screen and (max-width:992px) {
.mob-hide,.ban-use .inn:before,.ban-use .inn:after,.why .lhs:before{display:none}
.ban-use{padding:30px}
.ban-use .inn{text-align:center}
.ban-use .inn h4{font-size:24px;line-height:32px}
.ban-use .inn p{font-size:16px;line-height:26px}
.sec2 .ac{max-width:95%}
.sec2.sec2-opp{padding:0}
.sec2 .scrn-com:nth-child(2){margin-bottom:25px}
.ban{padding:90px 0 60px}
.clud-sli ul li div{min-height:250px}
.why .lhs,.why:before,.why .rhs{width:100%}
.why .inn{width:100%}
.why .lhs{margin-top:0;padding-bottom:30px}
.why .inn h2{text-align:center;padding:0;font-size:24px}
.why .inn h2 strong br{display:none}
.rel-reso .rhs .reso-box:before{top:25px}
.rel-reso .rhs .reso-box{padding:120px 30px 30px}
.rel-reso .lhs{width:100%;padding:0}
.rel-reso .rhs{width:100%;margin-top:40px}
.ban-use{margin:80px 0}
.rel-reso .form .audit_form{margin:0 auto;display:table;float:initial;width:100%;max-width:500px}
.rel-reso .tit h2,.rel-reso .tit h2 span{text-align:center;padding:30px 0 0}
.rel-reso .tit h2:before{left:calc(50% - 100px)}
.reasons_sec h2{text-align:center;font-size:32px;line-height:42px}
.reasons_sec h2 span{margin:0 auto;font-size:62px}
.reasons_sec:before{display:none}
.reasons_sec .reasons_sec_img,.reasons_sec .reasons_sec_remain{max-width:100%}
.reasons_sec .reasons_sec_img img{margin:0 auto;float:none}
}
@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}
.sec2.sec2-opp .rhs,.sec2 .rhs{width:100%}
.sec2 h2{font-size:30px;line-height:34px;padding-bottom:0;margin-bottom:20px}
.footer-stripe{background:#004c73;padding:40px 30px;float:left;width:100%;box-sizing:border-box}
.why .rhs .why-box{width:100%;margin:0 0 25px}
.why .rhs .why-box:nth-child(1){margin-left:0}
}
@media screen and (max-width:650px) {
.scrn-com .spri{background-size:830px;width:300px}
.scrn-1{background-position:-257px 1px;height:211px}
.scrn-2{background-position:9px -216px;height:200px}
.scrn-3{background-position:-286px -233px;height:200px}
.sec2 .lhs{padding:0}
.ban .lhs-btop h1{font-size:28px;line-height:36px}
.reasons_sec .reasons_sec_img img{width:90%}
.reasons_sec .reasons_sec_img{background-size:500px}
}
@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) {
.sec4 .inn{padding:25px}
.sec4 .rhs h3{font-size:20px;line-height:32px;padding-bottom:15px;text-align:center}
.rel-reso .inn{padding:20px}
.scrn-com .lhs h3{font-size:20px;line-height:32px}
}
@media screen and (max-width:400px) {
.scrn-com{padding:20px}
.ban-use{margin:0}
.scrn-com .lhs{padding:30px}
.sec2.sec2-opp .rhs{padding-bottom:20px}
.sec2.sec2-opp .lhs{padding:30px!important}
.reasons_sec h2{text-align:center;font-size:26px;line-height:32px}
.reasons_sec h2 span{margin:0 auto;font-size:42px}
}
@media screen and (max-width:350px) {
.sec2 .lhs{padding:20px 20px 0}
.scrn-com{padding:0}
.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}
}
@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}
}
.flow-sec{position:relative;margin-top:45px}
.flow-sec .flow-inner{text-align:center;position:relative;max-width:1430px;margin:0 auto;width:100%}
.flow-sec .flow-inner img{width:100%;position:relative;z-index:2}
.flow-sec .flow-inner .line{position:absolute;top:25px;left:-12px;width:100%;height:100%;z-index:3;background-image:url(images/SOAR-flow-line.png);background-repeat:no-repeat;background-size:cover;background-position:0 0}
.flow-sec .flow-inner .animation-box.animation-box1{position:absolute;top:25px;left:0;width:100%;height:100%;z-index:4}
.flow-sec .flow-inner .animation-box.animation-box1 > div{text-align:center;background:none;transform-origin:center;position:absolute}
.flow-sec .flow-inner .animation-box.animation-box1 > div > div{line-height:22px;font-size:15.5px;color:#102336;text-align:center;margin-top:-20px;background:none;display:block;font-weight:400;left:calc(50% - 125px);position:absolute;width:250px}
.flow-sec .flow-inner::before{content:"";width:99%;height:2px;border-top:#bdeafe dashed 2px;position:absolute;top:25px;left:-100%;z-index:1}
.flow-sec::before{content:"";background-image:linear-gradient(to bottom,#edfafd 60%,#fff);width:50%;height:70%;left:0;top:0;z-index:1;position:absolute}
.flow-sec::after{content:"";background-image:linear-gradient(to bottom,#f4fefb,#fff);width:50%;height:30%;left:50%;top:288px;position:absolute;z-index:1}
.flow-sec.is-shown .line{animation:grow3 2.4s ease-in-out .6s both;-webkit-animation:grow3 2.4s ease-in-out .6s both}
.animation-box{position:relative}
.animation-box *{background-image:url(images/security-orchestration-automation-and-response-soar-sprite.png);background-size:1012px 3854px;background-repeat:no-repeat;display:inline-block;vertical-align:middle}
.animation-box i{background:url(/sites/meweb/images/fr/log-management/images/soar-sprit-img.png);background-repeat:no-repeat;background-size:766px;display:block;width:117px;height:117px}
.animation-box .img-37 i{background-position:-397px -667px}
.animation-box .img-37{top:9%;left:4.5%}
.animation-box .img-37 div{width:180px!important;left:calc(50% - 90px)!important}
.animation-box .img-38 i{background-position:-522px -667px}
.animation-box .img-38{top:36%;left:17%}
.animation-box .img-38 div{width:320px!important;left:calc(50% - 160px)!important}
.animation-box .img-39 i{background-position:-649px -667px}
.animation-box .img-39{top:16%;left:31%;display:none}
.animation-box .img-40 i{background-position:-649px -667px}
.animation-box .img-40{top:27%;left:44%}
.animation-box .img-41 i{background-position:-397px -792px}
.animation-box .img-41{top:3%;left:58%}
.animation-box .img-41 div{width:220px!important;left:calc(50% - 110px)!important}
.animation-box .img-42 i{background-position:-522px -792px}
.animation-box .img-42{top:12%;left:68%;display:none}
.animation-box .img-43 i{background-position:-522px -792px}
.animation-box .img-43{top:38.5%;left:79.5%}
@-moz-keyframes 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 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 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)}
}
@media screen and (min-width:1000px) and (max-width:1024px) {
.soar-base .animation-box .img-37{top:12%;left:3.5%}
.soar-base .animation-box .img-38{top:35%;left:16%}
.soar-base .animation-box .img-39{top:14%;left:31%}
.soar-base .animation-box .img-40{top:24%;left:43%}
.soar-base .animation-box .img-41{top:-1%;left:55%}
.soar-base .animation-box .img-42{top:13%;left:68%}
.soar-base .animation-box .img-43{top:36.5%;left:78.5%}
}
@media screen and (max-width: 999px) {
.flow-sec{margin-top:0;margin-bottom:70px;padding:0 25px}
.flow-sec .flow-inner img,.flow-sec .flow-inner .line,.icn-4{display:none}
.flow-sec::before,.flow-sec::after{display:none}
.flow-sec .flow-inner .animation-box.animation-box1{display:block;position:static;text-align:left}
.flow-sec .flow-inner .animation-box.animation-box1 *{position:static;margin:0 auto;margin-bottom:-20px;vertical-align:middle;display:inline-block}
.flow-sec .flow-inner .animation-box.animation-box1 > div{position:inherit;width:auto}
.flow-sec .flow-inner .animation-box.animation-box1 > div > div{margin-top:-60px}
.flow-sec .flow-inner .animation-box.animation-box1 > div div br{display:none}
}
@media screen and (max-width: 567px) {
.flow-sec .flow-inner .animation-box.animation-box1 > div{width:calc(50% - 3px);display:inline-block;vertical-align:middle;margin-right:0}
.flow-sec{margin-bottom:0}
}
@media screen and (max-width: 414px) {
.flow-sec .flow-inner .animation-box.animation-box1 > div{width:100%}
}
@media screen and (max-width: 767px) {
.flow-sec .flow-inner::before{display:none}
.flow-sec{background:#edfbfd;margin-bottom:0;padding:30px 25px}
}
@keyframes flow {
0%{background-position:0 100000px}
100%{background-position:0 0}
}
@keyframes rotating {
100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg)}
}
@keyframes rotating1 {
100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg)}
}
@keyframes rotating2 {
100%{transform:rotate(2deg);-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg)}
}
@keyframes shake {
from{transform:translateY(-8px)}
to{transform:translateY(8px)}
}
@keyframes scale {
from{transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}
to{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
}
@keyframes scale1 {
0%{transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}
50%{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}
100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
}
@keyframes fade-in {
from{opacity:0}
to{opacity:1}
}
@keyframes slide-up {
from{transform:translateY(150px);-webkit-transform:translateY(150px);-moz-transform:translateY(150px)}
to{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}
}
@keyframes slide-left {
from{transform:translateX(-1000%);-webkit-transform:translateX(-1000%);-moz-transform:translateX(-1000%)}
to{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0)}
}
@keyframes grow-up {
0%{height:0}
to{height:91px}
}
@keyframes grow-down {
from{height:0}
to{height:37px}
}
@keyframes grow-right {
from{width:0}
to{width:74px}
}
@keyframes grow1 {
0%{width:0;height:0}
50%{width:2px;height:20px}
100%{width:210px;height:80px}
}
@keyframes grow2 {
0%{width:0;height:0}
50%{width:2px;height:20px}
100%{width:175px;height:48px}
}
@keyframes grow3 {
0%{width:0}
100%{width:100%}
}
@media(max-width:1366px) {
.scrn-com{padding-bottom:0}
.sec2 .scrn-com img,.response_sec_tab img{transform:scale(0.9);left:auto!important;right:auto!important}
.sec2 h2{padding-bottom:20px}
.response_sec h2{padding-bottom:60px}
.scrn-com-alt .lhs{padding:50px 0 0}
.scrn-com .lhs{padding:50px 0 0;width:calc(100% - 560px)}
.scrn-com .rhs{width:560px}
.response_sec_tab_button a{font-size:16px}
}
@media(max-width:1200px) {
.ban .ac{max-width:calc(100% - 100px)}
.ban .lhs-btop h1{font-size:40px;line-height:1.6}
.improve_cyber_text{padding:40px 40px 35px 120px}
.flow-sec .flow-inner .animation-box.animation-box1 > div > div{font-size:13px}
.reasons_sec h4,.reasons_sec p{font-size:16px}
.reasons_sec .ac{padding:50px}
.reasons_sec .reasons_sec_img{max-width:350px}
.reasons_sec h2,.reasons_sec h2 span{font-size:26px}
.reasons_sec .reasons_sec_remain{max-width:calc(100% - 390px)}
}
@media(max-width:1080px) {
.ban .lhs-btop{padding:0}
.sec2 .scrn-com:nth-child(4) img{margin:0 auto}
.improve_cyber_img{position:relative;margin:0 auto;float:none!important}
.improve_cyber_text{padding:140px 40px 40px;float:none!important;position:relative;margin:0 auto;left:auto;margin-top:-180px;z-index:1;text-align:center;width:100%}
.ban-use-outer{margin:50px 0 100px}
.scrn-com .lhs{padding:0;width:100%}
.scrn-com .rhs{width:100%}
.sec2 .scrn-com img,.response_sec_tab img{margin:0 auto!important}
.response_sec_tab_button{display:none}
.scrn-com .lhs ul li{text-align:left}
.flow-sec .flow-inner .animation-box.animation-box1 > div > div{margin-top:-20px;position:inherit}
.response_sec_tab{display:block}
.response_sec{background-color:#fefaf0;padding:30px 0}
.response_sec.response_sec1{padding-top:0}
.response_sec h2{padding-bottom:0;font-size:28px}
.reasons_sec h4,.reasons_sec p{font-size:15.5px}
}
@media(max-width:999px) {
.flow-sec .flow-inner .animation-box.animation-box1 > div{width:calc(50% - 20px);margin:10px 5px;margin:0 auto}
.flow-sec .flow-inner .animation-box.animation-box1 > div > div{font-size:16px;margin:0 auto}
.flow-sec .flow-inner .animation-box.animation-box1{margin:0 auto}
.reasons_sec{padding:0}
}
@media(max-width:992px) {
.ban-use{margin-top:20px;padding:0}
.ban-use-outer{margin:0 0 50px}
.sec2 h2{margin-bottom:40px}
.reasons_sec h2:after{display:none}
.reasons_sec .reasons_sec_img,.reasons_sec_remain{max-width:100%!important;width:100%;padding:0;margin:0}
.ban .lhs-btop h1{font-size:36px}
}
@media(max-width:768px) {
.flow-sec .flow-inner .animation-box.animation-box1 > div{width:100%;margin-bottom:40px}
}
@media(max-width:480px) {
.ban .lhs-btop{padding:0 20px}
.ban .ac,.ban-use-outer .ac{max-width:100%;display:table}
.reasons_sec .ac{padding:50px 20px}
.reasons_sec h2{margin-top:0}
.reasons_sec .reasons_sec_box{padding:0}
}
@media(max-width:420px) {
.improve_cyber_img{transform:scale(0.8)}
.improve_cyber_text{padding:80px 20px 40px;width:calc(100% - 40px)}
.ban .lhs-btop h1{font-size:26px}
}
@media(max-width:400px) {
.ban-use{margin:0}
.ban-use-outer{margin-bottom:120px}
.sec2 h2{margin-bottom:20px;padding-bottom:0}
.response_sec{padding-bottom:10px}
}
@media(max-width:380px) {
.improve_cyber_img{transform:scale(0.8)}
.improve_cyber_text{padding:80px 20px 40px}
}
@media screen and (max-width : 1100px) {
.rhs-btop{transform:scale(.7);right:-50px}
}
.af .ac .Country_based_cta, .af .ac .Country_based_cta * {
    float: none;
}
.bred-hlfp-fea-23 {
    width: 100%;
}
 .feb-pre-footer .col20 ul li a[href$="#"]{display:block}
 
 /* Temp */

.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(https://www.manageengine.com/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}
.nav-clo{display:none}