.main .my-container{max-width:1250px;margin:0 auto;padding:0 25px}.main .lr-container{display:flex;width:100%;align-items:center}.main a{text-decoration:none}.sprite span,.banner .sprite .ban-bg::before,.banner .sprite .file-icon::before,.banner .sprite .file-icon::after{background:url('/sites/default/files/log360-cloud/images/cloud-siem-sprite-1.png') no-repeat;background-size:430px;position:absolute}.banner a::before,.banner span::before,.intro-content ul li::before,.sec1 .box ul li::before,.sec1 .box-img,.sec2-cta a::before,.sec2 .lhs span::before{background:url('/sites/default/files/log360-cloud/images/cloud-siem-sprite-2.png') no-repeat;background-size:292px;position:absolute}.banner{background:-webkit-gradient(linear,left top,right top,from(#2348ac),color-stop(60%,#2c8ec4),to(#1ca1b5));background:-o-linear-gradient(left,#2348ac,#2c8ec4 60%,#1ca1b5);background:linear-gradient(to right,#2348ac,#2c8ec4 60%,#1ca1b5);padding:60px 0 195px}.banner .my-container{max-width:1150px}.banner h1{font-size:48px;font-weight:600;line-height:1.3;color:#fff;margin-bottom:16px}.banner p{font-size:24px;font-weight:400;line-height:1.6;color:#fff;margin-bottom:30px}.banner .lhs{max-width:calc(100% - 550px);width:100%;padding-right:20px}.banner .rhs{max-width:550px;position:relative;width:100%}.banner .rhs .sprite{width:550px;height:410px}.banner .lhs a{display:inline-block;background:#e92e2e;font-size:18px;font-weight:400;line-height:18px;color:#fff;border-radius:4px;padding:18px 40px 18px 70px;margin-bottom:6px;position:relative;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.banner .lhs a::before{content:'';background-position:-3px -5px;width:25px;height:25px;position:absolute;top:0;bottom:0;left:32px;margin:auto}.banner .lhs a:hover{background:#f31919;-webkit-box-shadow:4px 8px 15px rgba(213,51,54,0.4);box-shadow:4px 8px 15px rgba(213,51,54,0.4);-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px)}.banner .sprite .ban-bg{background-position:-7px -4px;width:412px;height:412px;left:0;right:0;top:0;bottom:0;margin:auto}.banner .sprite .ban-bg::before{content:'';background-position:-360px -502px;width:41px;height:43px;position:absolute;left:75px;top:46px;-webkit-animation:star 1s 3s linear both;animation:star 1s 3s linear both}@-webkit-keyframes star{from{-webkit-transform:translate(46px,30px);transform:translate(46px,30px);opacity:0}to{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}}@keyframes star{from{-webkit-transform:translate(46px,30px);transform:translate(46px,30px);opacity:0}to{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}}.banner .sprite .cloud1{background-position:-13px -448px;width:315px;height:159px;top:60px;bottom:0;left:0;margin:auto;-webkit-animation:cloud 8s 4s linear infinite;animation:cloud 8s 4s linear infinite}.banner .sprite .file-icon{background-position:-7px -868px;width:243px;height:256px;left:20px;right:0;bottom:92px;margin:auto;-webkit-animation:fileIcon 1s 1s linear both;animation:fileIcon 1s 1s linear both}@-webkit-keyframes fileIcon{from{height:0;-webkit-transform:translate(70px,56px);transform:translate(70px,56px);opacity:0}to{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}}@keyframes fileIcon{from{height:0;-webkit-transform:translate(70px,56px);transform:translate(70px,56px);opacity:0}to{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}}.banner .sprite .file-icon::before{content:'';background-position:-274px -868px;width:82px;height:49px;left:-16px;bottom:78px;-webkit-animation:log 1s 2s linear both;animation:log 1s 2s linear both}@-webkit-keyframes log{from{-webkit-transform:translateX(156px);transform:translateX(156px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes log{from{-webkit-transform:translateX(156px);transform:translateX(156px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.banner .sprite .file-icon::after{content:'';background-position:-274px -957px;width:106px;height:125px;right:20px;bottom:67px}.banner .sprite .cloud2{background-position:-8px -632px;width:386px;height:197px;bottom:22px;right:-25px;-webkit-animation:cloud 8s 4.8s linear infinite;animation:cloud 8s 4.8s linear infinite}@-webkit-keyframes cloud{from,to{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-40px);transform:translateX(-40px)}}@keyframes cloud{from,to{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-40px);transform:translateX(-40px)}}.intro-content{background:#fff;border-radius:5px;-webkit-box-shadow:0 0 20px rgba(108,118,120,0.25);box-shadow:0 0 20px rgba(108,118,120,0.25);padding:30px 40px 60px 40px;position:relative;margin-top:-135px;margin-bottom:70px;text-align:center;position:relative}.intro .my-container{max-width:980px}.intro-content h2{font-size:32px;font-weight:500;margin-bottom:34px}.intro-content ul{display:flex}.intro-content ul li{max-width:33.3%;width:100%;font-size:16px;font-weight:500;line-height:1.4;padding:0 20px;padding-top:75px;vertical-align:top;position:relative}.intro-content ul li::before{content:'';left:0;right:0;top:0;margin:auto}.intro-content ul li:first-child::before{background-position:-3px -41px;width:57px;height:55px}.intro-content ul li:nth-child(2)::before{background-position:-78px -39px;width:64px;height:59px}.intro-content ul li:nth-child(3)::before{background-position:-159px -37px;width:60px;height:59px}.sec1{padding-bottom:125px}.sec1-header{max-width:980px;margin:auto;text-align:center;margin-bottom:60px}.sec1 .sec1-header p{font-size:20px;font-weight:400;line-height:2;margin-bottom:90px}.sec1 .sec1-header h4{font-size:32px;font-weight:500;line-height:1.3}.sec1 .sec1-header h4 a{font-size:inherit;font-weight:inherit;color:#138cd6}.sec1 .sec1-header h4 a:hover{text-decoration:underline}.sec1 .box{max-width:900px;padding-left:430px;position:relative;margin:auto;box-sizing:border-box}.sec1 .box.box1{margin-bottom:100px}.sec1 .box2-container{margin-bottom:100px}.sec1 .box-img{content:'';left:0;top:0;bottom:0;margin:auto}.sec1 .box1-img{background-position:-7px -157px;width:360px;height:296px;background-size:387px}.sec1 .box2-img{background-position:-2px -510px;width:360px;height:291px;background-size:420px}.sec1 .box3-img{background-position:-8px -843px;width:373px;height:300px;background-size:426px}.sec1 .box2-container{background:#f7f9fa;padding:100px 30px}.sec1 .box h2{font-size:28px;font-weight:500;line-height:1.1;color:#138cd6 !important;margin-bottom:20px}.sec1 .box.box2 h2{color:#cc4b32 !important}.sec1 .box p{font-size:16px;line-height:2;margin-bottom:25px}.sec1 .box p a:hover{text-decoration:underline}.sec1 .box ul{margin-bottom:18px}.sec1 .box ul+p{margin-bottom:0}.sec1 .box ul li{font-size:16px;line-height:1.6;padding-left:22px;position:relative}.sec1 .box ul li:not(:last-child){margin-bottom:12px}.sec1 .box ul li::before{content:'';background-position:-114px -10px;width:15px;height:13px;left:0;top:8px}.sec1 .box.box2 ul li::before{content:'';background-position:-143px -10px;width:15px;height:13px}.sec1 .box .go-cta{display:inline-block;font-size:16px;font-weight:600;color:#fff;background:#2247ac;padding:10px 32px;margin-top:20px;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.sec1 .box .go-cta:hover{background:#134deb;-webkit-box-shadow:4px 10px 15px rgba(34,71,172,0.2);box-shadow:4px 10px 15px rgba(34,71,172,0.2);-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px)}.sec2{background:-webkit-gradient(linear,left top,right top,from(#2348ac),color-stop(60%,#2c8ec4),to(#1ca1b5));background:-o-linear-gradient(left,#2348ac,#2c8ec4 60%,#1ca1b5);background:linear-gradient(to right,#2348ac,#2c8ec4 60%,#1ca1b5);padding-top:60px}.sec2 .my-container{max-width:91%;padding:0}.sec2 .lr-container{overflow:hidden}.sec2 .lhs{max-width:700px;padding-right:50px;padding-left:60px;box-sizing:border-box}.sec2 .rhs{max-width:750px;position:relative}.sec2 .lhs h2{font-size:32px;font-weight:300;line-height:1.4;margin-bottom:34px;color:#fff !important;margin-top:0}.sec2 .lhs h2 strong{display:block;font-size:34px;font-weight:600}.sec2-cta a{display:inline-block;font-size:16px;font-weight:400;color:#fff;border-radius:4px;padding:12px 30px 12px 50px;position:relative;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.sec2-cta a::before{content:'';top:0;bottom:0;left:16px;margin:auto}.sec2-cta a:first-child{background:#d31111;border:1px solid #d31111;margin-right:10px;margin-bottom:15px}.sec2-cta a:first-child::before{background-position:-3px -5px;width:25px;height:25px}.sec2-cta a:last-child{border:1px solid #fff}.sec2-cta a:last-child::before{background-position:-63px -8px;width:19px;height:19px;left:22px}.sec2-cta a:hover{-webkit-box-shadow:4px 10px 15px rgba(0,0,0,0.2);box-shadow:4px 10px 15px rgba(0,0,0,0.2);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.sec2-cta a:last-child:hover{background:#34ad65;border-color:#34ad65}@-webkit-keyframes fadeInLeft{from{-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fadeInLeft{from{-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes fadeInRight{from{-webkit-transform:translateX(100px);transform:translateX(100px)}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fadeInRight{from{-webkit-transform:translateX(100px);transform:translateX(100px)}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes fadeUp{from{-webkit-transform:translateY(100px);transform:translateY(100px)}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fadeUp{from{-webkit-transform:translateY(100px);transform:translateY(100px)}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes fadeDown{from{-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fadeDown{from{-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@media screen and (min-width :1600px){.lr-container{width:1600px}.sec2 .rhs{right:0}}@media(max-width:1100px){.banner{padding:80px 0 126px}.banner .lhs{padding-right:0;padding-left:20px;max-width:100%}.banner .rhs{width:494px}.banner .rhs .sprite{transform:scale(.8);top:-45px;position:relative}.sec2 .lhs{padding-left:80px;padding-right:30px;width:550px}.sec2 .rhs{width:calc(100% - 550px)}.sec2 .lhs h2{font-size:30px}.sec2 .lhs h2 strong{font-size:32px}.banner h1{font-size:40px}.banner p{font-size:20px}.sec1 .box.box2 h2{margin-top:0}.sec2{padding:60px 0}}@media(max-width:992px){.banner{padding:60px 0 180px}.banner .rhs{display:none}.banner .lhs{max-width:100%;text-align:center;padding-left:0}.banner p{line-height:1.4}.banner p br{display:block}.banner .lhs a{display:block;max-width:280px;margin:auto;margin-bottom:6px;box-sizing:border-box}.banner .lhs span{display:inline-block}.sec1 .sec1-header h4 br{display:block}.sec2{padding:60px 0}.sec2 .rhs{width:calc(100% - 460px)}.sec2 .lhs{padding-left:30px;padding-right:0;width:460px}.sec2 .lhs h2 strong{font-size:28px}.sec2 .lr-container{text-align:center;padding:0 24px;box-sizing:border-box}.sec2 .rhs{display:none}.sec2 .lhs{width:100%;padding-left:0}.sec2-cta a:first-child{margin-bottom:0}.sec1 .box{padding-left:280px}.sec1 .box .box1-img{background-position:-7px -107px;width:250px;height:211px;background-size:270px}.sec1 .box .box2-img{background-position:1px -344px;width:250px;height:206px;background-size:285px}.sec1 .box .box3-img{background-position:0 -538px;width:250px;height:206px;background-size:275px}}@media(max-width:767px){.main .my-container{padding:0 20px}.banner h1{font-size:40px}.banner p{font-size:18px;line-height:1.4}.intro-content{padding:40px 24px}.intro-content ul li{padding:0 10px;padding-top:75px}.sec1 .sec1-header p{font-size:16px;margin-bottom:60px}.sec1 .sec1-header h4{font-size:22px}.sec1 .box{padding-left:300px}.sec1 .box h2{font-size:22px;line-height:1.3}.sec1 .box .go-cta{font-size:15px}.sec1 .box p{font-size:15px}.sec1 .box ul li{font-size:15px;line-height:1.4}.sec1 .box.box1,.sec1 .box2-container{margin-bottom:80px}.sec1 .box2-container{padding:45px 15px}.sec2{padding:40px 0}.banner .lhs a{font-size:15px;box-sizing:border-box;padding:18px 15px 18px 50px;max-width:240px}.banner .lhs a::before{position:absolute;left:35px}.intro-content ul li{max-width:100%;font-size:14px;font-weight:500;line-height:1.4;padding:0 20px;padding-top:75px;vertical-align:top;position:relative}.intro-content{padding:24px;margin-bottom:40px}.intro-content h2{font-size:22px}.intro-content ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sec1{padding-bottom:80px}.sec1 .sec1-header h4 br{display:none}.sec1 .box{padding-left:0;padding-top:220px}.sec1 .box-img{bottom:unset;right:0}.sec2-cta a{padding:12px 18px 12px 42px}.sec2-cta a::before{left:12px}.sec2-cta a:last-child::before{left:18px}.sec2 .lr-container{padding:0}}@media(max-width:500px){.banner h1{font-size:30px}.banner p br{display:none}.sec1 .sec1-header h4{font-size:20px}.sec2 .lhs h2{font-size:22px}.sec2 .lhs h2 strong{font-size:26px;line-height:1.2}.sec2-cta{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;margin-bottom:4px}.sec2-cta a:first-child{margin:0}}