.heading-menu,#commonHeader,.feb-pre-footer,.mef_foot_bottom,#btmBar,.btmBar.mbH{display:none;}
.sec-pTB{padding-top:0px;}
  .container{max-width:1400px;}
  body {
   margin: 0;
   padding: 0;
  /* overflow-x: hidden;*/
   font-family: "Zoho_puvi_regular";
   font-size: 14px;
   background: #06061e;
   color: white;
  
 }
 span#backToTop {
   display: none !important;
 }
 div {
   position: relative;
   box-sizing: border-box;
 }
 .af {
   width: 100%;
 }
 .ac {
   max-width: 1200px;
   margin: auto;
 }
 .top{
     position: relative;
     z-index: 1;
 }
 .logo a {
   width: 135px;
   height: 55px;
   display: inline-block;
   background: url(https://www.manageengine.com/log-management/images/mitre-attack-sprite.png);
   background-size: 1003px;
   background-position: 0 0;
 }
 .logo {
   display: inline-block;
   float: left;
   top: 18px;
 }
 .menu {
   display: table;
   margin: auto;
 }
 .menu ul {
   list-style-type: none;
   display: table;
   border-bottom: 1px solid #2b2b40;
   padding-left: 0;
   margin-left: 0;
   padding: 0px 40px;
 }
 .menu ul li {
   float: left;
 }
 .menu ul li a {
   padding: 20px 5px;
   display: inline-block;
   position: relative;
   margin: 0 20px;
   font-size: 17px;
   color: #fff;
   text-decoration: none;
   font-family: "Zoho_puvi_medium";
   transition: 0.3s ease-in;
 }
 .menu ul li.act a:after {
   content: "";
   width: 100%;
   height: 4px;
   background: #29b7f4;
   position: absolute;
   bottom: 0;
   left: 0;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
 }
 .menu ul li.act a {
   color: #29b7f4;
 }
 .dwnbtn {
   float: right;
   top: 30px;
 }
 .dwnbtn a {
   background: #c91f33;
   color: white;
   text-decoration: none;
   padding: 10px 28px;
   border-radius: 32px;
   padding-right: 53px;
   font-family: "Zoho_puvi_medium";
   font-size: 16px;
   position: relative;
   transition: .3s ease-in;
 }
 .dwnbtn a:hover {
   background: red;
 }
 .dwnbtn a:after {
   content: "";
   width: 20px;
   height: 20px;
   background: url('images/mitre-attack-sprite.png');
   background-size: 928px;
   background-position: -142px -9px;
   position: absolute;
   right: 29px;
 }
 
 h1.banner {
   font-family: "Zoho_puvi_black";
   font-size: 52px;
   line-height: 67px;
   color: #3e9ff2;
   position: relative;
   text-align: center;
   display: table;
   margin: auto;
   margin-top: 50px;
   margin-bottom: 30px;
   z-index: 1;
 }
 h1.banner .small {
   font-size: 23px;
   font-family: "Zoho_puvi_medium";
   background: #3e9ff2;
   color: #06061f;
   padding: 3px 10px;
   position: relative;
   left: -5px;
   top: -10px;
   line-height: initial;
   display: inline-block;
}
h1.banner .small:before {
   content: "";
   width: 0;
   height: 0;
   border-top: 14px solid transparent;
   border-right: 16px solid #3d9ff1;
   border-bottom: 18px solid transparent;
   position: absolute;
   left: -16px;
   top: 0px;
}


 #menuToggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#cdcdcd;border-radius:3px;z-index:1;transform-origin:4px 0;transition:transform .5s cubic-bezier(0.77,0.2,0.05,1.0),background .5s cubic-bezier(0.77,0.2,0.05,1.0),opacity .55s ease}
 #menuToggle{position:absolute;right:10px;top:17px;cursor:pointer;display:none}
 #menuToggle.m-open span{opacity:1;transform:rotate(45deg) translate(-2px,-1px);position:relative;top:-13px}
 #menuToggle.m-open span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(0.2,0.2)}
 #menuToggle.m-open span:nth-last-child(2){transform:rotate(-45deg) translate(0,-1px);position:relative;top:12px;left:-4px}
 .menu ul li a:hover {
   color: #27b7f3;
 }

 /*.framework{
   position: relative;
   margin-top: -166px;
 }*/
 
 .banner-bg .ac p {
   position: relative;
   z-index: 1;
   text-align: center;
   font-size: 15px;
   line-height: 23px;
   margin-top: -25px;
}

 .framework {
   position: relative;
   width: 50%;
   height: auto;
   float: left;
}
 .tile {
   background: #dbf0ff;
   max-width: 190px;
   padding: 15px;
   border-radius: 5px;
}

.tile h2 {
   font-size: 14px;
   font-family: "Zoho_puvi_bold";
   line-height: 24px;
   margin: 0;
   color: #10334a;
   margin-bottom: 5px;
}

.tile h2 a {
   color: #009cff;
   font-size: 14px;
   font-family: "Zoho_puvi_bold";
   line-height: 24px;
   position: relative;
}
.tile h2 a:after {
   content: "";
   width: 20px;
   height: 20px;
   background: url(https://www.manageengine.com/log-management/images/mitre-attack-sprite.png);
   background-size: 928px;
   background-position: -175px -6px;
   position: absolute;
   right: -30px;
}

.tile p {
   font-size: 13px;
   line-height: 20px;
   font-family: "Zoho_puvi_regular";
   color: #000;
   margin: 0;
}

.line {
   width: 1px;
   height: 100px;
   border: 1px dashed #33354c;
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
}
.line:before {
   content: "";
   width: 6px;
   height: 6px;
   background: #dbf0fe;
   border-radius: 100%;
   position: absolute;
   bottom: -1px;
   left: -3px;
   right: 0;
   margin: auto;
}
.top .line:before {
   bottom: auto;
   top: -1px;
}
.tiles {
   position: absolute;
   top: 0;
   display: none;
}

/* tiles position */

.tile-1 {
   top: 22%;
   left: 6%;
}

.tile-1 .line {
   height: 54px;
}

.tile-2 {
   left: 20%;
   top: 42%;
}

.tile-2 .line {
   height: 114px;
}

.tile-3 {
   top: 21%;
   left: 42%;
}

.tile-3 .line {
   height: 84px;
}


.tile-4 {
   top: 66%;
   left: 38%;
}

.tile-4 .line {
   height: 250px;
   top: -250px;
}

.tile-5 {
   left: 55%;
   top: 42%;
}

.tile-5 .line {
   height: 115px;
}

.tile-6 {
   top: 60%;
   right: 16%;
}

.tile-6 .line {
   height: 183px;
   top: -183px;
}

.tile-7 {
   right: 7%;
   top: 21%;
}

.next {
   display: block;
   width: 58px;
   height: 58px;
   background: url(https://www.manageengine.com/log-management/images/mitre-attack-sprite.png) no-repeat;
   background-size: 1000px;
   background-position: -658px -26px;
   position: absolute;
   top: 50%;
   left:auto;
   border-radius: 50%;
   right: 30px;
}
.tile-8 {
   top: 25%;
   left: 5%;
}

.tile-8 .line {
   height: 300px;
}

.tile-9 {
   top: 62%;
   left: 20%;
}

.tile-9 .line {
   top: -207px;
   height: 206px;
}

.tile-10 {
   top: 17%;
   left: 29%;
}

.tile-10 .line {
   height: 62px;
}

.tile-11 {
   left: 37%;
   top: 45%;
}

.tile-12 {
   left: 54%;
   top: 63%;
}

.tile-12 .line {
   top: -149px;
   height: 149px;
}

.tile-13 {
   right: 25%;
   top: 25%;
}

.tile-13 .line {
   height: 320px;
   margin-right: 40px;
}

.tile-14 {
   right: 5%;
   top: 20%;
}

.tile-14 .line {
   height: 54px;
}

.previous {
   display: block;
   width: 58px;
   height: 58px;
   background: url(https://www.manageengine.com/log-management/images/mitre-attack-sprite.png) no-repeat;
   background-size: 1000px;
   background-position: -658px -26px;
   position: absolute;
   top: 50%;
   border-radius: 50%;
   left: 30px;
   right: auto;
   transform: rotate(180deg);
}
.frame-sets {
   display: block;
   overflow: hidden;
   position: relative;
   width: 200%;
   left: 0;
   transition: .5s ease-in;
   margin-top: -145px;
}
.frame-sets.show-next{
   left:-100%;
}

@media screen and ( max-width : 1480px ){
   .tile-1 {
       top: 20%;
   }
   
   .tile-2 {
       top: 39%;
   }
   
   .tile-3 {
       top: 19%;
   }
   
   .tile-4 {
       top: 69%;
   }
   
   .tile-5 {
       top: 39%;
   }
   
   .tile-6 {
       top: 62%;
   }
   
   .tile-7 {
       top: 17%;
   }
   
   .tile-8 {
       top: 20%;
   }
   
   .tile-9 {
       top: 64%;
   }
   
   .tile-10 {
       top: 14%;
       left: 28%;
   }
   
   .frame-sets {
       margin-top: -117px;
   }
   
   .tile-11 {
       top: 43%;
   }
   
   .tile-12 {
       top: 65%;
   }
   
   .tile-13 {
       top: 20%;
   }
   
   .tile-14 {
       top: 18%;
   }
   }

   @media screen and ( max-width : 1370px ){
       .framework img{
           max-width:100%;
       }
       .tile-1 {
           top: 18%;
       }
       
       .tile-2 {
           top: 36%;
           left: 18%;
       }
       
       .tile-3 {
           top: 17%;
       }
       
       .tile-4 {
           top: 72%;
       }
       
       .tile-5 {
           top: 36%;
       }
       
       .tile-6 {
           top: 64%;
           right: 10%;
       }
       
       .tile-7 {
           top: 15%;
           right: 10%;
       }
       
       .tile-8 {
           top: 14%;
       }
       
       .tile-9 {
           top: 67%;
       }
       
       .tile-10 {
           top: 14%;
           left: 27%;
       }
   
       
       .tile-11 {
           top: 40%;
           left: 36%;
       }
       
       .tile-12 {
           top: 67%;
           left: 53%;
       }
       
       .tile-13 {
           top: 14%;
           right: 25%;
       }
       
       .tile-14 {
           top: 18%;
           right: 4%;
       }
       
       .tile-7 .line {
           margin-right: 38px;
       }
       
       .footer {
           margin-top: 0;
       }
       
       .tile-14 .line {
           margin-right: 20px;
           height: 33px;
       }
       }

       @media screen and ( max-width : 1100px ){
           .ac{
               max-width:90%;
           }
           .framework {
           margin-top: 40px;
       }
       .framework img{
           max-width:100%;
       }
       .tile-1 {
           top: 13%;
           left: 7px;
       }
       
       .tile-2 {
           top: 33%;
           left: 17%;
       }
       
       .tile-3 {
           top: 11%;
           left: 39%;
       }
       
       .tile-4 {
           top: 70%;
           left: 36%;
       }
       
       .tile-5 {
           top: 34%;
           left: 51%;
       }
       
       .tile-6 {
           top: 70%;
           right: 12%;
       }
       
       .tile-7 {
           top: 14%;
           right: 9%;
       }
       
       .tile-8 {
           top: 10%;
           left: 2%;
       }
       
       .tile-9 {
           top: 73%;
       }
       
       .tile-10 {
           top: 7%;
           left: 27%;
       }
       
       .tile-11 {
           top: 38%;
           left: 34%;
       }
       
       .tile-12 {
           top: 71%;
           left: 51%;
       }
       
       .tile-13 {
           top: 13%;
           right: 25%;
       }
       
       .tile-14 {
           top: 13%;
           right: 4%;
       }
       
       .tile-7 .line {
           margin-right: 38px;
           height: 60px;
       }
       
       .footer {
           margin-top: 0;
       }
       
       .tile-14 .line {
           margin-right: 20px;
           height: 33px;
       }
       
       
       .tile-2 .line {
           height: 90px;
       }
       
       .tile-4 .line {
           height: 187px;
           top: -187px;
       }
       
       .tile-5 .line {
           height: 80px;
       }
       
       .tile-8 .line {
           height: 245px;
       }
   }
/* tile position end */
.footer {
   background: #090c22;
   display: table;
   width: 100%;
   padding-top: 122px;
   position: relative;
   z-index: 1;
   text-align: center;
   margin-top: 0;
}

.footer p{font-size:14px;color:#969696;text-align:center;margin-bottom:30px}
.footer ul{display:table;margin:auto;list-style-type:none;padding:0}
.footer li{float:left;margin: 13px 8px;}
.footer a{width:40px;height:40px;display:inline-block;background: url("https://www.manageengine.com/log-management/images/mitre-attack-sprite.png") no-repeat;background-size:1000px;background-position: -372px -21px;}
.footer a.twitter{background-position: -431px -21px;}
.footer a.linkedin{background-position: -488px -21px;}
.footer a.youtube{background-position: -544px -21px;}
span.timeline {
   color: #8d96d8;
   font-size: 57px;
   line-height: 67px;
   font-family: "Zoho_puvi_Extrabold";
   text-transform: uppercase;
   letter-spacing: 20px;
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   display: inline-block;
   top: -54px;
   opacity: 0.1;
   z-index: -1;
}
@media screen and (max-width : 1250px){
   .ac{
       max-width:90%;
   }
   .menu ul{
       padding:0;
   }
}
@media screen and (max-width : 992px){
   .ac{
       max-width:90%;
   }
   .af.top {
     position: relative;
     z-index: 1;
     display: table;
 }
 .logo {
   top: 5px;
}
   .menu ul li {
       float: none;
       background: white;
   }
   
   .menu ul li a {
       color: black;
   }
   
   .menu ul {
       border-bottom: 0;
       margin: 0;
       padding: 0;
       width: 100%;
   }
   
   .menu {
       position: fixed;
       width: 80%;
       height: 100%;
       max-width: 400px;
       display: table;
       z-index: 1;
       right: -450px;
       transition: .5s ease-in;
       margin: 0;
       background: white;
       padding-top: 50px;
   }
   .menu.menu-open{
     right:-5px;
   }
   
   
   #menuToggle {
       display: block;
       right: 0;
       top: -7px;
       right: -49px;
       float: right;
       z-index: 9;
       background: #06061e;
       padding: 5px;
       padding-bottom: 3px;
       border-radius: 3px;
   }
   #menuToggle.m-open {
     padding-right: 0;
     padding-left: 12px;
 }
   .dwnbtn {
       right: 55px;
   }
   .framework {
       margin-top: 0;
       width: 100%;
       float: none;
   }
   
   .tiles {
       position: relative;
       width: 100%;
       max-width: 100%;
       left: 0;
       right: 0;
       top: 0;
   }
   
   .tiles .tile {
       width: 100%;
       max-width: 90%;
       margin: auto;
       margin-bottom: 10px;
   }
   
   .tiles .line {
       display: none;
   }
   
   .frame-sets {
       width: 100%;
       margin-top: 50px;
   }
   
   .frame-sets img {
       display: none;
   }
   
   .frame-sets.show-next {
       left: 0;
   }
   .next,.previous{
       display: none;
   }
   .footer {
       margin-top: 60px;
   }
   
   span.timeline {
       font-size: 20px;
       top: -20px;
   }
   h1.banner {
       z-index: 0;
   }
}
@media screen and (max-width : 767px){
   h1.banner {
       font-size: 30px;
   }
   
   h1.banner .small {
       font-size: 16px;
       display: block;
       padding: 7px;
   }
   
   h1.banner .small:before {
       display: none;
   }
}
@media screen and (max-width : 450px){
 
   .dwnbtn a {
       display: none;
   }
}

@media screen and (min-width : 993px){

.dwnbtn a {
   display: none;
}

.menu {
   margin-right: 0;
}

.menu ul {
   padding-right: 0;
}
}
.dwnbtn a {
   display: none;
}



/* sub Form */

.sub-form .form-inn .form-tit h4{text-align: left;font-size: 22px;color: #3e9ff2;font-weight:500;padding: 10px 0;margin: 0;font-family: "Zoho_puvi_bold";line-height: 32px;}
.sub-form .ffw-form{float: none;display: table;margin: auto;display: block;}
.sub-form .ffw-form form ul li{float:left;width: 45%;max-width: 180px;margin-bottom:15px;position:relative;list-style:none;margin: 5px;}
.sub-form .ffw-form form ul li.ic-mail {
   max-width: 220px;
}
.sub-form .ffw-form form ul li .ffw-checkbox{float:left;width:100%;padding:0}
.sub-form .ffw-form form ul li input,.ffw-form form ul li select{float:left;width:100%;font-size: 14px;font-weight:400;border-radius: 3px;height:44px;background: #ffffff;border: 0;padding: 15px;box-sizing: border-box;}
.sub-form .ffw-form form ul li select[name="country"]{appearance:none;-webkit-appearance:none;opacity: 0;width: 60px;}
.sub-form .ffw-form form ul li input.ffw-submit{background: #3d9ff0;color:#fff;border:0;font-size:15px;font-weight:600;cursor:pointer;transition:all .5s ease;padding:15px;}
.sub-form .ffw-form form ul li input.ffw-submit:hover{transition:all .5s ease;box-shadow:0 7px 8px -5px #08080e;background: #11568e;}
.sub-form .ffw-form form ul li .ffw-checkbox input{width:14px;height:14px;float:left;padding:5px;border:0;margin:5px 2px}
.sub-form .ffw-form form ul li .ffw-checkbox label{float:left;width:calc(100% - 25px);padding-left:10px;box-sizing:border-box;color:#bdbdbd;font-size:14px}
.sub-form .ffw-form form ul li .ffw-errmsg{display:none;color:#ff1212!important;font-size:12px;float:left;width: 250px;height:auto!important;position: absolute;top: -22px;}
.sub-form .ffw-thank{float:left;width:100%;text-align:center;color:#fff;display:none;padding:0}
.sub-form .ffw-thank h1{font-weight:600;font-size:36px;color:#04c766}
.sub-form .ffw-thank p{font-size:18px;font-weight:300;line-height: 30px;}
.sub-form #meGDPRMessage{font-size:13px;line-height:20px;float:left;width:100%;padding:15px 0 10px}
.sub-form #meGDPRMessage label{font-size:11.5px;line-height:20px;color:#bdbdbd}
.sub-form #formCTAgdpr{font-size:11.5px;line-height:20px;float:left;width:100%;padding-top: 0;color: #ffffff;}
.sub-form #formCTAgdpr span{font-size:11.5px;line-height:20px;color: #ffffff;}
.sub-form #formCTAgdpr a{font-size:11.5px;color: #bdbdbd;}
.sub-form .form-logo,.form-tit,.form-main,.form-soc,.form-copy{float:left;width:100%}
span#backToTop{display:none!important;opacity:0!important}
.sub-form .ic-count:after{content:"";position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #47477b;z-index:0;right: auto;top:20px;left: 44px;}
.sub-form .w-100 {
   width: 76% !important;
   max-width: 100% !important;
}
.sub-form ul.ffw-form-fields {
   display: table;
   margin: auto;
   padding-left: 0;
   position: relative;
   z-index: 1;
}

.sub-form .selectedCountry {
   position: absolute;
   left: 0;
   width: 60px;
   height: 100%;
   padding: 16px;
   color: black;
}

.sub-form .ffw-form form ul li.ic-count {
   width: 60px;
   background: #fff;
   border-radius: 3px;
   height: 44px;
}

.sub-form .form-inn {
   width: 880px;
   margin: auto;
   display: table;
   background: #06061f;
   background-size: 100% 100%;
   padding: 32px 18px 19px 30px;
   position: relative;
   border: 1px dashed #6e6ea9;
   border-radius: 5px;
}

.sub-form .form-tit {
   display: inline-block;
   width: auto;
   border-radius: 3px;
   max-width: 330px;
   float: left;
}

.sub-form .sub-form {
   margin: 40px 0 50px;
   display: table;
   width: 100%;
}

.sub-form .form-inn:after {
   content: '';
   position: absolute;
   width: 226px;
   height: 227px;
   background: url(https://www.manageengine.com/log-management/images/mitre-sprite.png) no-repeat;
   background-size: 684px;
   background-position: -496px -134px;
   bottom: 0;
   right: -159px;
   z-index: 0;
}

.sub-form .form-inn.us-cont {
   width: 1015px;
}

.sub-form .us-cont .ffw-form form ul .ic-count {
   width: 200px;
   max-width: 200px;
}

.sub-form .us-cont .ffw-form form ul li select[name="state"] {
   border: none;
   width: auto;
   float: right;
   margin-top: 0 !important;
   background: no-repeat;
   width: 123px;
   color: black;
}

.sub-form .us-cont .selectedCountry:before {
   content: "";
   width: 1px;
   height: 50%;
   background: #9c9ca0a1;
   position: absolute;
   right: -13px;
   top: 25%;
}

.sub-form .form-tit p {
   font-size: 18px;
   margin: 0;
}

.sub-form .form-main {
   width: calc(100% - 330px);
   float: left;
}

.pagename {
   color: #8d96d8;
   font-size: 57px;
   line-height: 67px;
   font-family: "Zoho_puvi_Extrabold";
   text-transform: uppercase;
   letter-spacing: 20px;
   margin: auto;
   display: table;
   opacity: 0.1;
   text-align: center;
   position: relative;
   top: 16px;
}

.subscribe {
   margin-bottom: -80px;
   position: relative;
   z-index: 11;
   margin-top: -100px;
}
.ffw-privacy {
   font-size: 12px;
   line-height: 18px;
}

.ffw-privacy a {
   color: inherit;
}
@media screen and (max-width : 1100px){
.sub-form .form-inn:after {
   display: none;
}

.sub-form .form-tit {
   width: 100%;
   max-width: 100%;
   text-align: center;
}

.sub-form .form-main {
   float: none;
   display: table;
   margin: auto;
   width: 100%;
   max-width: 500px;
}
.sub-form .w-100{
max-width:100% !important;
width:100% !important;
}
.sub-form .us-cont .form-main {
   max-width: 640px;
}
.sub-form .ffw-form {
   display: inline-block;
}

.sub-form .form-inn .form-tit h4 {
   text-align: center;
}
.sub-form .form-inn.us-cont {
   width: 100%;
}
.sub-form .form-inn {
   width: 100%;
}
}
@media screen and (max-width : 992px){
.subscribe {
   margin-bottom: -80px;
   position: relative;
   z-index: 11;
   margin-top: 0;
}
}

@media screen and (max-width : 767px){
.sub-form .ffw-form form ul li {
   width: 100%;
   max-width: 100%;
}
.sub-form .ffw-form form ul li.ic-mail{
   max-width: 100%;
}
.sub-form .ffw-form form ul li.ic-count {
   width: 100%;
}

.sub-form .w-100 {
   max-width: 100% !important;
   width: 100% !important;
}

.sub-form .us-cont .ffw-form form ul .ic-count {
   max-width: 100%;
   width: 100%;
}

.sub-form .us-cont .ffw-form form ul li select[name="state"] {
   float: left;
   width: auto;
}
.sub-form .form-inn {
   width: 100%;
   
}


}
/* subscribe form end */