@import "https://www.manageengine.com/css/fonts.css";
body{font-family:'Montserrat',sans-serif;margin:0;padding:0}
p,a,li,td,td,span,label{font-size:14px;color:#000;line-height:24px}
h1,h2,h3,h4,h5,h6{margin:0}
ul{padding-left:0;margin:0}
li{list-style-type:none}
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}
a:hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
div{box-sizing:border-box}
select{-webkit-appearance:none;-moz-appearance:none;text-indent:1px}
.af{width:100%;float:left}
.ac{margin:0 auto;max-width:1150px;position:relative}
.head{background:url(https://www.manageengine.com/log-management/cyber-security-awareness/images/blog-ransomware-demystified-bg.png) no-repeat #333;background-size:cover;float:left;width:100%;padding:20px 0}
.head-binn{padding:30px 0}
.head-binn .menu ul{padding-top:20px}
.menu{float:left;width:100%}
.menu .logo{width:145px;height:60px;display:inline-block;margin-top:0;float:left;position:relative;background:url(https://www.manageengine.com/log-management/cyber-security-awareness/images/blog-ransomware-demystified-sprite.png) -16px -13px / 600px no-repeat;background-position:1px 0}
.menu ul{float:right;padding-top:18px}
.menu ul li{float:left;padding-left:25px}
.menu ul li a{color:#fff;padding-bottom:5px;border-bottom:2px solid #000}
.menu ul li a:hover{border-bottom:2px solid #00d462;color:#00d462}
.menu ul li a.act{border-bottom:2px solid #00d462;color:#00d462}
.menu ul li:last-child a{background:#fff;color:#000;display:inline-block;padding:7px 42px 7px 25px;border-radius:50px;margin-top:-10px;border-bottom:0 solid #00d462}
.menu ul li:last-child a:after{content:"";position:absolute;width:14px;height:20px;background:url(https://www.manageengine.com/log-management/cyber-security-awareness/images//blog-ransomware-demystified-sprite.png) no-repeat;background-size:600px;background-position:-175px -10px;margin:3px 0 0 10px}
.menu ul li:last-child a:hover{border-bottom:0 solid #00d462;background:#d8efe3;color:#039c4b}
.ban{float:left;width:100%;padding:50px 0}
.ban span{background:#00d664;display:table;margin:0 auto;padding:5px 18px;color:#fff;text-transform:uppercase;font-weight:500;font-size:20px}
.ban h1{color:#00d664;text-align:center;display:block;font-size:52px;text-transform:uppercase}
.band{background:#deffed;float:left;width:100%;border-bottom:1px solid #cef5e0;padding:12px}
.band span{float:left;background:#00d664;padding:2px 0 2px 10px;color:#fff;text-transform:uppercase;font-weight:500;font-size:12px;display:inline-block;width:65px;position:relative}
.band span:after{content:"";position:absolute;width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:10px solid #00d664;z-index:0;right:-19px;top:9px;transform:rotate(-90deg)}
.band h4{font-size:15px;font-weight:500;float:left;padding:6px 0 0 20px;width:85%}
.band h4 a{float:right;font-size:13.5px;text-transform:uppercase;font-weight:700}
.band h4 a:after{content:"";position:absolute;width:14px;height:14px;background:url(https://www.manageengine.com/log-management/cyber-security-awareness/images//blog-ransomware-demystified-sprite.png) no-repeat;background-size:600px;background-position:-203px -11px;margin:4px 0 0 3px}
.all-blogs{float:left;width:100%;padding:70px 0}
.all-blogs ul li{float:left;width:50%;padding:15px;box-sizing:border-box}
.all-blogs ul li .box{border:1px solid #edeeee;float:left;width:100%;padding:25px;border-radius:15px;min-height:260px;position:relative;transition: all 0.5s ease;}
.all-blogs ul li .box:hover{
    box-shadow: 0px 17px 22px -20px #333;
    transform: translateY(-3px);
}
.all-infog ul li .box{min-height:310px}
.all-blogs ul li .box:hover .rhs a{background:#00d664}
.all-blogs ul li .box:before{content:'';position:absolute;width:130px;height:100%;background:#00d664;top:0;left:0;border-radius:15px 0 0 15px}
.all-blogs ul li .box .lhs{float:left;width:35%}
.all-blogs ul li .box .lhs i{width:151px;height:150px;display:inline-block;margin-top:0;float:left;position:relative;background:url(https://www.manageengine.com/log-management/cyber-security-awareness/images//blog-ransomware-demystified-sprite.png) no-repeat;background-position:0 -54px;background-size:550px;margin-top:20px}
.all-blogs ul li .box .lhs i.bl-1{background-position:0 -54px}
.all-blogs ul li .box .lhs i.bl-2{background-position:-153px -54px}
.all-blogs ul li .box .lhs i.bl-3{background-position:4px -205px}
.all-blogs ul li .box .lhs i.bl-4{background-position:-150px -205px}
.all-infog ul li .box .lhs i{background-size:460px;height:192px}
.all-infog ul li .box .lhs i.bl-1{background-position:-281px -51px}
.all-infog ul li .box .lhs i.bl-2{background-position:-279px -249px}
.all-blogs ul li .box .rhs{float:left;width:65%}
.all-blogs ul li .box .rhs h4{font-weight:600;color:#000;font-size:16px}
.all-blogs ul li .box .rhs p{font-size:14px;font-weight:500;padding-bottom:15px}
.all-blogs ul li .box .rhs a{background:#000;color:#fff;padding:7px 18px;border-radius:50px;float:right;display:inline-block;text-transform:uppercase;font-size:13px;letter-spacing:.5px}
.foot{float:left;width:100%;background:#000;padding:50px 0 30px}
.foot ul{margin:0 auto;display:table}
.foot ul li{float:left;padding:0 5px}
.foot ul li a{display:inline-block}
.foot ul li a i{width:32px;height:32px;display:inline-block;margin-top:0;float:left;position:relative;background:url(https://www.manageengine.com/log-management/cyber-security-awareness/images//blog-ransomware-demystified-sprite.png) no-repeat;background-position:-204px -5px;background-size:520px;cursor:pointer}
.foot ul li a i.tw{background-position:-253px -5px}
.foot ul li a i.in{background-position:-303px -5px}
.foot ul li a i.yt{background-position:-354px -5px}
.foot p{margin:0;color:#969696;text-align:center;font-size:13px;padding-top:20px}
.foot p span{color:#969696}
.mob-menu{width:32px;height:32px;background:url(https://www.manageengine.com/log-management/cyber-security-awareness/images//blog-ransomware-demystified-sprite.png) no-repeat #fff;background-size:1200px;background-position:-401px 9px;margin:4px 0 0 3px;border-radius:50px;display:none;box-shadow:0 0 0 6px #00000029}
span#backToTop{opacity:0!important;display:none!important}
.bred{float:left;width:100%;padding:20px 0}
.bred ul li{float:left}
.bred ul li a{color:#898989;font-size:13px;padding:0 15px 0 0}
.bred ul li:last-child a{color:#000}
.all-blogs-inner{float:left;width:100%;padding:25px 0 70px}
.all-blogs-inner .lhs{float:left;width:75%;border-right:1px solid #e5e5e5;padding-right:30px}
.all-blogs-inner .lhs h1{color:#00d462}
.all-blogs-inner .lhs h2{font-size:18px;padding:20px 0 10px;line-height:30px}
.all-blogs-inner .lhs h3{font-size:18px;padding:25px 0 5px;font-weight:600}
.all-blogs-inner .lhs p a{color:#1a73e8;text-decoration:underline}
.all-blogs-inner .lhs img{width:100%;border-radius:2px}
.all-blogs-inner .lhs .bul{padding:25px 0 20px 40px}
.all-blogs-inner .lhs .bul li:before{content:'';position:absolute;width:7px;height:7px;background:#00d462;border-radius:50px;margin:9px 0 0 -17px}
.all-blogs-inner .lhs .bul li h5{font-size:14px;font-weight:600}
.all-blogs-inner .lhs .poi li{list-style-type:disc;margin-left:20px}
.all-blogs-inner .rhs{float:left;width:25%;padding-left:30px}
.all-blogs-inner .rhs h4{text-transform:uppercase;font-size:14px;font-weight:700;padding-bottom:20px;letter-spacing:.5px}
.all-blogs-inner .rhs ul li a{font-size:13px;padding-bottom:10px;display:block}
.all-blogs-inner .rhs ul li a:hover{color:#00d462;text-decoration:underline;font-weight:500}
.all-blogs-inner .rhs ul li a.act{color:#00d462;text-decoration:underline;font-weight:500}
.dwn-box{border-top:1px solid #e5e5e5;margin-top:45px;padding-top:25px;text-align:center}
.dwn-box p{font-size:18px}
.dwn-box a{background:#F44336;color:#fff;padding:12px 35px;display:inline-block;font-size:15px;font-weight:600}
.fig-cap{border:1px solid #ddf5e8;padding:10px;border-radius:2px;background:#f2fdf7}
.fig-cap span{display:block;text-align:center;font-size:13px;font-weight:500;padding-top:7px}
.all-infog-inner h1{padding-bottom:30px}
@media screen and (max-width:1200px) {
.ac{max-width:90%}
.all-blogs ul li .box .lhs{width:100%}
.all-blogs ul li .box:before{width:100%;height:115px;border-radius:15px 15px 0 0}
.all-blogs ul li .box .rhs{width:100%;text-align:center;padding-top:20px}
.all-blogs ul li .box .lhs i{display:table;margin:0 auto;float:initial}
}
@media screen and (max-width:1100px) {
.band h4{font-size:13px}
.band h4 a{font-size:11px;margin-top:-2px}
}
@media screen and (max-width:992px) {
.all-blogs ul li{width:100%}
.all-blogs ul li .box{min-height:auto}
.all-blogs ul li .box .rhs a{margin:0 auto;display:table;float:initial}
.band h4 a{float:left;padding:10px 0 7px;position:relative;width:100%}
.band h4{padding:20px 0 0;width:100%}
.mob-menu{display:block;cursor:pointer;position:fixed;right:15px;top:15px;z-index:99}
.menu ul{position:fixed;background:#000;top:0;bottom:0;width:250px;box-shadow:0 1px 3px 4px #00000024;padding-top:60px;z-index:9;transition:all .5s ease;right:-300px}
.menu ul.mact{right:0}
.menu ul li{width:100%}
.menu ul li a{width:100%;border-bottom:1px solid #333;display:block;padding:8px 5px 8px 0}
.menu ul li:last-child a{margin-top:19px;width:75%;padding: 7px 15px 7px 0px;text-align: center;}
.head{padding:10px 0}
}
@media screen and (max-width:767px) {
.band h4{line-height:24px}
.all-blogs-inner .lhs{width:100%;padding:0 0 30px;border-right:0 solid #e5e5e5;border-bottom:1px solid #e5e5e5;margin-bottom:30px}
.all-blogs-inner .rhs{width:100%;padding-left:0}
.all-blogs-inner .rhs ul li{float:left;display:inline-block;margin:0 10px 10px}
.all-blogs-inner .rhs ul li a{border:1px solid #e5e5e5;padding:3px 13px;border-radius:50px;font-size:13px}
.ban h1{font-size:34px}
}