#prdLogo{background:url(https://cdn.manageengine.com/cloud-siem/images/common-sprite.png) no-repeat 0 0;} .l360Cloudlogosvg{height:26px;margin-top:-1px;width:180px;} #prdLogo{background-position:0 0;width:270px;height:31px} .feaLayout h2{color:#5a6770;margin:10px 0 20px} .feaList h3{color:#0088c4;font-size:17px;margin:0} .feaList{background:url(https://cdn.manageengine.com/cloud-siem/images/wap-sprite.png) -454px 5px no-repeat;margin:15px 0;padding:5px 0 5px 55px;} .feaLayout .per30{padding:1% 3%;width:27%} .feaLayout .per30 p{text-align:justify} #scroll ul{padding:0} .supHead{color:#919496;display:inline-block;font-size:22px;font-weight:100;padding:2px 10px} .supBox{background:#FFFFFF;border-top:1px solid #E5E5E5;font-size:12px;margin:10px 0px 20px;padding:32px 10px 10px} .conCenter{text-align:center} #lhsTree ul{list-style:none} .rhs-cont ul li{list-style:disc} #backToTop{right:35px} #commonHeader{min-height:75px;} #commonHeader .per30 img{width:159px;} #commonHeader ul.mainNav{margin:10px 0 0 0;padding:0} #commonHeader ul.mainNav li{display:inline-block;font-size:16px;list-style:none;margin:0 0 0 20px;} #commonHeader ul.mainNav li a{color:#000;} #commonHeader ul.mainNav li.actMenu a{border-bottom:4px solid #0ba9f2;color:#0ba9f2;padding:14px 0} #commonHeader ul.mainNav li.logBut{margin:0;} #commonHeader ul.mainNav li.logBut a{border:1px solid #a2a2a2;color:#000;padding:7px 30px;transition:all 1s} #commonHeader ul.mainNav li.logBut a:hover{background:#e8e7e7;text-decoration:none;transition:all 1s} #commonHeader ul.mainNav li.sigBut{margin:0 0 0 20px} #commonHeader ul.mainNav li.sigBut a{background:#d23a3d;color:#fff;padding:7px 30px;transition:all 1s} #commonHeader ul.mainNav li.sigBut a:hover{background:#a31417;text-decoration:none;;transition:all 1s} /* Index Page */ .mainbanner{background:url(https://cdn.manageengine.com/cloud-siem/images/banner-bg.png) no-repeat;background-size:100% 100%;padding:50px 0 20px} .mainbanner h2{color:#fff;font-size:40px} .mainbanner p{color:#fff;font-size:20px;font-weight:100;line-height:36px} .mainbanner p span{display:block;font-weight:bold} .mainbanner a{background:#d43838;border-radius:3px;color:#fff;display:inline-block;font-size:20px;font-weight:400;margin:30px 0 50px 0;padding:10px 50px;text-decoration:none;transition:all .5s} .mainbanner a:hover{background:#a92020;transition:all .5s} .mainbanner img{margin:0 0 20px 0;width:100%} .head span{display:block;font-weight:700} .homeContent p{font-size:16px;font-weight:100;line-height:36px} .higligPart{background:#f3f7f9;padding:40px 0} .higligPart .higligIco1 img{width:88px} .higligPart .higligIco2 img{width:97px} .higligPart .higligIco3 img{width:79px} .higligPart .higligIco1, .higligPart .higligIco2, .higligPart .higligIco3{width:27%} .higligPart .higligIco2{padding:1% 6%} .logoPart{background:#131414;padding:40px 0} .signupPart{background:#003a6c;padding:40px 0} .signupPart h2{color:#fff;font-size:38px} .signupPart div {background:#d43838;color:#fff;display:inline-block;font-size:18px;font-weight:100;margin:30px 0 50px 0;padding:15px 40px} /* Pricing Page */ .mainBanner{background:#082559;height:262px} .mainBanner ul.pri{display:none;margin:20px 0 0;padding:0} .mainBanner ul.pri li{border-bottom:2px solid #53678b;color:#53678b;cursor:pointer;display:inline-block;font-size:18px;font-weight:100;padding:5px;} .mainBanner ul.pri li.actMenu{border-bottom:2px solid #fff;color:#fff;cursor:default;} .mainBanner h1{color:#fff;font-size:36px;font-weight:700;margin:55px 0 30px} .mainBanner h1 span.blu{color:#1ab3ff;} .mainBanner h1 span.nxtLne{display:block;font-size:24px;font-weight:100} .bgGray{background:#f9f9f9;margin:40px 0 0 0;padding:50px 0 70px;position:relative;z-index:9} .priContainer{background:#fff;border:solid 1px #e5e5e5;margin:-96px auto 0 auto;max-width:570px;position:relative;z-index:99} .priContainer .per50{height:350px;padding:0;width:49.8%} .priContainer .plaRigBor{border-right:1px solid #e5e5e5;} .priContainer .per50 ul{text-align:center;} .priContainer .per50 ul li.hea{border-bottom:1px solid #e5e5e5;font-size:15px;margin:0;padding:15px 0;text-transform:uppercase;} .priContainer .per50 ul li.pri{color:#000;font-size:40px;margin:30px 0 20px;} .priContainer .per50 ul li.pri sup{font-size:20px;font-weight:500;vertical-align:super;} .priContainer .per50 ul li.pri sub{color:#444;font-size:14px} .priContainer .per50 ul li.sto{font-weight:700; font-size: 11px;} .priContainer .per50 ul li.sto .drp{background:url(https://cdn.manageengine.com/cloud-siem/images/drpdwn-Botarr.png) 142px 20px no-repeat #efefef;background-size:9px;cursor:pointer;display:block;height:24px;padding:9px 0 8px 26px;position:relative;text-align:left} .priContainer .per50 ul li.sto ul{background:#fff;border:1px solid #efefef;display:none;font-weight:100;list-style:none;margin:-6px 0 0 54px;padding:0;position:absolute;text-align:left;width:174px} .priContainer .per50 ul li.sto ul li{cursor:pointer;padding:5px 0 5px 20px;transition:all .5s} .priContainer .per50 ul li.sto ul li:hover{background:#f8f7f7;transition:all .5s} .mouOverLy{background:#f8f7f7;transition:all .5s;} .priContainer .per50 ul li.sto span{border-bottom:1px solid #e5e5e5;display:block;height:5px;margin:0 auto;width:150px;} .priContainer .per50 ul li.mon{margin:10px 0} .priContainer .per50 ul li.lnk a{background:#20b566;color:#fff;display:inline-block;font-size:16px;margin:40px 0 0 0;padding:10px 30px;transition:all 1s} .priContainer .per50 ul li.lnk a:hover{background:#149e55;text-decoration:none;transition:all 1s} .bgGray .feaCont h2{border-bottom:1px solid #e0e0e0;font-size:38px;font-weight:100;margin:0 0 40px 0;padding:0 0 30px 0;} .bgGray .feaCont .per30{background:#fff;box-shadow:0 0 7px #ccc;height:600px;margin:0 1%;padding:1% 0} .bgGray .feaCont .per30 h3{color:#1196d9;font-size:20px;line-height:24px} .bgGray .feaCont .per30 h3 span{color:#666;display:block;font-size:12px} .bgGray .feaCont .per30 ul{margin:0 0 0 60px} .bgGray .feaCont .per30 ul li{font-size:11px;list-style:disc;margin:0 0 10px 0} /* Support Page */ h1.linHea{border-bottom:1px solid #e5e5e5;font-size:28px;font-weight:600;padding:0 0 10px 0;} .suppLft{background:#fafafa;} .suppLft ul{margin:66px 0;padding:0} .suppLft ul li{display:inline-block;float:left;list-style:none;margin:0 0 130px 0;width:33%} .suppLft ul li .suppIco{height:40px;} .suppLft ul li .suppTxt{font-size:13px;font-weight:600} .suppRgt{background:#f7f7f7;} .suppRgt > ul{margin:20px 0 0;padding:0} .suppRgt > ul > li{float:left;margin:0 0 15px;width:100%} .suppRgt > ul > li > .per30{padding:0;width:30%} .suppRgt > ul > li > .per30 > img{margin:4px 0 0 0} .suppRgt > ul > li > .per70{font-size:13px;padding:0;width:70%} .suppRgt > ul > li > .per70 > strong{display:block} .suppRgt > ul > li > .per70 > ul{margin:0;padding:0} .suppRgt > ul > li > .per70 > ul > li{list-style:none;width:80%} .suppRgt > ul > li > .per70 > ul > li > .per70{font-weight:bold;} .suppRgt > ul > li > ul{margin:10px 0 0 0;padding:0;width:90%} .suppRgt > ul > li > ul > li{list-style:none} .suppRgt > ul > li.chaCont{background:#129ce4;margin:0} .suppRgt > ul > li.chaCont > ul{margin:0;padding:14px 0 !important} .suppRgt > ul > li.chaCont > ul > li{color:#fff;display:inline-block;font-weight:100;width:auto} .suppRgt > ul > li.chaCont > ul > li.icn{margin:0 0 0 50px} .suppRgt > ul > li.chaCont > ul > li.tet{font-size:22px;margin:0 0 0 20px} .suppRgt > ul > li.chaCont > ul > li.tet > span{display:block;font-size:13px;} .suppRgt > ul > li > ul > li > .per70{font-weight:bold;} /*PRICING*/ .pri-22 .inn{float:left;width:100%;padding:80px 0} .pri-22 .pri-box-main{float:left;width:25%} .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 .prof-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;margin:-1px 0 0 -20px} .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 .prof-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(https://cdn.manageengine.com/cloud-siem/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}*/ .pri-22 .prof-plan .pri-box .tit span.tag{background:#6fecff} .pri-22 .pri-box-free .pri-box .points ul.p-list{min-height: 272px} @media screen and (max-width:1050px) { .pri-22 .pri-box-main{width:50%} } @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} } /*PRICING*/ .pri-22 .inn{float:left;width:100%;padding:80px 0} .pri-22 .pri-box-main{float:left;width:25%} .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;margin:-1px 0 0 -20px} .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:266px} .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(https://cdn.manageengine.com/cloud-siem/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:12px 43px 12px 26px;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:32px;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}*/ .pri-22 .pri-box-free .pri-box .points ul.p-list{min-height:450px} .pri-box-basic .pri-box .points ul.p-list{ min-height: 282px;} .pri-22 .prof-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 .prof-plan .pri-box .tit span.plus{background:#eafbff} .pri-22 .prof-plan .pri-box .tit span.tag{background:#6fecff} .pri-22 .storage-value-list {height:214px;overflow-y:auto;} @media screen and (max-width : 1250px){ .pri-22 .pri-box { width: 100%; } .pri-22 .pri-box-main { padding: 20px 10px; width: 50%; } .pri-22 .pri-box-main.stan-plan { width: 50%; float: left; display: inline-block; } .pri-22 .inn { display: flex; flex-wrap: wrap; } .pri-22 .pri-box-free .pri-box .points ul.p-list { min-height: 255px; } .pri-22 .pri-box .points ul.p-list { min-height: 110px; } .pri-22 .cta{ position:relative;top:0;left:0;bottom:0;right:0 } } @media screen and (max-width : 992px){ .pri-22 .pri-box-main,.pri-22 .pri-box-main.stan-plan { width : 100%; } .pri-22 .pri-box { max-width: 500px; margin: auto; display: table; float: none; } } @media screen and (max-width:500px) { .pri-22 .ds-list li{width:100%} .pri-22 .pri-box { padding-left: 20px; padding-right: 20px; } } /* PRICING v2 */ .pri-22-v2{background:#F9F9F9;float:left;width:100%;padding-bottom:100px} .pri-22-v2 *{box-sizing:border-box} .pri-22-v2 .inn{float:left;width:100%;padding:80px 0 0} .pri-22-v2 .pri-box-main{float:left;width:25%;} .pri-box div{width:100%} .pri-22-v2 .pri-box{ width:100%; background:#fff; border-radius:20px; box-shadow:none; padding:40px 25px; margin:0 4px; color:#333; transition:all .5s ease; margin-right:0; border-radius:0; float:left; height: 722px; border-top: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; } .pri-22-v2 .stan-plan .pri-box{margin-left:2px} .pri-22-v2 .pri-box .tit{text-align:center;padding-bottom:25px;margin-bottom: 20px;} .pri-22-v2 .pri-box .tit span.tag{background:none;padding:1px 15px;border-radius:15px;display:inline-block;text-transform:uppercase;font-weight:500;font-size:16px} .pri-22-v2 .pri-box .tit h2{line-height:45px;margin:0} .pri-22-v2 .pri-box .tit h2 i{font-size:28px;font-weight:300;position:absolute;font-style:normal;margin:-1px 0 0 -20px} .pri-22-v2 .pri-box .tit h2 i.peryear{font-size: 18px;margin: 0;vertical-align: middle;font-weight: 400;margin-top: 10px;} .pri-22-v2 .pri-box .tit h2 span{font-size: 50px;font-weight: 500;color:#000;line-height:55px} .pri-22-v2 .pri-box .tit h5{font-size:16px;color:#333;font-weight:300} .pri-22-v2 .pri-box .tit h5 strong{font-weight:500} .pri-22-v2 .pri-box .tit span.plus{position:absolute;margin:13px 0 0 -22px;width:40px;height:40px;font-size:28px;font-weight:300;color:#333} .pri-22-v2 .pri-box .points h4{text-align:center;font-weight:300;font-size:15px;padding:13px 0 14px} .pri-22-v2 .pri-box .points ul.p-list{margin-top: 25px;margin-bottom:30px} .pri-22-v2 .pri-box .points ul.p-list li{position:relative;padding-left:32px;margin-bottom:10px;color:#000} .pri-22-v2 .pri-box .points ul.p-list li:before{content:'';position:absolute;background:url(https://cdn.manageengine.com/cloud-siem/images/pri-tick1-22.png) no-repeat;width:14px;height:14px;background-size:100%;left:8px;top:7px} .pri-22-v2 .pri-box .cta .cta-gren{color: #0058FF;font-size:15px;padding:10px 55px 10px 38px;font-weight:500;border:1px solid #0058FF;border-radius:8px;background:no-repeat;display:table;margin:0 auto;position:relative;transition:all .5s ease;text-decoration:none} .pri-22-v2 .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;border-left:7px solid #0058FF;right:39px;top:15px;transition:all .5s ease} .pri-22-v2 .pri-box .cta .cta-gren:hover{background: #0058FF;box-shadow:0 5px 10px -2px #0000003d} .pri-22-v2 .pri-box:hover .cta .cta-gren{background:#e40202} .pri-22-v2 .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-v2 .pri-box .points select:hover{border:1px solid #4b4b4b} .pri-22-v2 .pri-box .add-on{margin:20px 0 0;float:left;width:100%;padding: 0px 22px;} .pri-22-v2 .pri-box .add-on h4{color:#b1791a;font-size:13px;text-transform:uppercase;font-weight:600;margin-bottom:10px;margin-top:20px} .pri-22-v2 .pri-box .add-inn{float:left;width:100%;position:relative;margin-bottom: 50px;} .pri-22-v2 .pri-box .add-inn input{padding:0;height:initial;width:initial;margin-bottom:0;display:none;cursor:pointer} .pri-22-v2 .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-v2 .pri-box .add-inn label:before{content:'';position:absolute;width:13px;height:13px;border:1px solid #d4d3d3;left:0;top:5px} .pri-22-v2 .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-v2 .pri-box-free .pri-box .points ul.p-list{margin-top:186px;margin-bottom: 200px;} .pri-22-v2 .inn{padding-top:0;margin-top:0;border-radius:20px} .pri-22-v2 .inn .lhs{float:left;width:30%;background:url(https://cdn.manageengine.com/cloud-siem/images/log360-cloud-pri-bg-line-22.png) no-repeat;background-size:100%;height:600px} .pri-22-v2 .inn .lhs h2{color:#0058FF;font-size:45px;font-weight:700;line-height:60px;vertical-align:middle;display:table-cell;height:600px;width:100%;text-align:center;padding-left:125px} .pri-22-v2 .inn .lhs h2 span{color:#000;display:block;line-height:45px} .pri-22-v2 .inn .rhs{float:left;width:100%;box-sizing:border-box} .pri-22-v2 .stan-plan .pri-box{margin-left: 5.5px;} .bgGray .feaCont h2{border-bottom:0 solid #e0e0e0;font-size:34px;margin:0 0 40px;padding:20px 0 0;text-transform:uppercase;font-weight:300} .pri-22-v2 .pri-box-basic .pri-box{border-left:1px solid #e3e3e3;margin-left: 2.5px;} .pri-22-v2 .pri-box-free .pri-box{border-left:1px solid #e3e3e3;border-top-left-radius: 25px;} .pri-22-v2 .pri-box .tit span.tag{padding:5px 0 15px} .pri-22-v2 .pri-box-free .pri-box .tit span.tag{color:#B28F19} .pri-22-v2 .pri-box-basic .pri-box .tit span.tag{color:#3CA5C4} .pri-22-v2 .stan-plan .pri-box .tit span.tag{background:none;color:#10A24D} .pri-box .storage-val{width:80%;height:45px;border-radius: 5px;border:1px solid #cbd5d9;padding:9px 5px 5px 15px;font-size:14px;color:#5e5e5e;margin-left:10%;-webkit-appearance:none;appearance:none;background-color:#fff;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;position: relative;} .storage-value-list{width:80%;margin:auto;background:#f3f3f3;box-sizing:border-box;position:absolute;left: 10%;right:0;border:1px solid #cbd5d9;z-index:2;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} .pri-22-v2 .stan-plan.highlight .pri-box .cta .cta-gren{background:#0058FF;color:#fff} .pri-22-v2 .stan-plan .pri-box .tit span.plus{background:#f5fffc} .pri-box .storage-val:hover{border:1px solid #029c4c} .pri-22-v2 .stan-plan.highlight .pri-box .cta .cta-gren:before{border-left:7px solid #fff;} .pri-22-v2 .pri-box:hover .cta .cta-gren{background:#0058FF;color:#fff} .pri-22-v2 .pri-box:hover .cta .cta-gren:before{border-left:7px solid #fff} .pri-22-feat,.pri-22-feat-main{float:left;width:100%} .pri-22-v2 .fea-tit div span{transition:all .5s ease;display:block} .fea-stick .pri-22-feat .fea-tit div span{opacity:1;transform:scale(1)} .fea-stick .pri-22-feat .fea-tit{position:sticky;top:90px;} .pri-22-v2 .fea-tit{float:left;width:100%;background: #EFF8FF;} .pri-22-v2 .fea-tit div{width: 19%;float:left;font-size:15px;font-weight:500;color:#000;border:1px solid #e3e3e3;border-top: 0;padding: 15px 25px;box-sizing:border-box;border-right:0;text-transform:uppercase;text-align:center;} .pri-22-v2 .fea-tit div:nth-child(1){border-left:0;text-align:left;padding-left:35px;width: 24%;} /* .pri-22-v2 .fea-tit div:nth-child(2){color:#B28F19} .pri-22-v2 .fea-tit div:nth-child(3){color:#3CA5C4} .pri-22-v2 .fea-tit div:nth-child(4){color:#10A24D} */ .pri-22-v2 .fea-tit div:last-child{position:relative;} .pri-22-v2 c{/* background:#F5FFFC; *//* box-shadow:0 15px 14px 1px #3333331a; */} .pri-22-v2 .fea-desc{float:left;width:100%} .pri-22-v2 .fea-desc div{width: 19%;float:left;font-size:15px;font-weight:500;color:#000;border:1px solid #e3e3e3;padding:20px 10px;box-sizing:border-box;border-right:0;border-top:0;text-align:center} .pri-22-v2 .fea-desc div:nth-child(1){border-left:0;width: 24%;text-align:left;padding-left:35px} .pri-22-v2 .fea-desc span.yes,.pri-22-v2 .fea-desc span.no{background:url(https://cdn.manageengine.com/cloud-siem/images/cloud-price-featu-22.png) no-repeat;width:20px;height:20px;display:inline-block;background-size:48px} .pri-22-v2 .fea-desc span.no{background-position:-22px 0} .pri-22-v2 .fea-desc span.add{color:#B1791A;font-size:13px;font-weight:600} .pri-22-v2 .fea-desc span.sub-txt{display:block;line-height:16px;font-size:13px;color:#333;font-weight:400} .pri-22-v2 .fea-desc .sub-ex{padding:12px 10px} .pri-22-v2 .fea-desc:last-child div{border-bottom:0} .pri-22-v2 .fea-desc:last-child div:last-child{} .pri-22-v2 .stan-plan.highlight .pri-box { box-shadow: 0 -10px 14px 1px #3333331a; background: #F5FFFC; border: 1px solid #009C4C; height: 737px; margin-top: -15px; border-radius: 20px 20px 0 0; } .pri-22-v2 .stan-plan.highlight {position: relative;z-index: 1;} .pri-22-v2 .mssp-plan .pri-box .tit span.tag { color: #9053BC; } .pri-22-v2 .mssp-plan .pri-tot span { color: #9053bb; } .pri-22-v2 .other-fields span { display: inline-block; width: calc(100% - 70px); vertical-align: middle; } .pri-22-v2 .other-fields input[type="number"] { display: inline-block; width: 55px; padding: 10px 10px; border: 1px solid #C3C3C3; border-radius: 3px; } .pri-22-v2 .other-fields div { display: inline-block; margin: 7px 0px; } .pri-22-v2 .other-fields { margin-bottom: 30px; padding: 0px 22px; } .pri-22-v2 .mssp-plan.highlight { position: relative; z-index: 1; } .pri-22-v2 .mssp-plan.highlight .pri-box { box-shadow: 0 -10px 14px 1px #3333331a; background: #FCF7FF; border: 1px solid #A96CCE; height: 737px; margin-top: -15px; border-radius: 20px 20px 0 0; overflow: hidden; } .pri-22-v2 .mssp-plan.highlight .pri-box .cta .cta-gren { background: #0058FF; color: #fff; } .pri-22-v2 .pri-box .storage-val:before {content: "";position: absolute;width: 8px;height: 8px;border-bottom: 1.5px solid #7996A2;border-right: 1.5px solid #7996A2;right: 18px;top: 14px;transform: rotate(45deg);pointer-events: none;} .pri-22-v2 .mssp-plan.highlight .pri-box .cta .cta-gren:before { border-left: 7px solid #fff; } .pri-22-v2 .sticker { position: absolute; z-index: 1; background: #9053BC; font-size: 11px; line-height: 24px; color: #fff; text-transform: uppercase; text-align: center; width: 100px; font-weight: 600; letter-spacing: .5px; left: -22px; top: 14px; transform: rotate(317deg); } .pri-22-v2 .mssp-plan.highlight .tit, .pri-22-v2 .stan-plan.highlight .tit { margin-top: 14.5px; } .pri-22-v2 .mssp-plan .pri-box { position: relative; overflow: hidden; border-top-right-radius: 25px; border-right: 1px solid #e3e3e3; } .pri-22-v2 .pri-22-feat { border: 1px solid #E6E6E6; border-radius: 0 0 20px 20px; background: #fff; } .mssp-highlight .fea-tit div:last-child { background: #C2E2FA; border-left: 1px solid #8ABFE5; border-right: 1px solid #8ABFE5; border-top: 1px solid #8ABFE5; } .mssp-highlight .fea-desc div:last-child { border-left: 1px solid #8ABFE5; border-right: 1px solid #8ABFE5; box-shadow: 0 15px 14px 1px #3333331a; background: #EFF8FF; } .mssp-highlight .fea-desc:last-child div:last-child { border-radius: 0 0 20px 20px; border-bottom: 1px solid #8ABFE5; box-shadow: 0 10px 14px 1px #33333312; } .standard-highlight .fea-tit div:nth-of-type(4) { background: #C2E2FA; border-left: 1px solid #8ABFE5; border-right: 1px solid #8ABFE5; border-top: 1px solid #8ABFE5; } .standard-highlight .fea-desc div:nth-of-type(4){ border-left: 1px solid #8ABFE5; border-right: 1px solid #8ABFE5; box-shadow: 0 15px 14px 1px #3333331a; background: #EFF8FF; } .standard-highlight .fea-desc:last-child div:nth-of-type(4) { border-radius: 0 0 20px 20px; border-bottom: 1px solid #8ABFE5; box-shadow: 0 10px 14px 1px #33333312; } .pri-22-v2 .storage-value-list{ max-height: 214px; overflow: auto; } .pri-22-v2 .other-fields .error-msg { display: inline-block; font-size: 12px; color: red; text-align: right; width: auto; line-height: 16px; padding: 0px 5px; float: right; margin-right: 10px; border-radius: 5px; position: relative; margin-bottom: -10px; } .pri-22-v2 .other-fields div.err input, .pri-22-v2 .other-fields div.err input:focus { border-color: red; outline-color: red; } @media screen and (max-width:1250px) { .ac{max-width:90%} .pri-22-v2 .inn .lhs h2{padding-left:45%} } @media screen and (max-width:1220px) { .pri-22-v2 .pri-box{height:auto} } @media screen and (max-width:1120px) { .pri-22-v2 .inn .lhs{width:100%;height:auto} .pri-22-v2 .inn .lhs h2{height:auto;text-align:center;display:block;padding:10px 20px 0} .pri-22-v2 .inn .rhs{width:100%;padding:40px 0 50px} } @media screen and (max-width : 1150px) and (min-width: 770px){ .pri-22-v2 .inn .rhs { display: flex; border: 1px solid gray; border-radius: 30px 30px 0 0; padding: 0; } .pri-22-v2 .pri-box-main { display: flex; } .pri-22-v2 .stan-plan.highlight .pri-box { height: auto; } .pri-22-v2 .other-fields { padding: 0; } .pri-22-v2 .other-fields span { width: 100%; } .pri-22-v2 .mssp-plan.highlight .pri-box { height: auto; } .pri-22-v2 .stan-plan .pri-box { border-radius: 0; } .cta { position: absolute; bottom: 50px; left: 0; right: 0; margin: auto; } .pri-22-v2 .pri-box { position: relative; padding-bottom: 100px; } .pri-22-v2 .pri-box .tit h2 span{ font-size: 30px; } .pri-22-v2 .pri-box .storage-val{ font-size: 12px; } .pri-22-v2 .fea-desc div:nth-child(1){ padding-left: 23px; } .pri-22-v2 .fea-desc:last-child div { height: 80px; } } @media screen and (max-width:992px) { .pri-22-v2 .inn .lhs h2{padding:30px 0 0;font-size:36px;margin:0} .pri-22-v2 .inn .lhs h2 span{display:inline-block} } @media screen and (max-width:769px) { .pri-22-v2 .pri-box-main{width:100%} .pri-22-v2 .pri-box-main.stan-plan{width:100%;float:left;margin:0 auto;display:initial;margin-top:0;position:relative;top:0} .pri-22-v2 .pri-box .points ul.p-list,.pri-box-free .pri-box .points ul.p-list{min-height:auto} .pri-22-v2 .pri-box{margin:0 auto;display:table;float:none;margin-left:auto!important;width:100%;max-width:350px;margin-bottom: 30px; border-radius: 20px 20px 0px 0px !important;} .pri-22-v2 .pri-box .points h4{padding:0} .pri-22-v2 .pri-box-free .pri-box .points ul.p-list{padding:0 0 30px;margin:0} .pri-22-v2 .pri-box-basic .pri-box{background:#f7f9ff;border:1px solid #d4dbe5;border-radius:20px;margin-bottom:30px} .pri-22-v2 .pri-box-free .pri-box{background:#f7f9ff;border:1px solid #d4dbe5;border-radius:20px;margin-bottom:30px;height:auto} .pri-22-v2 .pri-box .tit span.plus{background:#f7f9ff} .pri-22-v2 .fea-desc div{height:80px;padding:20px 2px} .pri-22-v2 .fea-tit div{font-size:12px;padding:20px 5px} .pri-22-v2 .fea-desc div:nth-child(1){padding:15px 8px 2px;font-size:13px} .pri-22-v2 .fea-tit div:nth-child(1){padding-left:10px} .pri-22-v2 .fea-tit div span{opacity: 1;transform: scale(1);} } @media screen and (max-width : 767px){ .pri-22-v2 .fea-tit div{ height: 82px; } } @media screen and (max-width:540px) { .pri-22-v2 .fea-tit div:last-child{padding:13px 7px;line-height:19px} } @media screen and (max-width:500px) { .pri-22-v2 .ds-list li{width:100%} .pri-22-v2 .fea-desc div{font-size:13px;} .pri-22-v2 .fea-tit div span{opacity:1;transform:scale(1);font-size: 10px;} .pri-22-v2 .fea-tit div:nth-child(1){width:100%;text-align:center;border:0;background:none;font-size:18px;height: 50px;} .pri-22-v2 .fea-tit div { width: 25%; padding: 20px 6px!important; height: 78px; border-top: 1px solid #8ABFE5;c } .pri-22-v2 .fea-tit div:last-child{ border-top: 1px solid #8ABFE5; } .pri-22-v2 .fea-desc div:nth-child(1){width:100%;padding:20px 0;height:auto;text-align:center;text-transform:uppercase;font-size:14px} .pri-22-v2 .fea-desc div{width:25%;height:auto;padding:20px 2px} .pri-22-v2 .fea-desc div:last-child{border:1px solid #e3e3e3;border-right:0;box-shadow:none;border-top:0;background:none} .pri-22-v2 .fea-desc:last-child div:last-child{background:no-repeat;border:0;box-shadow:none;border-left:1px solid #e3e3e3;border-top:1px solid #e3e3e3;border-radius:0} .fea-stick .pri-22-feat .fea-tit div:nth-child(1){position:fixed;top:-45px;padding:0!important} .pri-22-v2 .fea-desc .sub-ex{padding:12px 0} .pri-22-v2 .fea-desc div{padding:18px 2px} .pri-22-v2 .fea-desc div:nth-child(2),.pri-22-v2 .fea-tit div:nth-child(2){border-left:0} .pri-22-v2 .fea-desc:last-child div{border-top:1px solid #e3e3e3} .pri-22-v2 .fea-tit div:nth-child(4){border-right:0} } @media screen and (max-width:450px) { .pri-22-v2 .fea-desc span.sub-txt{line-height:13px;font-size:10px} .pri-22-v2 .fea-desc div:nth-child(1){line-height:19px;border-top:0} } @media screen and (max-width:410px) { .pri-22-v2 .fea-tit div.fea-mob-tit{padding:13px 22px;line-height:19px;font-size:10px} .pri-22-v2 .fea-desc div{font-size:12px} .pri-22-v2 .fea-desc div:nth-child(1){font-size:12px} .pri-22-v2 .fea-desc span.add{font-size:11px} } @media screen and (max-width:350px) { .pri-22-v2 .pri-box{margin:0 15px 20px;padding:30px} } .fea-mob-tit {} /*PRICING FORM*/ .pri-sing-form{margin:50px auto;max-width:100%;width:100%;display:inline-block;position:relative;z-index:1;background: #EFF8FF;border: 1px solid #e3e3e3;padding:30px;overflow: hidden;} .pri-sing-form:before, .pri-sing-form:after{content:'';position:absolute;background: url(https://cdn.manageengine.com/cloud-siem/images/cloud-price-ic-23.png) no-repeat;background-size: 300px; z-index: -1;} .pri-sing-form:before{ left: 0; top: 0; width: 100px; height: 240px; background-position: -19px -84px; } .pri-sing-form:after{ right: 0; top: 0; width: 143px; height: 240px; background-position: -114px -62px; } .pri-sing-form *{transition:0} .pri-sing-form .form-logo,.form-copy,.form-main,.form-soc,.form-tit{float:left;width:100%} .ffw-form{background-color:#fff;/* width:100%; */border-radius:10px} .pri-sing-form .ffw-form{display:table;width: 930px;background-color:transparent;padding-top:10px;margin: 0 auto;} .pri-sing-form .ffw-form.showing-state{width: 1019px;} .pri-sing-form .form-inn strong{display:block;text-align:center;font-size:20px;color:#ffdf52;font-weight:400} .pri-sing-form ul.ffw-form-fields{display:table;margin:auto;padding-left:0;width:100%} .ffw-form form ul li{margin-bottom:13px;position:relative;list-style:none;background-color:#fefffe} .pri-sing-form .ffw-form form ul li{float:left;width:100%;max-width:200px;margin-bottom:0;position:relative;list-style:none;margin-right:3px;background-color:transparent} .pri-sing-form .ffw-form.showing-state form ul li{max-width:200px} .pri-sing-form .ffw-form form ul li.ic-count{width: 60px;border-radius: 3px;height:48px;background:#fff;max-width:220px;border: 1px solid #99CBFD;max-width: 60px;/* margin-left: -7px; */} .pri-sing-form .ffw-form form ul li:nth-of-type(1){max-width: 220px;} .pri-sing-form .ffw-form form ul li:nth-of-type(4){max-width:60px;/* margin-left:-7px; *//* border:none; */} .selectedCountry{text-align:left;padding-left:9px;position:relative;margin-top: 12px;/* border-left:1px solid #d9d7d7; */display:inline-block;width:60px} .selectedCountry:before{content:"";width: 7px;height: 7px;border-left:1px solid rgba(0,0,0,0.75);border-bottom:1px solid rgba(0,0,0,0.75);display:inline-block;position:absolute;top: 5px;right: 12px;transform:rotate(313deg)} .pri-sing-form .ffw-form form ul li:nth-of-type(2){max-width:250px} .pri-sing-form .ffw-form.showing-state form ul li:nth-of-type(1),.pri-sing-form .ffw-form.showing-state form ul li:nth-of-type(3){max-width: 180px;} .pri-sing-form .ffw-form.showing-state form ul li.ic-count{width:100%;max-width:190px} .ic-submi:after{content: '';position: absolute;width: 8px;height: 8px;border-top: 2px solid #fff;border-right: 2px solid #fff;right: 18px;top: 19px;transform: rotate(45deg);pointer-events: none;} .ffw-form form ul li input,.ffw-form form ul li select{height:40px;line-height:27px;background-color:#fafafa;padding:5px 10px 5px 15px;display:block;width:100%;font-size:14px;color:#000;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline: none;} .ffw-form form ul li .ffw-errmsg{display:none;color:red;background-color:#fff;font-size:11px;margin-top:2px} .pri-sing-form .ffw-form form ul li .ffw-errmsg{display:none;color:#fff!important;background:#ff1212!important;font-size:12px;float:left;white-space:nowrap;height:auto!important;position:absolute;bottom:40px;background:0 0;z-index:1;padding:0 5px;border-radius:3px;line-height:20px} .pri-sing-form .ffw-form.showing-state .selectedCountry,.pri-sing-form .ffw-form.showing-state form ul li select[name=Country]{width:70px;border-top-right-radius:0;border-bottom-right-radius:0} .pri-sing-form .ffw-form form ul li input,.pri-sing-form .ffw-form form ul li select{float:left;width:100%;font-size: 14px;font-weight:300;border-radius:3px;height:48px;background:#fff;border: 1px solid #99CBFD;padding: 10px 1px 7px 15px;color:#000;box-sizing:border-box;font-family: 'ZohoPuvi',sans-serif;} .pri-sing-form .ffw-form form ul li select{border-width:0;background:#f4f4f4;height: 46px;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#5a5a5a 50%),linear-gradient(135deg,#5a5a5a 50%,transparent 50%),linear-gradient(to right,#fff0,#fff0);background-position:calc(100% - 10px) calc(1em + 5px),calc(100% - 5px) calc(1em + 5px),calc(100% - 2.5em) .5em;background-size:6px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;padding-right:0;padding-top:7px} .pri-sing-form .ffw-form form ul li select[name=Country]{appearance:none;-webkit-appearance:none;opacity:1;width:50px;position:absolute;top:0;opacity:0;padding:0} .pri-sing-form .ffw-form form ul li:nth-child(4){max-width: 170px;} .pri-sing-form .ffw-form form ul li:nth-child(5){max-width:214px;} .pri-sing-form .ffw-form form ul li input.ffw-submit{background: #E32730;color:#fff;border:0;font-size:16px;font-weight:500;transition:all .5s ease;padding: 6px 12px 6px 0px;position:relative;cursor:pointer} .pri-sing-form .ffw-form form ul li input.ffw-submit:hover{background:#ab0b13} .pri-sing-form .ffw-form form ul li:last-of-type{height:auto;margin:0;width:100%;max-width:100%!important} .ffw-form form ul li select.commonselect{padding-left:10px} .ffw-form.showing-state form ul li select.commonselect{border-left-width:0} .pri-sing-form .ffw-form.showing-state form ul li select.commonselect{width:calc(100% - 71px);line-height:24px;border-top-left-radius:0;border-bottom-left-radius:0;float:right;background-color:#fff; padding: 0;} .pri-sing-form .ffw-form form ul li .ffw-privacy{font-size:11px!important;line-height:20px!important;color: #000;margin-top:6px;font-weight:300} .pri-sing-form .ffw-form form ul li .ffw-privacy span,.pri-sing-form .ffw-form form ul li .ffw-privacy a{color: #0e81eb;font-size:11px!important;line-height:20px!important;font-weight:300} .pri-sing-form .ffw-form form ul li .ffw-privacy a:hover{text-decoration: underline;} .pri-sing-form .ffw-additional-data{display:none} /* Chrome, Safari, Edge, Opera */ .pri-sing-form input::-webkit-outer-spin-button, .pri-sing-form input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ .pri-sing-form input[type=number] { -moz-appearance: textfield; } .pri-sing-form .ffw-thank{float:left;width:100%;text-align:center;color:#000;display:none;padding:20px} .pri-sing-form .ffw-thank h2{font-weight:500;margin-bottom: 0;color: #00a130;font-size: 28px;} .pri-sing-form #meGDPRMessage{margin-top:10px;width: 100%;} .pri-sing-form #meGDPRMessage *{color: #000;font-size:11px;font-weight:300;line-height: 20px;} .pri-sing-form .ffw-form form ul li.ic input,.ffw-form form ul li.ic select{padding-left:35px} .pri-sing-form .ffw-form form ul li.ic:before{content:"";position:absolute;left:12px;top:15px;width: 20px;height: 24px;background-image: url('https://cdn.manageengine.com/cloud-siem/images/cloud-price-ic-23.png');background-repeat:no-repeat;background-size: 208px;background-position: 2px 0px;} .pri-sing-form .ffw-form form ul li.ic-number:before{left:12px;top:17px;background-position: -27px 0px;} .pri-sing-form .ffw-form form ul li.ic-mail:before{top: 16px;left:14px;background-position: -31px -1px;} .pri-sing-form .ffw-form form ul li.ic-count:before{background-position:-218px -11px;width:16px} .pri-sing-form .ffw-form form ul li .ffw-privacy strong{font-weight:500} .pri-sing-form.ffw-form-success .ffw-form{display:none} .pri-sing-form.ffw-form-success .ffw-thank{display:block} .pri-sing-form h3{color: #000;font-size: 25px;font-weight:600;line-height:30px;margin-bottom: 15px !important;text-align: center;} .pri-sing-form.ffw-form-success h3{display:none} .pri-sing-form.ffw-form-success .ffw-thank p{color: #000;font-size:18px} .pri-sing-form.ffw-form-success .ffw-thank p a{ color: #138cd6; font-weight: 400; font-size: 18px; text-decoration: underline;} @media screen and (max-width: 1100px) { .ic-submi:after{display:none;} .pri-sing-form h3{font-weight:500} .pri-sing-form .ffw-form, .pri-sing-form .ffw-form form ul li select[name=Country], .pri-sing-form .ffw-form form ul li.ic-count{width:100%} } @media screen and (min-width: 1000px) and (max-width: 1100px) { .pri-sing-form .ffw-form{width:800px} .pri-sing-form .ffw-form form ul li:nth-child(5){width:100%;margin-top:10px; max-width: 100%;} .pri-sing-form .ffw-form form ul li:nth-child(4) { max-width: 238px; } } @media screen and (min-width: 1000px) and (max-width: 1200px) { .pri-sing-form .ffw-form.showing-state { width: 800px; } .pri-sing-form .ffw-form.showing-state form ul li:nth-child(4) { max-width: 148px; } .pri-sing-form .ffw-form.showing-state form ul li:nth-child(5){width:100%;margin-top:10px; max-width: 100%;} } @media screen and (max-width: 1000px) { .pri-sing-form{max-width:100%} .pri-sing-form .ffw-form form ul li:nth-of-type(4){margin-left:0} .pri-sing-form .ffw-form form ul li,.pri-sing-form .ffw-form.showing-state form ul li{width:100%;max-width:100%!important;margin:auto;margin-bottom:10px} .selectedCountry{width:100%} .pri-sing-form h3{font-weight:500;font-size:16px;margin-bottom:0} .pri-sing-form .ffw-form.showing-state{width:100%;} } @media screen and (max-width: 600px) { .pri-sing-form{width:100%} } .ffw-calc-data{display:none} .pri-sing-form #meGDPRMessage .checkmarkgdpr{background:#fff;height: 12px !important;width: 12px !important;border:1px solid #ccc;margin-right:5px;display:inline-block;cursor:pointer;position:relative} .pri-sing-form #meGDPRMessage .checkmarkgdpr.enableCheckgdpr:before{width: 3px!important;height: 6px!important;border:1px solid #000;border-width:0 1.5px 1.5px 0 !important;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);display:block;content:'';position:absolute;top:1px!important;left:3px!important} .pri-22-v2 .pri-tot:before{ content:'='; position:absolute; left: 0; right: 0; top: 9px; font-family: 'ZohoPuvi',sans-serif; font-size: 24px; font-weight: 300; } .pri-22-v2 .pri-tot{ font-size: 14px; font-weight: 500; text-align: center; padding-top: 35px; color: #000; position: relative; } .pri-22-v2 .pri-tot span{ display: block; font-size: 22px; font-weight: 500; line-height: 39px; color: #5BA3C0; } .stan-plan .pri-tot span{color:#4AA056} .pri-tot span i{ font-style: normal; } /* Thanks Page */ .thaLeft{width:30%} .thaLeft a{background:url(https://cdn.manageengine.com/cloud-siem/images/thanks-page-sprite.png);display:block;height:60px;margin:0 auto;width:60px} .thaRig{font-size:12px;line-height:18px;width:70%} .thaRig a{display:block;float:left;margin:5px 0 0;width:100%} .rigLine{border-right:1px solid #e5e5e5} .botLine{border-bottom:1px solid #e5e5e5;padding:30px 1.5%} .remLin{border-bottom:none} .thaLogo{background:url(https://cdn.manageengine.com/cloud-siem/images/thanks-page-sprite.png) no-repeat -291px -92px;height:19px;margin:0 0 8px;width:100%} .thaLogo a:hover{text-decoration:none} .logoadap{background-position:-291px -110px} .logoadssp{background-position:-291px -129px} .logoerp{background-position:-291px -150px} .logoela{background-position:-291px -170px} .logofap{background-position:-291px -189px} .logormp{background-position:-291px -207px} .logospmp{background-position:-291px -226px} .logoomp{background-position:-291px -243px} .logoad360{background-position:-291px -260px} .logoadap a{width:113px;} .logoadssp a{width:160px} .logoerp a{width:200px} .logoela a{width:158px} .logofap a{width:120px} .logormp a{width:195px} .logospmp a{width:195px} .logoomp a{width:143px} .logoad360 a{width:60px} .mlogoadap{background-position:-60px 0 !important} .mlogoadssp{background-position:-119px 0 !important} .mlogoerp{background-position:-180px 0 !important} .mlogoela{background-position:-239px 0 !important} .mlogofap{background-position:-300px 1px !important} .mlogormp{background-position:-361px 1px !important} .mlogospmp{background-position:-419px 2px !important} .mlogoomp{background-position:0px -58px !important} .mlogoad360{background-position:-62px -58px !important} .RelPrd .per30{width: 29%;} .RelPrd h2{font-size: 22px;} .RelPrd .dsp{padding: 39px 1.5% !important;} /* for Chat */ .zsiq_theme1 .zsiq_user{display:none}#zsiq_agtpic{display:none}#zsiq_avcall.zsiq_unrdcnt{display:none!important}.zsiq_theme1.zsiq_floatmain{width:auto!important;max-height:none!important}.siq_bR{bottom:20px!important;right:15px!important}#backToTop{bottom:130px}.zsiq_theme1 .zsiq_flt_rel{background:url("https://www.manageengine.com/active-directory-360/images/global-chat.png")!important;background-size:77px 94.6px!important;background-position:0 -.5px!important;width:77px!important;height:95px!important;border-radius:0!important;background-color:transparent!important;box-shadow:none!important;background-repeat:no-repeat!important}#titlediv{height:80px!important;top:0;left:auto!important;right:40px;min-width:175px!important;border-top-left-radius:40px;border-bottom-left-radius:40px;padding-left:30px;box-shadow:0 0 15px 0 rgba(0,0,0,.25);margin:0;background:#fff!important;width:auto}#titlediv #zsiq_maintitle{font-size:15px;font-weight:600;color:#000}#titlediv #zsiq_byline{font-size:11px;color:#000} .prdMobMenu ul li a{display:block !important;} .zsiq_theme1 div.zsiq_min.zsiq_cnt {display: block !important;} #titlediv{background:#000;box-shadow:0px 0px 13px -1px #fff;color:#fff;font-size:12px;height:30px;left:-92px;line-height:20px;padding:5px 10px;top:5px;width:80px} .zsiq_theme1 .zsiq_cnt:after{box-shadow:1px -1px 4px 0 #000 !important} #titlediv p{color:#fff} #zsiq_maintitle{display:none} #backToTop{display:none !important} .zsiq_theme1 .zsiq_cnt::after{background:#000 !important;box-shadow:2px -3px 4px #9c9a9a} .footCol2 .foot-head, .footCol2 .footCont{display:block} #commonNLdivisionV1 .foot-head{display:block} @media screen and (max-width:1020px){ .mainNav{display:none} } @media screen and (max-width:980px){ } @media screen and (max-width:760px){ .mainbanner{padding:58px 18px 0 !important} .mainbanner img{display:none} .signupPart{padding: 70px 20px 60px 20px; box-sizing: border-box;} .mainbanner h2 {line-height: 42px;} .signupPart h2 { font-size: 32px; line-height: 42px; } .footer{display:none;} #MEmobPanel a{width:100%;box-sizing: border-box;} .suppLft ul li { display: inline-block; float: left; list-style: none; margin: 0px; width: 50%; box-sizing: border-box; border: 1px solid #efefef; padding: 15px; } h1.linHea { padding: 15px 0 15px 0; } } @media screen and (max-width:500px){ .higligIco1, .higligIco2, .higligIco3{ padding: 40px 30px 30px 30px !important; width: 100% !important; background: #fff; margin-bottom: 15px; box-sizing: border-box; border-radius: 4px; text-align: center;t} .higligPart h2{font-weight:700 !important;margin:10px 0 40px} .priContainer{margin:0 auto 0 auto} .priContainer .per50{width:100%} .mainBanner h1{line-height:54px} .feaCont .per30{width:99%} .bgGray .feaCont .per30{height:auto;margin:0 1% 30px 1%} .suppRgt > ul > li > .per30{float:left !important;} .suppRgt > ul > li > .per70{float:left;} .mobRes{height:230px} .suppRgt ul li .per70 ul li .per30{float:left;width:30%} .suppRgt ul li .per70 ul li .per70{float:left;text-align:left;width:68%} }