 html{overflow-x:hidden}
#scroll{display:none;}
footer{float:left;width:100%}
.heading-menu, .mid-ban{display:none !IMPORTANT}
.zsiq_theme1 .zsiq_flt_rel{border-radius:50px 0 0 50px!important}
body{margin:0;padding:0;line-height:1;overflow-x:hidden}
.af *,.af{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;color:#000}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
.af{font-family:'ZohoPuvi';-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;padding:0}
.af p,.af a,.af li,.af td,.af td,.af span,.af label{line-height:24px;font-size:14px;font-weight:300}
.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;float:left}
.af{width:100%;display:inline-block;float:left}
.ac{margin:0 auto;position:relative;max-width:1200px;float:initial!important}
span#backToTop{display:none!important;opacity:0!important}
.ban{background:#00252e;padding:80px 0 30px;position:relative}
.ban::before{content:'';position:absolute;background:url(https://www.manageengine.com/fr/cloud-siem/images/cloud-log-home-ban-sprite-22.png) no-repeat -717px -34px;background-size:999px;width:282px;height:249px;right:0;top:20px;animation:cludmoveban 20s linear infinite;}
.ban .lhs{width:calc(100% - 690px);padding:60px 0 0}
.ban .lhs h1{color:#fff;font-size:38px;font-weight:500;line-height:56px}
.ban .lhs p{font-size:20px;color:#fff;line-height:34px;padding:20px 0 30px}
.ban .cta-ban{background:#d31111;border:1px solid #d31111;font-size:18px;color:#fff;font-weight:400;display:inline-block;padding:15px 40px 15px 75px;position:relative}
.ban .cta-ban:hover{background:#f80000;border:1px solid #f80000;box-shadow:0 18px 20px -11px #00000069}
.ban .cta-ban:hover:before{-webkit-transform:scaleX(-1);transform:scaleX(-1);transition:all .5s ease}
.ban .cta-ban:before{content:'';position:absolute;background:url(https://www.manageengine.com/fr/cloud-siem/images/cloud-log-home-sprite-22.png) no-repeat -888px -4px;background-size:1000px;width:25px;height:25px;left:39px;transition:all .4s ease}
.ban .ban-im{background:url(https://www.manageengine.com/fr/cloud-siem/images/cloud-log-home-ban-sprite-22.png) no-repeat;background-size: 1100px;background-position: -113px 2px;width:682px;height: 438px;display:inline-block;z-index: 1;position: relative;}
.ban .ban-clud{
    background: url(https://www.manageengine.com/fr/cloud-siem/images/cloud-log-home-ban-sprite-22.png) no-repeat;
    background-size: 1100px;
    background-position: -256px -439px;
    width: 514px;
    height: 289px;
    position: absolute;
    left: 0;
    bottom: -25px;
    transition: all 0.5s ease;
    animation:cludmove 40s linear infinite;
    z-index: 1;
}
@keyframes cludmove{
    0%{transform: translateX(-100px);}
    50%{transform: translateX(100px);}
    100%{transform: translateX(-100px);}
}
@keyframes cludmoveban{
    0%{transform: translateX(20px);}
    50%{transform: translateX(-20px);}
    100%{transform: translateX(20px);}
}
.ban-sett{
    background: url('https://www.manageengine.com/fr/cloud-siem/images/cloud-log-home-ban-sprite-22.png') no-repeat;
    background-size: 999px;
    background-position: -818px -436px;
    position: absolute;
    width: 165px;
    height: 165px;
    transition: all 0.5s ease;
    animation:bansett 40s linear infinite;
    left: 387px;
    top: 0px;
    z-index: 0;
    }
@keyframes bansett{
    from{transform: rotate(0);}
    to{transform: rotate(360deg);}
}
.ban-tick{
    transition: all 0.5s ease;
    background: url('https://www.manageengine.com/fr/cloud-siem/images/cloud-log-home-ban-sprite-22.png') no-repeat;
    background-size: 999px;
    position: absolute;
    background-position: -927px -332px;
    width: 63px;
    height: 65px;
    animation:bantic 3s linear infinite;
    left: 142px;
    top: 80px;
    z-index: 1;
    }
    @keyframes bantic{
        0%{transform: translateY(-10px);}
        50%{transform: translateY(10px);}
        100%{transform: translateY(-10px);}
    }    
.ban .rhs{width:690px;position: relative;}
.one-line-form{width:525px;margin:0 auto;float:none!important}
.one-line-form *{font-family:"ZohoPuvi",verdana,arial,sans;font-size:14px;outline:0;margin:0;padding:0;box-sizing:border-box}
.one-line-form > form > ul{margin:0;padding:0}
.one-line-form > form > ul li{list-style-type:none;float:left;border:1px solid #e6e6e6;background:#fff}
.one-line-form > form > ul li:nth-child(1){width:270px;position:relative;border-radius:3px 0 0 3px;border-right-width:0}
.one-line-form > form > ul li:nth-child(1) .form-icn{background:#f6f8fa;width:38px;position:absolute;top:0;left:0;height:100%;border-radius:3px 0 0 3px}
.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}
.one-line-form > form > ul li:nth-child(1) input{font-size:14px;padding-left:48px}
.one-line-form > form > ul li:nth-child(1) input::placeholder{color:#b3b3b3}
.one-line-form > form > ul li:nth-child(2){width:50px;border-left:0;border-right:0;position:relative}
.one-line-form > form > ul li:nth-child(3){padding-left:0;border-color:#d63327;border-radius:0 3px 3px 0}
.one-line-form > form > ul li .ffw-errmsg{display:none;color:#fff;font-size:12px;margin-top:-28px;position:absolute;font-weight:300;white-space:nowrap;background:#d63226;padding:0 10px;line-height:20px}
.one-line-form > form > ul li .ffw-errmsg:before{content:'';position:absolute;width:8px;height:8px;background:#d63226;transform:rotate(45deg);left:50px;bottom:-3px}
.one-line-form > form > ul li input{width:100%;height:43px;border:0;padding:0 10px;font-size:14px;color:#000;font-weight:300}
.one-line-form > form > ul li .selectedCountry{text-align:left;width:50px;height:33px;top:2px;position:absolute;color:#000;font-size:14px;margin:5px 0 0;line-height:33px;left:0;padding-left:8px;border-left:1px solid #e5e5e5;font-weight:300}
.one-line-form > form > ul li .selectedCountry:before{content:"";position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #1e0437;z-index:0;right:10px;top:15px}
.one-line-form > form > ul li .selectedCountry:after{content:"";position:absolute;width:1px;height:33px;top:0;right:0;background-color:#e6e6e6;display:none}
.one-line-form > form > ul li input[type=submit]{font-size:16px;background:#d63327;color:#fff;padding:0 25px;cursor:pointer;font-weight:500;height:43px;border:0}
.one-line-form > form > ul li input[type=submit]:hover{background:#9e0303;transition:all .5s ease}
.one-line-form > form > ul li select{font-weight:300;width:50px;height:43px;border:0;padding:0 10px;box-sizing:border-box;border-radius:0;margin:0;z-index:9;position:relative;color:#000;font-size:12px;opacity:0;-moz-appearance:none;-webkit-appearance:none;cursor:pointer;float:left}
.one-line-form > form > ul li select#country_state{position:relative;font-size:14px;opacity:1;width:100px;float:left;padding-left:0;line-height:22px}
.one-line-form > form > .misc-field .dwn-priv{margin-top:0;line-height:16px;font-weight:300;padding-top:5px}
.one-line-form > form > .misc-field .dwn-priv,.one-line-form > form > .misc-field .dwn-priv *{font-size:11px;color:#f4f8ff}
.one-line-form > form > .misc-field .dwn-priv strong{font-weight:600}
.one-line-form > form > .misc-field .dwn-priv a{font-size:11px;color:#f4f8ff;text-decoration:underline}
.one-line-form > form > .misc-field #meGDPRMessage{line-height:16px;margin:8px 0 0!important;width:100%}
.one-line-form > form > .misc-field #meGDPRMessage label{font-size:11px;line-height:18px;color:#f4f8ff;font-weight:300}
.one-line-form > form > .misc-field #meGDPRMessage .checkmarkgdpr{margin-bottom:0}
.one-line-form > form > .misc-field::before{content:" ";display:table;clear:both}
.one-line-form > form > .misc-field *{color:#a6a6a6;font-weight:300}
.one-line-form > form > .misc-field strong{font-weight:600}
.one-line-form > form > .misc-field a{color:#1281bd;text-decoration:underline}
.one-line-form > .success-message{display:none}
.one-line-form > .success-message h2{margin-bottom:10px;color:#13ffd1;font-size:30px}
.one-line-form > .success-message p{font-size:14px;line-height:23px;margin-top:0;color:#fff}
.one-line-form > .success-message p a{font-size:14px;line-height:23px;color:#1afed1;text-decoration:underline}
.one-line-form.success ul{display:none}
.one-line-form.success .success-message{display:block}
.one-line-form.success .misc-field{display:none}
.one-line-form.with-state{width:520px}
.one-line-form.with-state ul li #headerCountryListItem:after{content:"";position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #1e0437;z-index:0;right:7px;top:23px}
.one-line-form.with-state ul li:nth-child(1){margin-left:0;width:200px}
.one-line-form.with-state ul li #country_state{margin-left:8px}
.one-line-form.with-state ul li .selectedCountry:after{display:block}
.one-line-form.with-state ul li input[type=submit]{padding:0 12px}
.one-line-form.with-state ul li:nth-child(2){width:160px}
.one-line-form.with-state .ffw-country-list{position:relative}
.one-line-form.with-state .ffw-country-list:after{content:"";position:absolute;right:4px;top:19px;width:13px;height:13px;z-index:1;zoom:.95}
#meGDPRMessage .checkmarkgdpr{width:12px;height:12px}
@media screen and (max-width: 1050px) {
.one-line-form{width:100%;max-width:525px}
.one-line-form ul li{width:100%!important}
.one-line-form > form > ul li{border:0;background:none}
.one-line-form ul li select{width:100%!important}
.one-line-form ul li:first-child{border:1px solid #8ca2ba!important;margin-top:5px!important;width:100%!important;display:block}
.one-line-form ul li:nth-child(2) select{border:1px solid #8ca2ba!important;margin-top:5px!important;width:100%!important;display:block;opacity:1;-webkit-appearance:listbox}
.one-line-form ul li .selectedCountry{display:none;width:100%!important}
.one-line-form ul li:nth-child(3){margin-top:5px}
.one-line-form.with-state{width:100%!important}
.one-line-form.with-state ul li select#country_state{margin-left:0;padding:0 10px;font-size:12px}
}
.why{position:relative}
.why:before{content:'';position:absolute;left:0;top:0;right:0;width:100%;height:50%;background:#01242e}
.why .inn{background:#fffeeb;border:1px solid #d0b494;width:100%;padding:60px 20px 60px 60px;border-radius:50px;position:relative}
.why .inn:before,.why .inn:after{content:'';position:absolute;background:url(https://www.manageengine.com/fr/cloud-siem/images/cloud-log-home-ban-sprite-22.png) no-repeat;background-size:999px;background-position:-196px -657px;width:533px;height:211px}
.why .inn:before{left:-12px;bottom:-1px;border-radius:0 0 0 69px}
.why .inn:after{background-position:-10px -632px;width:189px;height:246px;left:164px;bottom:-1px}
.why .lhs{width:365px}
.why .lhs h2{font-size:30px;font-weight:500}
.why .rhs{width:calc(100% - 365px);padding-left:50px;    padding-top: 35px;}
.why .rhs ul{float:left;width:50%}
.why .rhs ul li{font-size:16px;float:left;width:100%;line-height:26px;padding:0 20px 15px 25px;position:relative}
.why .rhs ul li:before{content:'';position:absolute;background:url(https://www.manageengine.com/fr/cloud-siem/images/cloud-log-home-ban-sprite-22.png) no-repeat;background-size:999px;background-position:-36px -4px;width:12px;height:12px;left:0;top:6px}
.manag{padding:60px 0;overflow:hidden;position:relative}
.manag:before{content:'';position:absolute;background-image:url(https://www.manageengine.com/fr/cloud-siem/images/cloud-log-home-sprite-22.png);background-size:913px;background-repeat:no-repeat;display:inline-block;transition:all .5s ease;width:294px;height:127px;background-position:11px -222px;top:0;right:0;animation:cloud-move 12s linear 1s infinite both}
@keyframes cloud-move {
0%{transform:translateX(-50px)}
50%{transform:translateX(50px)}
100%{transform:translateX(-50px)}
}
.manag .lhs{width:calc(100% - 500px);padding:40px 80px 40px 0}
.manag .lhs h2{font-size:36px;font-weight:500;line-height:42px;padding-bottom:25px}
.manag .lhs h2 span{font-size:36px;font-weight:200;display:block;line-height:42px}
.manag .lhs p{font-size:16px;color:#333;line-height:26px;margin-bottom:15px}
.manag .rhs{width:500px;position:relative}
.manag-ani-box{position:relative;width:500px;height:395px}
.manag-ani-box span{background-image:url(https://www.manageengine.com/fr/cloud-siem/images/cloud-log-home-sprite-22.png);background-size:1000px;background-repeat:no-repeat;display:inline-block;position:absolute;transition:all .5s ease}
.manag-sett{background-position:-667px -9px;display:inline-block;width:190px;height:198px;left:45px;animation:circle 30s linear 1s infinite both}
.manag-str-com{width:15px;height:15px}
.manag-str-1{background-position:-1px 0;left:150px;top:-7px}
.manag-str-2{background-position:-16px 0;left:50px;top:157px}
.manag-str-3{background-position:-34px 0;left:362px;top:122px}
.manag-book-com{width:190px;height:221px;top:122px;left:100px;transform:scale(.3);opacity:.5}
.manag-book-1{background-position:-2px -14px}
.manag-book-2{background-position:-222px -13px}
.manag-book-3{background-position:-432px -14px}
.animated .manag-book-1{top:50px;left:100px}
.animated .manag-book-2{left:140px;top:35px}
.animated .manag-book-com{transform:scale(1);opacity:1}
.animated .manag-book-3{top:50px;left:185px}
.have-anim{padding:80px 0 50px;margin-top:50px}
.manag-arrow{background-position:-345px -253px;width:211px;height:123px;left:292px;top:80px}
.manag-ani-box span.manag-clud-1,.manag-ani-box span.manag-clud-2{background-size:1500px}
.manag-ani-box span.manag-clud-1{width:485px;height:216px;background-position:-1018px -344px;bottom:0}
.manag-ani-box span.manag-clud-2{width:249px;height:183px;background-position:12px -400px;top:0;right:-261px}
.what .tit{width:100%;margin-bottom:110px}
.what .tit h2{font-size:36px;font-weight:500;line-height:42px;text-align:center}
.what .tit h2 span{font-size:36px;font-weight:200;display:block;line-height:42px}
.what .mob-scrn{position:absolute;left:197px;top:130px}
.what .mob-scrn img{width:899px}
.what .mob-scrn:before,.what .mob-scrn:after{content:'';position:absolute;width:792px;height:222px;left:9px}
.what .mob-scrn:before{background:#fef0eb;top:49px}
.what .mob-scrn:after{background:#fff;top:270px;height:279px}
.start{padding:80px 0 30px}
.start .tit-get{width:100%}
.start .tit-get h2{font-size:42px;font-weight:600;line-height:60px;text-align:center}
.start .tit-get h2 span{font-size:36px;font-weight:200;line-height:42px;display:block}
.start .tit-get p{font-size:20px;font-weight:300;text-align:center;line-height:36px;color:#000}
.pri-22 .inn{padding-top:40px}
.plan{width:100%}
.plan .inn{margin:0 auto;display:table;float:initial}
.plan-com{width:340px;border:1px solid #333;margin:0 15px;border-radius:15px;transition:all .5s ease}
.plan-com h2{text-align:center;font-size:25px;font-weight:500;padding:30px 10px;background:#053c49;border-radius:15px 15px 0 0;color:#fff}
.plan-desc{width:100%;padding:50px 20px 30px;text-align:center;background:#002933;border-radius:0 0 15px 15px;position:relative}
.plan-desc i{font-size:25px;color:#a3abad;font-weight:500;position:absolute;margin:-19px 0 0 -20px}
.plan .cost{color:#34bcdb;font-size:60px;font-weight:600}
.plan .start-cta{color:#fff;font-size:18px;font-weight:400;border:1px solid #fff;padding:9px 50px 9px 35px;display:inline-block;margin-top:75px;position:relative}
.plan .start-cta:before{content:'';position:absolute;background-image:url(https://www.manageengine.com/fr/cloud-siem/images/cloud-log-home-sprite-22.png);background-size:1000px;background-repeat:no-repeat;width:15px;height:15px;background-position:-66px 0;right:20px;top:15px;transition:all .4s ease-in-out}
.plan .plan-stand .start-cta{background:#d31111;color:#fff;border:1px solid #d31111;margin-top:24px}
.plan-desc h4{color:#fff;font-size:20px;font-weight:400;padding:25px 0 20px}
.plan-desc p{color:#fff;font-size:17px;font-weight:200}
.plan-com:hover{box-shadow:0 18px 20px -11px #00000069;transform:translateY(-5px)}
.plan-com.plan-free:hover .start-cta{background:#d31111;color:#fff;border:1px solid #d31111}
.plan-com.plan-stand:hover .start-cta{background:#ad0707;color:#fff;border:1px solid #ad0707}
.plan .plan-com:hover .start-cta:before{right:17px}
.plan-desc h4.plan-change{color:#000;position:relative;cursor:pointer;transition:all .5s ease}
.plan-desc h4.plan-change:hover{background:#f8f9f9}
.plan-desc h4.plan-change:before{content:'';width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #000;position:absolute;top:33px;right:50px;z-index:98}
.plan .gb-drop{background:#fff;border:1px solid #efefef;display:none;font-weight:100;list-style:none;padding:0;position:absolute;text-align:left;width:229px;z-index:1;margin:-10px 0 1px 50px}
.gb-drop li{cursor:pointer;padding:5px 0 5px 28px;transition:all .5s}
.plan-com.plan-stand{border:1px solid #94dcec}
.plan-stand.plan-com h2{background:#eefcff;color:#00252e}
.plan-stand .plan-desc{background:#fff}
.plan .add-on{border:1px solid #c8c8c8;width:100%;position:relative;margin-top:25px}
.add-on .lhs{width:calc(100% - 70px)}
.add-on .lhs .add-on-tit{color:#036579;font-size:14px;text-transform:uppercase;font-weight:500;position:absolute;left:10px;top:-6px;background:#fff;line-height:13px;padding:0 6px}
.add-on .lhs input{float:left;width:15px;height:15px;margin:17px 0 0 12px;cursor:pointer}
.add-on .lhs label{text-align:left;font-size:14px;line-height:24px;padding:12px 0 0 2px;display:inline-block;cursor:pointer}
.add-on .rhs{width:70px;color:#333;font-size:15px;font-weight:500;background:#f1f7f8;padding:15px;border:2px #fff solid}
.sugg h2{font-size:36px;font-weight:500;line-height:42px;padding-bottom:75px;text-align:center}
.sugg .inn{width:100%;height:555px;background:url(https://www.manageengine.com/fr/cloud-siem/images/cloud-log-home-cli-bg.jpg) no-repeat;background-size:100%}
.sugg .inn span{position:absolute;background-image:url(https://www.manageengine.com/fr/cloud-siem/images/cloud-log-home-sprite-22.png);background-size:1000px;background-repeat:no-repeat;display:inline-block;margin:212px 0 0 344px;transition:all .5s ease-in-out;left:24px;top:118px;opacity:0}
.sugg .inn.animated span{opacity:1}
.cli1{background-position:-816px -508px;width:35px;height:35px}
.cli2{width:28px;height:28px;background-position:-885px -512px}
.cli3{width:59px;height:10px;background-position:-936px -521px}
.cli4{background-position:-816px -573px;width:69px;height:20px}
.cli5{background-position:-924px -578px;width:76px;height:9px}
.cli6{background-position:-816px -629px;width:42px;height:11px}
.cli7{background-position:-885px -623px;width:44px;height:22px}
.cli8{background-position:-967px -618px;width:32px;height:32px}
.cli9{background-position:-812px -677px;width:65px;height:15px}
.cli10{background-position:-900px -672px;width:62px;height:25px}
.cli11{background-position:-812px -727px;width:49px;height:14px}
.cli12{background-position:-908px -716px;width:54px;height:35px}
.cli13{background-position:-813px -769px;width:35px;height:27px}
.cli14{background-position:-876px -776px;width:67px;height:12px}
.cli15{background-position:-968px -763px;width:31px;height:39px}
.cli16{background-position:-812px -822px;width:45px;height:35px}
.cli17{background-position:-915px -831px;width:70px;height:17px}
.cli18{background-position:-812px -881px;width:65px;height:11px}
.cli19{background-position:-919px -881px;width:66px;height:11px}
.cli20{background-position:-814px -921px;width:51px;height:14px}
.cli21{background-position:-885px -924px;width:48px;height:8px}
.cli22{background-position:-962px -916px;width:29px;height:29px}
.cli23{background-position:-816px -966px;width:26px;height:30px}
.cli24{background-position:-857px -962px;width:30px;height:34px}
.cli25{background-position:-903px -964px;width:34px;height:30px}
.cli26{background-position:-956px -964px;width:34px;height:39px}
.cli27{background-position:-857px -962px;width:30px;height:34px}
.sugg .animated .cli1{left:170px;top:60px;transition-delay:.1s}
.sugg .animated .cli2{left:250px;top:23px;transition-delay:.2s}
.sugg .animated .cli3{left:311px;top:-14px;transition-delay:.3s;animation:zoom 1s alternate 5.5s infinite both}
.sugg .animated .cli4{left:385px;top:-60px;transition-delay:.4s}
.sugg .animated .cli5{left:153px;top:178px;transition-delay:.5s}
.sugg .animated .cli6{left:335px;top:79px;transition-delay:.6s}
.sugg .animated .cli7{left:255px;top:122px;transition-delay:.7s}
.sugg .animated .cli8{left:591px;top:110px;transition-delay:.8s}
.sugg .animated .cli9{left:410px;top:25px;transition-delay:.9s}
.sugg .animated .cli10{left:477px;top:-33px;transition-delay:1s}
.sugg .animated .cli11{left:634px;top:-58px;transition-delay:1.1s;animation:zoom 1s alternate 5s infinite both}
.sugg .animated .cli12{left:231px;top:238px;transition-delay:1.2s}
.sugg .animated .cli13{left:340px;top:178px;transition-delay:1.3s}
.sugg .animated .cli14{left:401px;top:129px;transition-delay:1.4s;animation:zoom 1s alternate 3s infinite both}
.sugg .animated .cli15{left:672px;top:35px;transition-delay:1.5s}
.sugg .animated .cli16{left:497px;top:54px;transition-delay:1.6s}
.sugg .animated .cli17{left:280px;top:316px;transition-delay:1.7s;animation:zoom 1s alternate 3.5s infinite both}
.sugg .animated .cli18{left:354px;top:369px;transition-delay:1.8s}
.sugg .animated .cli19{left:394px;top:268px;transition-delay:1.9s}
.sugg .animated .cli20{left:486px;top:207px;transition-delay:2s}
.sugg .animated .cli21{left:472px;top:327px;transition-delay:2.1s;animation:zoom 1s alternate 4s infinite both}
.sugg .animated .cli22{left:673px;top:187px;transition-delay:2.2s}
.sugg .animated .cli23{left:657px;top:298px;transition-delay:2.3s}
.sugg .animated .cli24{left:584px;top:237px;transition-delay:2.4s}
.sugg .animated .cli25{left:559px;top:357px;transition-delay:2.5s;animation:zoom 1s alternate 4.5s infinite both}
.sugg .animated .cli26{left:586px;top:23px;transition-delay:2.6s}
.sugg .animated .cli27{left:584px;top:237px;transition-delay:2.7s}
@keyframes zoom {
from{transform:scale(1)}
to{transform:scale(1.5)}
}
.meet{background:#f8fbfc;padding:90px 0 200px}
.meet .tit{text-align:center;width:100%}
.meet .tit h2{font-size:35px;font-weight:500;line-height:48px;margin-bottom:40px}
.meet .tit h2 span{display:block;font-size:36px;font-weight:200;line-height:46px}
.meet-tab-tit{width:100%}
.meet-tab-tit ul{float:initial;width:100%;position:relative;background:#fff;border:1px solid #efefef;border-radius:50px;padding:8px;margin:0 auto;margin-bottom:50px;max-width:1100px;}
.meet1 .meet-tab-tit ul{box-shadow:0 2px 11px -6px #33333373;border-radius:8px}
.meet-tab-tit ul li{transition:.3s ease-in;display:table-cell;width:2%}
.meet-tab-tit ul li span{font-size:13px;line-height:22px;color:#00313e;font-weight:400;display:inline-block;width:100%;box-sizing:border-box;position:relative;cursor:pointer;text-align:center;padding:10px 0;z-index:1;transition:all .5s ease}
.meet-tab-tit ul li span.act{color:#fff}
.topics-tb1,.topics-tb2{width:100%;display:none}
.topic-1,.topic-5{display:block}
.move1,.move2{background:#00313e;width:235px;height:48px;display:inline-block;border-radius:30px;position:absolute;left:7px;top:5px;transition:all .5s ease}
.move1{border-radius:8px}
.move2{background:#5effd0}
.scrn{width:55%;-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0;padding-right:15px}
.scrn img{width:100%}
.con{width:45%;padding:10px 0 0 50px;-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0;transition:all .5s ease}
.con ul li:before{content:'';position:absolute;background:url(https://www.manageengine.com/fr/cloud-siem/images/cloud-log-home-sprite-22.png) no-repeat;background-size:1000px;background-position:-8px -442px;width:13px;height:11px;left:0;top:8px}
.topics-tb2 .con ul li:before{background-position:-8px -456px}
.secu .con h2{margin-bottom:50px}
.secu .con h2::after{content:"";background:#5effd0;position:absolute;left:0;bottom:-21px;height:4.5px;width:70px;border-radius:2px}
.secu .con li a{color:#27adff;font-size:16px}
.secu .con a.lm{color:#27adff;font-size:16px;text-decoration:underline;display:inline-block;margin-top:20px}
.aniscrn .scrn,.aniscrn .con{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;transition:all .5s ease}
.con h2{font-size:28px;line-height:34px;font-weight:500;position:relative;margin:10px 0 25px;text-align:left}
.con h4{font-size:16px;font-weight:300;display:block;color:#00a4cf;line-height:28px;border-radius:2px;text-transform:uppercase;letter-spacing:1px}
.con p{margin:0 0 18px;font-size:16px;line-height:28px;color:#000}
.con ul li{padding:0 0 8px 30px;font-size:16px;line-height:28px;position:relative}
.secu .con *{color:#fff}
.secu .tit h2, .secu .tit h2 span{color:#fff}

.secu{background:url(https://www.manageengine.com/fr/cloud-siem/images/cloud-log-home-bg-line-22.png) #052a33;background-size:100px;padding: 245px 0 90px;}
.secu .meet-tab-tit ul{background:#07313b;border:1px solid #314d52}
.secu .meet-tab-tit ul li span{color:#fff}
.secu .meet-tab-tit ul li span.act{color:#06313b}
.secu .con{padding:10px 50px 0 0}
.secu .scrn{padding:0 0 0 10px}
.sec-box{background:#f7f29d;border-radius:10px;padding: 40px 30px 15px 285px;margin-top: -361px;position:relative}
.sec-box:before{content:'';position:absolute;background:url(https://www.manageengine.com/fr/cloud-siem/images/cloud-log-home-sprite-22.png) no-repeat -50px -407px;background-size:1000px 1000px;width:208px;height:165px;left:38px;top:32px}
.sec-box div{padding-right:250px}
.sec-box div h2{font-size:36px;font-weight:500;margin-bottom:20px}
.sec-box div p{font-size:20px;line-height:32px;padding-bottom:30px}
.sec-box div a{background:#d31111;font-size:18px;color:#fff;font-weight:400;display:inline-block;padding:12px 50px 12px 40px;position:absolute;right:45px;top:100px}
.sec-box div a:before{content:'';position:absolute;background:url(https://www.manageengine.com/fr/cloud-siem/images/cloud-log-home-sprite-22.png) no-repeat -66px 0;background-size:1000px;width:10px;height:12px;right:32px;top:19px;transition:all .5s ease}
.sec-box div a:hover{background:#f60303;box-shadow:0 13px 11px -6px #3333339c}
.sec-box div a:hover:before{right:25px}
.get-strt{background:#002d39;padding:75px 0;text-align:center}
.get-strt h2{color:#fff;font-size:36px;line-height:46px;padding-bottom:35px;font-weight:500}
.get-strt .inn{width:100%}
.get-strt .inn ul{margin:0 auto;display:table}
.get-strt .inn ul li{float:left;margin:0 10px}
.get-strt .inn ul li a{background:#d31111;border:1px solid #d31111;font-size:18px;color:#fff;font-weight:400;display:inline-block;padding:15px 40px 15px 75px;position:relative}
.get-strt .inn ul li a:before{content:'';position:absolute;background:url(https://www.manageengine.com/fr/cloud-siem/images/cloud-log-home-sprite-22.png) no-repeat -888px -4px;background-size:1000px;width:25px;height:25px;left:39px}
.get-strt .inn ul li:nth-child(1) a:hover{background:red;border:1px solid #ff0100}
.get-strt .inn ul li:nth-child(2) a:hover{background:#33ae65;border:1px solid #33ae65}
.get-strt .inn ul li:last-child a:before{background-position:-921px -5px}
.get-strt .inn ul li:last-child a{background:none;border:1px solid #fff}
.no-card{display:block;color:#fff;font-size:12px;font-weight:200;text-align:left;padding:5px 0 0 64px;position:relative}
.no-card:before{content:'';position:absolute;background:url(https://www.manageengine.com/fr/cloud-siem/images/cloud-log-home-ban-sprite-22.png) no-repeat -5px -60px;background-size:999px;width:21px;height:15px;left:32px;top:9px}
.image-row{display:block;width:100%;max-width:1200px;margin-bottom:10px;overflow:hidden}
.image-row img{width:1200px;float:left;display:table}
.img-container{overflow:hidden;position:relative;transition:.3s ease-in;width:2400px}
.row-2 .img-container{margin-left:-100%}
.ffw-field input:focus-visible{outline:0;border-color:#527be6}
.ffw-form form ul li select:focus-visible{outline:0}
.animated .row-1 .img-container{animation:scroll-1 40s linear infinite}
.tit-org{width:100%;text-align:center;padding-bottom:40px}
.tit-org h2{font-size:30px;font-weight:200;line-height:42px;width:100%}
.tit-org h2 strong{font-weight:500;color:#006682}
@keyframes scroll-1 {
0%{margin-left:0}
50%{margin-left:-100%}
100%{margin-left:0}
}
.animated .row-2 .img-container{animation:scroll-2 40s linear infinite}
@keyframes scroll-2 {
0%{margin-left:-100%}
50%{margin-left:0}
100%{margin-left:-100%}
}
@media screen and (max-width:1200px) {
.image-row{max-width:1000px;margin:auto;margin-bottom:10px}
.why .rhs{padding-top:0;}
}
.animate{transition:all .8s ease-in-out;opacity:0}
.animate.animated{opacity:1}
.fadeInUp{-moz-transform:translateY(30px);-ms-transform:translateY(30px);-webkit-transform:translateY(30px);transform:translateY(30px)}
.fadeInUp.animated{-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}
.fadeInLeft{-moz-transform:translateX(-30px);-ms-transform:translateX(-30px);-webkit-transform:translateX(-30px);transform:translateX(-30px)}
.fadeInLeft.animated{-moz-transform:translateX(0px);-ms-transform:translateX(0px);-webkit-transform:translateX(0px);transform:translateX(0px)}
.fadeInRight{-moz-transform:translateX(30px);-ms-transform:translateX(30px);-webkit-transform:translateX(30px);transform:translateX(30px)}
.fadeInRight.animated{-moz-transform:translateX(0px);-ms-transform:translateX(0px);-webkit-transform:translateX(0px);transform:translateX(0px)}
.fadeInRight{-moz-transform:translateX(30px);-ms-transform:translateX(30px);-webkit-transform:translateX(30px);transform:translateX(30px)}
.fadeInRight.animated{-moz-transform:translateX(0px);-ms-transform:translateX(0px);-webkit-transform:translateX(0px);transform:translateX(0px)}
.graphori.animated{animation:graphver .5s ease-in-out 1.5s both;transform-origin:bottom}
@keyframes graphver {
from{-moz-transform:scaleY(0);-ms-transform:scaleY(0);-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0}
to{-moz-transform:scaleY(1);-ms-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1}
.btm-note p {
    padding-top: 30px;
}
}
.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}
}
.scrn-com{float:left;width:100%;padding-bottom:90px}
.scrn-com .lhs{padding:120px 50px 0 70px;float:left;width:calc(100% - 650px)}
.scrn-com .lhs h3{font-size:26px;font-weight:500;padding:0 50px 10px 0;line-height:36px;color:#102336}
.scrn-com .lhs p{font-size:16px;padding-bottom:25px;line-height:28px}
.scrn-com a.cta-fea{cursor:pointer;background:#e8f1ff;color:#0067ff;border:1px solid #0067ff;font-size:12px;font-weight:600;padding:6px 30px;letter-spacing:2px;border-radius:2px;text-align:center;display:inline-block;text-transform:uppercase}
.scrn-com a.cta-fea:hover{background:#0067ff;color:#fff}
.scrn-com .rhs{float:left;width:650px;position:relative}
.scrn-com .tit-spac-1{padding-top:175px}
.pri-22 .pri-box .tit h2 i{margin:-1px 0 0 0px;}
@media screen and (max-width: 992px) {
.scrn-com .lhs,.scrn-com .rhs{width:100%}
.scrn-com .lhs{padding:15px 25px}
.scrn-com{border:1px solid #f5f5f5;background:#fff;margin-bottom:25px;padding:30px;border-radius:10px}
}
@media screen and (max-width: 769px) {
.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}
}
@media screen and (max-width:1330px) {
.scrn-com .lhs h3{font-size:24px;line-height:34px;padding:0 0 15px}
}
@media screen and (max-width:1050px) {
.scrn-com .lhs{width:100%;padding:10px 0 15px;text-align:center;order:1}
.scrn-com .rhs{width:100%;order:2}
.scrn-com{padding-bottom:40px;display:grid}
}
@media screen and (max-width:400px) {
.scrn-com{padding:0}
.scrn-com .lhs{padding:30px}
}
@media screen and (max-width:350px) {
.scrn-com{padding:0}
}
@media screen and (max-width:1250px) {
.ac{max-width:90%}
.ban .lhs{padding:30px 0 0}
.what .mob-scrn img,.what .mob-scrn:before,.what .mob-scrn:after{display:none}
.ban::before{top:-54px;opacity:.5}
}
@media screen and (max-width:1200px) {
.manag .lhs{width:100%;padding: 50px 0 20px;text-align:center}
.ac{max-width:90%}
.ban .lhs{width:100%;text-align:center;padding: 0 100px 60px;}
.ban .rhs,.manag .rhs,.no-card:before,.manag-ani-box,.manag-ani-box span,.ban .ban-im{display:none}
.why .rhs ul{width:100%}
.manag .lhs h2,.what .tit h2{font-size:28px}
.manag .lhs h2 span,.what .tit h2 span{font-size:28px}
.no-card{text-align:center;padding:5px}
.move1, .move2{width:208px}
}
@media screen and (max-width:1150px) {
.sugg{display:none}
.start{padding: 80px 0 70px;}
}
@media screen and (max-width:1025px) {
.pri-22 .inn{padding-bottom:0}
}
@media screen and (min-width:992px) {
    .secu .con h4{display: none;}
}
@media screen and (max-width:992px) {
.mob-hide,.why .inn:before,.why .inn:after,.meet-tab-tit{display:none}
.scrn,.con{-webkit-transform:translateX(1px);transform:translateX(1px);opacity:1;transition:all .5s ease}
.scrn{width:100%;padding:0 0 30px}
.con{width:100%;padding:0}
.topics-tb1,.topics-tb2{display:table;border: 1px solid #2b6e7e;padding:25px;border-radius:10px;margin-bottom:15px;display:grid}
.why .lhs{width:100%}
.why .rhs{width:100%;padding:30px 0 0}
.why .rhs ul li:last-child{padding-bottom:0}
.what .mob-scrn{position:relative;left:initial;top:initial}
.sec-box{padding:30px;text-align:center}
.sec-box:before{display:none}
.sec-box div{padding:0}
.sec-box div a{position:relative;top:0;right:0}
.topics-tb1 .scrn{order:2}
.topics-tb1 .con{order:1}
.topics-tb1 .scrn{padding-bottom:0;margin-top: 30px;}
.secu .con{padding-right:0;padding-bottom: 30px;}
.ban .lhs{    padding: 0 40px 60px;}
}
@media screen and (max-width:880px) {
.what{background:#fff0eb;padding:50px;box-sizing:border-box;margin-bottom:80px}
.what .mob-scrn img{display:block;width:100%}
.what .tit{margin-bottom:30px}
.plan .inn{width:100%}
.plan-com{width:48%;margin:0 1%}
}
@media screen and (max-width:769px) {
.plan-com{min-width:340px;margin:0 auto;display:table;float:initial!important}
.plan-com.plan-free{margin-bottom:30px}
.ban .lhs h1{font-size:30px;line-height:36px}
.why .lhs h2{font-size:22px}
.get-strt h2{font-size:28px;line-height:38px}
.why .inn{padding:40px 15px 40px 30px}
.secu .tit h2{font-size:24px;padding-top:30px}
.secu .scrn{padding:30px 0 0}
.meet .tit h2{font-size:24px;line-height:32px}
.meet .tit h2 span{font-size:20px;line-height:28px}
.con h4{font-size:14px}
.con h2{font-size:22px;line-height:30px}
.pri-22 .pri-box-free .pri-box .points ul.p-list{padding-top:0;margin-top:0;min-height:auto}
.manag:before{display:none}
.manag .lhs{padding: 0px 0 10px;}
}
@media screen and (max-width:620px) {
.get-strt .inn ul{max-width:255px;width:100%}
.get-strt .inn ul li{margin:0;width:100%}
.get-strt .inn ul li a{width:100%}
}
@media screen and (max-width:500px) {
.ds-list li{width:100%}
.why .lhs h2{text-align:center;font-size:24px}
.why .inn{padding:60px 20px 40px 40px}
.manag .lhs h2,.what .tit h2{font-size:21px;line-height:35px}
.manag .lhs{padding:50px 0 20px}
.what{padding:50px 0}
.tit-org h2{font-size:22px;line-height:35px}
.start .tit-get h2 span{font-size:24px;line-height:26px;padding-top:40px}
.start .tit-get h2{font-size:30px;line-height:40px;padding-top:40px}
#titlediv{display:none}
.zsiq_flt_rel{border-radius:50px 0 0 50px!important}
}
@media screen and (max-width:400px) {
.plan-com{min-width:100%}
.plan-desc h4.plan-change:before{right:10%}
}
@media screen and (max-width:370px) {
.add-on .lhs{width:calc(100% - 55px)}
.add-on .rhs{width:55px;padding:15px 5px}
.add-on .lhs label{font-size:13px;padding:13px 0 0}
}
@media screen and (min-width : 1250px) {
.pri-22 .pri-box-free .pri-box .points ul.p-list{min-height:313px}
}
.pri-box .storage-val{width:80%;height:45px;border-radius:2px;border:1px solid #cbd5d9;padding:9px 5px 5px 15px;font-size:16px;color:#5e5e5e;margin-left:10%;-webkit-appearance:none;appearance:none;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,gray 50%),linear-gradient(135deg,gray 50%,transparent 50%),linear-gradient(to right,#ccc,#ccc);background-position:calc(100% - 20px) calc(1em + 3px),calc(100% - 15px) calc(1em + 3px),calc(100% - 2.5em) .6em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;outline:none;transition:all .5s ease;cursor:pointer;box-sizing:border-box;display:block}
.storage-value-list{width:80%;margin:auto;background:#f3f3f3;box-sizing:border-box;position:absolute;left:0;right:0;border:1px solid #cbd5d9;z-index:1;border-top:0;top:44px;display:none}
.storage-val-dropdown{position:relative}
.storage-value-list li{padding:10px;cursor:pointer;transition:.3s ease-in}
.storage-value-list li:hover{background:#50505042}
.af .storage-val-dropdown{display:inline-block;float:none;width:100%}
.pri-box .storage-val{padding-top:14px}
.af ul.storage-value-list{float:none;margin:auto}
.btm-note{display:inline-block;margin-top:40px;width:100%;text-align:center}
.btm-note p{font-size:16px}

/****** top strip ******/
 @-webkit-keyframes slide-right {
        0% {-webkit-transform: translateX(0); transform: translateX(0);}
        100% {-webkit-transform: translateX(6px);transform: translateX(6px);}
    }
    @keyframes slide-right {
        0% {-webkit-transform: translateX(0);transform: translateX(0);}
        100% {-webkit-transform: translateX(6px);transform: translateX(6px);}
    }

    .strip-bnr {background: #5022cb; background: linear-gradient(to right, #5022cb 0%, #10003b 100%); background: -webkit-linear-gradient(to right, #5022cb 0%, #10003b 100%);padding: 17px 0;text-align: center;color: #fff;font-size: 14px; font-weight: 500;position: relative;z-index: 9; margin-top: 0; top: 0;left: 0; position: fixed; width: 100%;}
    .strip-bnr p{padding:0;margin:0;display: inline-block;}
    .strip-bnr-gr {background: #ffc402;}
    .strip-bnr-pk {background: #ffebe3;}
    .strip-bnr::before, .strip-bnr::after {display: none; content: ""; position: absolute; width: 118px; height: 34px; background: url(images/log360-cloud-index-strip-sprite.png) no-repeat; background-size: 123px; top: 0; bottom: 0; margin: auto;}
    .strip-bnr-gr::before{background-position: -3px -36px; left: 0;display: none;}
    .strip-bnr-gr::after{background-position: -3px -36px; right: 0; transform: rotate(180deg);display: none;}
    .strip-bnr-pk::before{background-position: -3px -76px; left: 0;}
    .strip-bnr-pk::after{background-position: -3px -76px; right: 0; transform: rotate(180deg);}
    .strip-bnr a {color: #FFEB00;text-decoration: none; position: relative; margin-left: 18px; font-size: 15px; font-weight: 400;}
    .strip-bnr a::after{content: ""; position: absolute; top: 0; bottom: 0; margin: auto; right: -20px; background: url(https://www.manageengine.com/fr/cloud-siem/images/cloud-log-home-sprite-22.png) no-repeat; background-size: 1003px; width: 15px; height: 15px; background-position: -984px 2px; -webkit-animation: slide-right .5s ease-in-out infinite alternate both; animation: slide-right .5s ease-in-out infinite alternate both;}
    .strip-bnr-icon{color: #fff; font-size: 13px; font-weight: 400; position: relative; padding: 3px 8px 3px 7px; letter-spacing: 1px; margin-right: 9px;}
    .strip-bnr-icon::before{content: ""; position: absolute; height: 22px; width: 27px; background: url(https://www.manageengine.com/fr/cloud-siem/images/cloud-log-home-sprite-22.png) no-repeat; background-size: 1000px; background-position: -954px 1px; left: 0; top: -2px;}
.strip-bnr-icon::after{content: ""; position: absolute; height: 35px; width: 68px; background: url(https://www.manageengine.com/fr/cloud-siem/images/cloud-log-home-sprite-22.png) no-repeat; background-size: 1000px; background-position: -883px -41px; left: -114px; top: -2px;}
    /*.strip-bnr-gr .strip-bnr-icon{background: #257255; border-radius: 10px;}*/
    /*.strip-bnr-gr .strip-bnr-icon::before{background-position: -1px -1px;}*/
    .strip-bnr-gr .strip-bnr-icon{    border: 1px solid #e60001;
    border-radius: 30px;
    color: #000;
    padding: 3px 10px 3px 25px;}
    .strip-bnr-gr .strip-bnr-icon::before{    background: #e60001;
    height: 7px;
    width: 7px;
    left: 12px;
    top: 6px;}
    .strip-bnr-gr a{    color: #fff;
    background: #e5322c;
    padding: 6px 24px 6px 10px;
    font-size: 14px;
    border-radius: 30px;}
    .strip-bnr-gr a::after{    border-left: 8px solid #fff;
    border-top: 4px solid #fff0;
    border-right: 4px solid #fff0;
    border-bottom: 4px solid #fff0;
    background: none;
    width: 0px;
    height: 0px;
    right: 8px;}
    .strip-bnr-gr .strip-bnr-date::before{    filter: brightness(0.4);}
    .strip-bnr-pk .strip-bnr-icon{background: #bd5227; border-radius: 10px;}
    .strip-bnr-pk .strip-bnr-icon::before{background-position: -29px -1px;}
    .strip-bnr-date{margin-left: 0; position: relative;}
    .strip-bnr-date strong{font-weight: 500; color: #64F9FF}
    .strip-bnr-date::before{content: ""; position: relative; display: inline-block; height: 20px; width: 20px; background: url(images/log360-cloud-index-strip-sprite.png) no-repeat; background-size: 104px; background-position: -66px -1px; top: 5px; margin-right: 8px;display: none;}
    .strip-bnr-pk .strip-bnr-date::before{background-position: -85px 1px;}
    .stripClose{border-radius: 50%; background:#707070; color: #fff; position: absolute; top: 0; bottom: 0; right: 75px; margin: auto; height: 20px; width: 20px; font-weight: 200; font-size: 20px;z-index: 9999; cursor: pointer;}
    @media screen and (max-width:1260px) {
        .strip-bnr {z-index: 9999;}
        .strip-bnr::before, .strip-bnr::after{display: none;}
    }
     @media screen and (max-width:1100px) {
        .strip-bnr {margin-top: 0; padding: 15px 10px;}
    }
    @media screen and (max-width:991px) {
        .strip-bnr a{display: block; margin: 20px 0 0;}
        .strip-bnr a::after{position: relative; top: -1px; right: -5px; display: inline-block;}
       .strip-bnr-icon::after{display: none;}
       .stripClose{right: 5%;}

    }

    @media only screen and (min-width: 767px) and (max-width: 1025px){
        //.strip-bnr {margin-top: 16px;}
    }
 @media only screen and (max-width: 767px){
    .strip-bnr-date{display: none; margin: 6px 0;}
.strip-bnr-icon{display: inline-block; vertical-align: top;}
.strip-bnr p{line-height: 23px;}
}
    @media only screen and (max-width: 700px){
        //.strip-bnr-icon{margin: 0 auto 10px; width: 130px; display: block;padding:1px 3px 1px 6px;}
        .strip-bnr-icon::before{top: -3px}
.strip-bnr{padding: 15px 10%; width: 80%}
    }
@media only screen and (max-width: 500px){
.ban{margin-top: 130px;}
}
 @media only screen and (max-width: 420px){
        .strip-bnr {line-height: 18px;}
        //.strip-bnr span{display: block;}
        .strip-bnr p{line-height: 20px;}
    }


/****** Webinar banner ******/
.sec-box.sec-box-webinar{background: url(images/feb-7-webinar-2023-log360-cloud-index-banner-gr.png) no-repeat; background-color: #5effd2; background-size: contain; padding: 42px 0;}
.sec-box.sec-box-webinar.strip-bnr-pk{background: url(images/feb-7-webinar-2023-log360-cloud-index-banner-pk.png) no-repeat; background-color: #feebe2; background-size: contain; padding: 42px 0;}
.sec-box:before, .sec-box div a:before{display: none;}
.sec-box div{padding-right:250px}
.sec-box div h2, .sec-box div p{opacity: 0; z-index: -1;position: relative;}
.sec-box div a{padding:20px 80px;position:absolute;right:59px;top:142px;opacity: 0;cursor: pointer;}
@media only screen and (max-width: 1250px){
.sec-box div a{right: 5%; top: auto; bottom: 13%; padding: initial; height: 30%; width: 19%;}
.sec-box.sec-box-webinar{background-position: center;}
}
@media only screen and (max-width: 1024px){
.sec-box div a{right: 5%; top: auto; bottom: 23%; padding: initial; height: 52px; width: 19%;}
}
@media only screen and (max-width: 800px){
.sec-box.sec-box-webinar {background: #5effd2;position:relative;width: 100%;}
.sec-box.sec-box-webinar.strip-bnr-pk{background: #feebe2}
.sec-box div h2, .sec-box div p{display: none;}
.sec-box.sec-box-webinar::before{content: "";background: url(images/feb-7-webinar-2023-log360-cloud-index-banner-gr.png) no-repeat;display: block;height: 146px;width: 440px;background-size: 960px;background-position: -44px -22px;margin: 0 auto; position: relative; left: 0; top: 0;}
.sec-box.sec-box-webinar::after{content: "";background: url(images/feb-7-webinar-2023-log360-cloud-index-banner-gr.png) no-repeat;display: block;height: 135px;width: 187px;background-size: 960px;background-position: -726px -28px;margin: 60px auto 0;transform: none;}
.sec-box.sec-box-webinar.strip-bnr-pk::before{content: "";background: url(images/feb-7-webinar-2023-log360-cloud-index-banner-pk.png) no-repeat;display: block;height: 146px;width: 440px;background-size: 960px;background-position: -44px -22px;margin: 0 auto; position: relative; left: 0; top: 0;}
.sec-box.sec-box-webinar.strip-bnr-pk::after{content: "";background: url(images/feb-7-webinar-2023-log360-cloud-index-banner-pk.png) no-repeat;display: block;height: 135px;width: 187px;background-size: 960px;background-position: -726px -28px;margin: 60px auto 0;transform: none;}
.sec-box div a{right:0;top:auto;bottom:10%;left:0;padding:15px 0;height:auto;width:185px;background:#f6504c;margin:auto;}
}

@media only screen and (max-width: 500px){
.sec-box.sec-box-webinar::before{zoom: .8;}
}
@media only screen and (max-width: 400px){
.sec-box.sec-box-webinar::before{zoom: .65;}
}

.mid-ban .ebook {
    width: 92%;
    margin: 0 auto;
    display: table;    float: initial;
    margin-bottom: -125px;
}
.mid-ban{    background: #f9fbfc;}
.mid-ban a{}
.mid-ban a img{width:100%}

/*GENERAL SIGNUP YELLOW BANNER*/
.gene-ban-asd{background:#AFD1FF;border-radius:10px;padding: 40px 30px 15px 285px;margin-top: -361px;position:relative}
.gene-ban-asd:before{content:'';position:absolute;background:url(https://www.manageengine.com/fr/cloud-siem/images/cloud-log-home-sprite-22.png) no-repeat -279px -416px;background-size:1000px 1000px;width:208px;height:165px;left:38px;top:32px}
.gene-ban-asd div{width:70%;}
.gene-ban-asd div h2{font-size:36px;font-weight:500;margin-bottom:20px}
.gene-ban-asd div p{font-size:20px;line-height:32px;padding-bottom:30px}
.gene-ban-asd div a{background:#d31111;font-size:18px;color:#fff;font-weight:400;display:inline-block;padding:12px 50px 12px 40px;position:absolute;right:45px;top:100px}
.gene-ban-asd div a:before{content:'';position:absolute;background:url(https://www.manageengine.com/fr/cloud-siem/images/cloud-log-home-sprite-22.png) no-repeat -66px 0;background-size:1000px;width:10px;height:12px;right:32px;top:19px;transition:all .5s ease}
.gene-ban-asd div a:hover{background:#f60303;box-shadow:0 13px 11px -6px #3333339c}
.gene-ban-asd div a:hover:before{right:25px}

@media screen and (max-width:992px) {
    .gene-ban-asd{padding:30px;text-align:center}
.gene-ban-asd:before{display:none}
.gene-ban-asd div{padding:0}
.gene-ban-asd div a{position:relative;top:0;right:0}
}
    body .ban{padding:80px 0 50px;}body .ban .lhs{padding:10px 0 0 0;margin-right:200px;}@media screen and (max-width:1024px){body .ban .lhs{width:49%;margin-right:0}}@media screen and (max-width:768px){body .ban .lhs{width:100%}}body .ban .lhs h1,body .ban .lhs h1 *{color:#fff;font-size:58px;line-height:69px;}@media screen and (max-width:500px){body .ban .lhs h1,body .ban .lhs h1 *{font-size:35px;line-height:50px}}@media screen and (max-width:1024px){body .ban .lhs h1{text-align:left}}@media screen and (max-width:768px){body .ban .lhs h1{text-align:center;width:100%}}body .ban .lhs h1 small{font-weight:100;}body .ban .lhs h1 strong{color:#fef966;}body .ban .lhs h1 span{display:block;font-weight:500;}body .ban .lhs p{font-size:18px;font-weight:100;line-height:28px;padding-top:10px;}@media screen and (max-width:1024px){body .ban .lhs p{text-align:left}}@media screen and (max-width:768px){body .ban .lhs p{text-align:center}}body .ban .rhs{width:390px;margin-bottom:10px;}@media screen and (max-width:1200px){body .ban .rhs{display:block}}@media screen and (max-width:1024px){body .ban .rhs{width:50%}}@media screen and (max-width:768px){body .ban .rhs{width:100%}}body .signup-container{width:398px;margin-top:5px;}body .signup-container *{font-size:14px;}body .signup-container div{float:none;}@media screen and (max-width:768px){body .signup-container{margin:0 auto;float:none}}@media screen and (max-width:500px){body .signup-container{width:100%}}body .signup-container .signup-box{padding:25px 32px 32px 32px;border-radius:6px;}body .signup-container .signup-box>p{text-align:center;font-size:20px;margin-bottom:23px;}body .signup-container .signup-box .sgfrm{margin:13px 0 0;}body .signup-container .signup-box .password-strength{height:0;}body .signup-container .signup-box .za-password-container span.zpassword-show:before{margin-top:19px;margin-right:12px;}body .signup-container .signup-box .za-password-container input{padding-right:45px;}body .signup-container .signup-box .dc__container{line-height:10px;margin:10px 0 5px 0;}body .signup-container .signup-box .dc__container,body .signup-container .signup-box .dc__container *{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;transition:none!important;}body .signup-container .signup-box input[type=email],body .signup-container .signup-box input[type=number],body .signup-container .signup-box input[type=password],body .signup-container .signup-box input[type=search],body .signup-container .signup-box input[type=tel],body .signup-container .signup-box input[type=text],body .signup-container .signup-box input[type=url]{height:51px;border:1px solid #bababa;border-radius:3px;padding:14px 16px;font-size:16px;}body .signup-container .signup-box textarea{height:40px;border:1px solid #bababa;}body .signup-container .signup-box .sgnbtnmn .sgnbtn input[type='submit']{height:52px;font-weight:400;border-radius:3px;background-color:#ff001b;}@media screen and (max-width:500px){body .signup-container .signup-box .sgnbtnmn .sgnbtn input[type='submit']{padding:0 20px}}body .signup-container .signup-box .sgnbtnmn .sgnbtn input[type='submit']:hover{background-color:#cc0016;}body .signup-container .signup-box p.dc-info{display:inline!important;color:#000;line-height:0;}body .signup-container .signup-box p.dc-info .dcset{line-height:0;}body .signup-container .signup-box p.zcountry-info{display:inline!important;color:#000;}body .signup-container .signup-box p.zcountry-info #zip-countryname{font-weight:500;text-transform:uppercase;}body .signup-container .signup-box p.zcountry-info span{font-size:11px;}body .signup-container .signup-box .sign_agree a{font-size:11px;}body .signup-container .signup-box .sign-in{padding:10px 0 0 0;font-size:13px;}body .signup-container .signup-box .sign-in a{color:#00a4fc;}body .signup-container .signup-box .sign-in a:hover{color:#0083c9;text-decoration:underline;}body .signup-container .signup-box .sign-in *{font-size:13px;}body .signup-container .signup-box .sgnbtn input[type='submit']{background-color:#CC2B35;height:60px;}body .signup-container .signup-box .field-msg .error a{color:black;text-decoration:underline;font-size:11px;}body .signup-container .signup-box .za-tos-container{margin:8px 0 15px 0;}body .signup-container .signup-box .za-tos-container *{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;transition:none!important;}body .signup-container .signup-box .za-tos-container .field-msg{margin:12px 0 0 -25px;}body .signup-container .signup-box .za-tos-container *{line-height:18px;}body .signup-container .signup-box .za-tos-container label{padding-left:25px;font-weight:300;color:#000000;line-height:18px;}body .signup-container .signup-box .za-tos-container label a{color:#000000;font-weight:300;}body .signup-container .signup-box .za-tos-container #signup-termservice{top:1px;border:1px solid #ccc;height:15px;width:15px;}body .signup-container .signup-box .za-tos-container #signup-termservice.checked::before{background:#333;content:"";height:2px;left:3px;position:absolute;top:5px;transform:rotate(-45deg);width:9px;}body .signup-container .signup-box .za-tos-container #signup-termservice.checked::after{background:#333;content:"";height:2px;left:1px;position:absolute;top:7px;transform:rotate(45deg);width:5px;}body .signup-container .signup-box #signup-newsletter{border:1px solid #ccc;display:inline-block;height:15px;margin-right:4px;width:15px;vertical-align:sub;}body .signup-container .signup-box #signup-newsletter.checked::before{background:#333;content:"";height:2px;left:3px;position:absolute;top:5px;transform:rotate(-45deg);width:9px;}body .signup-container .signup-box #signup-newsletter.checked::after{background:#333;content:"";height:2px;left:1px;position:absolute;top:7px;transform:rotate(45deg);width:5px;}body .signup-container .signup-box .za-newsletter-container{margin:10px 0 0;position:relative;font-size:11px;}body .signup-container .signup-box .za-newsletter-container span{font-size:11px;line-height:18px;}body .signup-container .signup-box .za-newsletter-container label{position:relative;padding-left:25px;font-weight:400;line-height:18px;}body .signup-container .signup-box .za-newsletter-container #signup-newsletter{position:absolute;top:2px;left:0;}body .signup-container .signup-box .za-newsletter-container label{position:relative;padding-left:25px;font-weight:400;line-height:18px;}body .signup-container .signup-box .za-newsletter-container label span{font-size:11px;}body .signup-container .signupbtn-acc{padding:32px;}body .signup-container .signupbtn-acc h2,body .signup-container .signupbtn-acc h2 span{font-size:16px;font-weight:500;}body .signup-container .signupbtn-acc h2{margin-bottom:20px;}body .signup-container .signupbtn-acc p{margin-bottom:30px;}body .signup-container .signupbtn-acc .signupbtn-access{position:relative;z-index:99;font-size:15px;height:50px;padding:0 60px;background:#f0483e;text-align:center;text-transform:uppercase;border:0;color:#fff;width:100%;font-weight:600;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:2px;margin:40px 0 0 0;display:block;line-height:50px;text-transform:inherit;cursor:pointer;}

/*PRICING*/
.pri-22 .inn{float:left;width:100%;padding:80px 0}
.pri-22 .pri-box-main{float:left;width:33.3333%}
.pri-box div{width:100%;}
.pri-22 .pri-box{background:#fff;border:1px solid #e3e3e3;margin:0 10px;padding:40px;border-radius:20px;box-shadow:0 1px 2px 4px #33333305;color:#333;transition:all .5s ease}
.pri-22 .pri-box:hover{transform:scale(1.01);box-shadow:0 1px 28px 4px #3333331a;z-index:1;position:relative}
.pri-22 .stan-plan .pri-box{background:#d53369;background:-webkit-linear-gradient(to right,#cbad6d,#d53369);background:linear-gradient(to top,#fff,#e0faff);border:1px dashed #0795df}
.pri-22 .pri-box .tit{text-align:center;border-bottom:1px solid #ddd;padding-bottom:25px;margin-bottom:35px}
.pri-22 .pri-box .tit span.tag{color:#333;background:#ffeec3;padding:1px 15px;border-radius:15px;display:inline-block;text-transform:uppercase;    font-weight: 400;}
.pri-22 .pri-box .tit h2{line-height:45px;margin: 0;}
.pri-22 .pri-box .tit h2 i{font-size:28px;font-weight:300;position:absolute;font-style:normal}
.pri-22 .pri-box .tit h2 span{font-size:50px;font-weight:600;color:#000;line-height: 55px;}
.pri-22 .pri-box .tit h5{font-size:16px;color:#333;font-weight:300}
.pri-22 .pri-box .tit h5 strong{font-weight:500}
.pri-22 .pri-box .tit span.plus{position:absolute;margin:13px 0 0 -22px;background:#fff;width:40px;height:40px;font-size:28px;font-weight:300;color:#333}
.pri-22 .stan-plan .pri-box .tit span.plus{background:#eafbff}
.pri-22 .pri-box .points h4{text-align:center;font-weight:300;font-size:15px;padding:13px 0 14px}
.pri-22 .pri-box .points ul.p-list{margin-top:26px;min-height:170px}
.pri-22 .pri-box .points ul.p-list li{position:relative;padding-left:32px;margin-bottom:10px;color:#000;}
.pri-22 .pri-box .points ul.p-list li:before{content:'';position:absolute;background:url(../images/pri-tick-22.png) no-repeat;width:14px;height:14px;background-size:cover;left:6px;top:4px}
.pri-22 .pri-box .cta .cta-gren{background:#00ac57;color:#fff;font-size:18px;display:table;padding:14px 64px 14px 45px;display:table;margin:0 auto;position:relative;transition:all .5s ease;text-decoration: none;}
.pri-22 .pri-box .cta .cta-gren:before{content:'';position:absolute;width:0;height:0;border-top:7px solid #fff0;border-left:7px solid #fff;border-bottom:7px solid #fff0;right:44px;top:18px}
.pri-22 .pri-box .cta .cta-gren:hover{background:#028444;box-shadow:0 5px 10px -2px #0000003d}
.pri-22 .pri-box:hover .cta .cta-gren{background:#e40202}
.pri-22 .pri-box .points select{width:80%;height:45px;border-radius:2px;border:1px solid #cbd5d9;padding:5px 5px 5px 15px;font-size:16px;color:#5e5e5e;margin-left:10%;-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,gray 50%),linear-gradient(135deg,gray 50%,transparent 50%),linear-gradient(to right,#ccc,#ccc);background-position:calc(100% - 20px) calc(1em + 3px),calc(100% - 15px) calc(1em + 3px),calc(100% - 2.5em) .6em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;outline:none;transition:all .5s ease;cursor:pointer}
.pri-22 .pri-box .points select:hover{border:1px solid #4b4b4b}
.pri-22 .pri-box .add-on{margin:0 0 30px;float:left;width:100%}
.pri-22 .pri-box .add-on h4{color:#b1791a;font-size:13px;text-transform:uppercase;font-weight:600;margin-bottom:10px;    margin-top: 20px;}
.pri-22 .pri-box .add-inn{float:left;width:100%;position:relative}
.pri-22 .pri-box .add-inn input{padding:0;height:initial;width:initial;margin-bottom:0;display:none;cursor:pointer}
.pri-22 .pri-box .add-inn label{float:left;width:100%;font-weight:500;color:#000;font-size:14px;padding-left:24px;position:relative;cursor:pointer}
.pri-22 .pri-box .add-inn label:before{content:'';position:absolute;width:13px;height:13px;border:1px solid #d4d3d3;left:0;top:5px}
.pri-22 .pri-box .add-inn input:checked + label:after{content:"";position:absolute;left:4.5px;top:6.5px;width:4px;height:7px;border-bottom:2px solid #06ac57;border-right:2px solid #06ac57;transform:rotate(45deg)}
.pri-22 .stan-plan .pri-box .tit span.tag{background:#6fecff}
@media screen and (max-width:1050px) {
.pri-22 .pri-box-main{width:50%}
.pri-22 .pri-box-main.stan-plan{width:75%;float:initial;margin:0 auto;display:table;margin-top:50px;position:relative;top:40px}
}
@media screen and (max-width:769px) {
.pri-22 .pri-box-main{width:100%}
.pri-22 .pri-box-main.stan-plan{width:100%;float:left;margin:0 auto;display:initial;margin-top:0;position:relative;top:0}
.pri-22 .pri-box .points ul.p-list,.pri-box-free .pri-box .points ul.p-list{min-height:auto}
.pri-22 .pri-box{margin:0 100px 20px}
.pri-22 .pri-box .points h4{padding:0}
.pri-22 .pri-box-free .pri-box .points ul.p-list{padding:20px 0 30px}
}
@media screen and (max-width:580px) {
.pri-22 .pri-box{margin:0 20px 20px}
}
@media screen and (max-width:500px) {
.pri-22 .ds-list li{width:100%}
}
@media screen and (max-width:350px) {
.pri-22 .pri-box{margin:0 15px 20px;padding:30px}
}