html, body {
margin: 0;
padding: 0;
overflow-x: hidden;
font-family: "Zoho_puvi_regular";
font-size: 14px;
background: #06061e;
color: white;
background: rgb(6,6,31);
background: -moz-linear-gradient(184deg, rgba(6,6,31,1) 0%, rgba(6,6,31,1) 29%, rgba(15,19,47,1) 39%, rgba(15,19,47,1) 100%);
background: -webkit-linear-gradient(184deg, rgba(6,6,31,1) 0%, rgba(6,6,31,1) 29%, rgba(15,19,47,1) 39%, rgba(15,19,47,1) 100%);
background: linear-gradient(184deg, rgba(6,6,31,1) 0%, rgba(6,6,31,1) 29%, rgba(15,19,47,1) 39%, rgba(15,19,47,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#06061f",endColorstr="#0f132f",GradientType=1);
}
span#backToTop {
display: none !important;
}
div {
position: relative;
box-sizing: border-box;
}
.af {
width: 100%;
}
.ac {
max-width: 1200px;
margin: auto;
}
.logo a {
width: 135px;
height: 55px;
display: inline-block;
background: url(https://www.manageengine.com/latam/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('https://www.manageengine.com/latam/log-management/images/mitre-attack-sprite.png');
background-size: 928px;
background-position: -142px -9px;
position: absolute;
right: 29px;
}

#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;
}
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;
}
h1.banner .small {
font-size: 23px;
font-family: "Zoho_puvi_medium";
background: #3e9ff2;
color: #06061f;
padding: 5px 10px;
position: relative;
/* left: 0; */
/* top: -20px; */
line-height: initial;
display: table;
}
h1.banner span.underline {
position: relative;
}
h1.banner span.underline:after {
content: "";
width: 100%;
height: 4px;
background: #3d9ff1;
position: absolute;
bottom: -2px;
left: 0;
}
.banner-bg {
background: url('https://www.manageengine.com/latam/log-management/images/mitre-attack-banner.png') no-repeat;
display: table;
width: 100%;
background-size: 100% 700px;
}
.banner-img {
display: block;
width: 685px;
height: 395px;
margin: auto;
background: url('https://www.manageengine.com/latam/log-management/images/mitre-attack-sprite.png') no-repeat;
background-size: 1163px;
background-position: -30px -208px;
margin-top: 35px;
position: relative;
z-index: 1;
}
.animated-banner {
 position: relative;
}

.round {
 display: block;
 width: 442px;
 height: 295px;
 margin: auto;
 background: url(https://www.manageengine.com/latam/log-management/images/mitre-attack-sprite.png) no-repeat;
 background-size: 1163px;
 background-position: -40px -1228px;
 position: absolute;
 top: 0px;
 left: 0;
 right: 0;
 transition: .5s ease-in;
 opacity: 0;
}

.hacker {
 display: block;
 width: 442px;
 height: 295px;
 margin: auto;
 background: url(https://www.manageengine.com/latam/log-management/images/mitre-attack-sprite.png) no-repeat;
 background-size: 1163px;
 background-position: -535px -1260px;
 position: absolute;
 top: 150px;
 left: 0;
 right: 0;
 transition: 1s ease-in;
 opacity: 0;
}
.anim-done{
 opacity:1;
 top:0;
}

.abt {
padding: 10px;
text-align: center;
margin-top: 30px;
}
.abt p {
font-size: 18px;
line-height: 31px;
color: #d9d9e7;
margin-bottom: 15px;
margin-top: 0;
opacity: 0.9;
}
.abt p .big {
font-family: "Zoho_puvi_bold";
}
.abt h2 {
font-size: 28px;
font-family: "Zoho_puvi_bold";
line-height: 56px;
margin: 0;
margin-top: 20px;
background: rgb(11,102,224);
background: -moz-linear-gradient(90deg, rgba(11,102,224,1) 0%, rgba(163,66,225,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(11,102,224,1) 0%, rgba(163,66,225,1) 100%);
background: linear-gradient(90deg, rgba(11,102,224,1) 0%, rgba(163,66,225,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b66e0",endColorstr="#a342e1",GradientType=1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
   display: inline-block;
}
.card {
background: white;
color: #000;
display: table;
width: 95%;
margin: auto;
margin-top: 60px;
position: relative;
transition: .3s ease-in;
}
.wid-50 {
width: 50%;
float: left;
padding: 30px 50px;
padding-bottom: 50px;
}
.card h2 {
font-size: 36px;
line-height: 70px;
font-family: "Zoho_puvi_bold";
text-align: center;
margin: 0;
color: #0169df;
}
.card p {
padding: 0 40px;
font-size: 16.5px;
line-height: 28px;
}
span.blue {
 font-family: "Zoho_puvi_bold";
 color: #0069df;
}
.card .note p {
padding: 0;
margin: 0;
font-size: 15px;
}
.note {
background: #e4e7ff;
padding: 15px 22px;
border-radius: 5px;
}
.wid-50:nth-of-type(2) {
background: #f4f5ff;
}
.fr-abs {
position: absolute;
right: 0;
bottom: -30px;
color: white;
font-size: 15px;
opacity: 0.5;
}
.ac-100 {
max-width: 1000px;
}

.gene {
margin-top: 120px;
transition: .3s ease-in;
}

.gene-image {
display: block;
width: 740px;
height: 350px;
margin: auto;
background: url('https://www.manageengine.com/latam/log-management/images/mitre-attack-sprite.png') no-repeat;
background-size: 1100px;
background-position: -16px -764px;
}

.gene h2 {
font-size: 36px;
line-height: 70px;
margin: 0;
text-align: center;
color: #ffcc0e;
font-family: "Zoho_puvi_bold";
margin-top: -40px;
margin-bottom: -15px;
position: relative; 
}

.gene p {
font-size: 16px;
line-height: 26px;
opacity: 0.8;
}

.yell-box {
max-width: 417px;
background: yellow;
color: black;
padding: 35px;
background: url('https://www.manageengine.com/latam/log-management/images/mitre-attack-yellow.png') no-repeat;
background-size: cover;
padding-bottom: 78px;
padding-top: 25px;
box-sizing: border-box;
display: table;
}

.yell-box h3 {
color: #f83e14;
font-size: 27px;
line-height: 37px;
margin: 0;
font-family: "Zoho_puvi_bold";
margin-bottom: 5px;
border-radius: 5px;
}

.yell-box p {
margin-top: 0;
line-height: 30px;
font-size: 16px;
font-family: "Zoho_puvi_medium";
opacity: 0.8;
margin-bottom: 0;
}

.walk-image {
width: 345px;
height: 400px;
background: url('https://www.manageengine.com/latam/log-management/images/mitre-attack-sprite.png') no-repeat;
background-size: 1300px;
background-position: -947px -312px;
position: relative;
top: -73px;
left: 55px;
}

.walk-with-us {
position: absolute;
width: 422px;
top: -14px;
right: -141px;
}

.vide-sec {
margin-bottom: 70px;
position: relative;
margin-top: 50px;
}

.play {
font-size: 27px;
font-family: "Zoho_puvi_bold";
line-height: 37px;
position: absolute;
padding-top: 82px;
display: table;
left: 0;
right: 0;
margin: auto;
top: calc(50% -  70px);
width: 110px;
opacity: 1;
transition: .3s ease-in;
cursor: pointer;
}

.play:before {
content: "";
width: 82px;
height: 83px;
position: absolute;
top: 0;
left: 0;
right: 0;
background: url('https://www.manageengine.com/latam/log-management/images/mitre-attack-sprite.png') no-repeat;
background-size: 1013px;
background-position: -236px -8px;
margin: auto;
}

.vide-sec:hover .play {
opacity: 1;
transform: scale(1.1);
}

p.desc {
font-size: 23px;
font-family: "Zoho_puvi_bold";
line-height: 38px;
text-align: center;
opacity: 0.4;
padding: 0 40px;
}

.footer {
 background: #090c22;
 display: table;
 width: 100%;
 padding-top: 120px;
 position: relative;
 z-index: 1;
 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/latam/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;}

@media screen and (max-width : 1300px){
.walk-with-us {
   right: -50px;
}
}
@media screen and (max-width : 1250px){
.ac{
   max-width:90%;
}
.ac-100{
   max-width:1000px;
}
.menu ul {
 padding: 0;
}

}
@media screen and (max-width : 992px){
.ac{
   max-width:90%;
}
.af.top {
 position: relative;
 z-index: 1;
}
.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;
}

h1.banner {
   font-size: 30px;
   line-height: 40px;
}

h1.banner .small {
   font-size: 16px;
}

.abt p {
   font-size: 15px;
   line-height: 25px;
}

.abt p br {
   display: none;
}

.wid-50 {
   width: 100%;
   padding: 20px;
}

.card h2 {
   font-size: 20px;
   line-height: 20px;
}

.fr-abs {bottom: -55px;}

.gene h2 {
   font-size: 24px;
   margin-top: 0;
}

.gene p {
   font-size: 14px;
   line-height: 20px;
}

.walk-with-us {
   position: relative;
   width: 100%;
   right: 0;
   left: 0;
   bottom: 0;
   top: 0;
}

.walk-image {
   display: none;
}

.yell-box {
   width: 100%;
   max-width: 100%;
   background-size: 100% 100%;
}

.play {
   top: 58%;
}

p.desc {
   font-size: 17px;
   line-height: 25px;
}

.footer {
   margin-top: 49px;
}

.vide-sec {
   margin-bottom: 0;
}

.banner-img{
   z-index: 0;
}
.animated-banner, .gene-image {
 position: relative;
 zoom: .5;
}
.gene {
   margin-top: 80px;
}
}
@media screen and (max-width : 450px){

.logo {
   top: 5px;
}

.dwnbtn a {
   display: none;
}

h1.banner {
   font-size: 24px;
   padding: 0;
   margin: auto;
   margin-top: 30px;
   line-height: 30px;
}

.animated-banner, .gene-image {
 position: relative;
 zoom: .3;
}

h1.banner .small {
   text-align: center;
   margin: auto;
   margin-bottom: 10px;
}

.abt h2 {
   font-size: 18px;
   line-height: 20px;
   margin-bottom: 10px;
}

.card {
   margin-top: 0;
}

.card p {
   padding: 0;
}

.fr-abs {
   position: relative;
   bottom: 0;
   color: #000;
   padding: 20px;
   display: table;
   font-size: 14px;
}



.gene h2 {
   font-size: 18px;
   line-height: 36px;
}

.gene {
   margin-top: 60px;
}

.vide-sec {
   margin-top: 10px;
}

.play {
   top: 61%;
}

p.desc {
   padding: 0;
   font-size: 14px;
}

.footer {
   margin-top: 20px;
}

.yell-box h3 {
   font-size: 17px;
   line-height: 25px;
}

.yell-box p {
   font-size: 14px;
   line-height: 20px;
}

.yell-box {
   padding: 20px;
   padding-bottom: 60px;
}
.abt {
   margin-top: 0;
}
}

/* animation */
@media screen and (min-width : 993px){
 .walk-with-us{
   opacity: 1;
   transition: .5s ease-in;
 }
 .walk-with-us.animated{
   opacity: 0;
   right:-400px;
 }
 .yell-box{
   opacity: 0;
   transition: .3s ease-in;
 }
 .yell-box.view{
   opacity: 1;
 }
 .anim-top{
     opacity: 0;
     position: relative;
     top:80px;
     transition: .3s ease-in;
 }
}

.popup {
 position: fixed;
 width: 100%;
 height: 100%;
 top: 0;
 z-index: 9;
 background: #000000ad;
 display: none;
}
.videos {
 width: 75%;
 height: 70%;
 margin: auto;
 position: relative;
 top: 13%;
}

.clos-pop {
 position: absolute;
 right: -20px;
 top: -32px;
 font-size: 30px !important;
 cursor: pointer;
 color: #fff;
     font-family: "Zoho_puvi_regular";
}


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

.dwnbtn a {
 display: none;
}

.menu {
 margin-right: 0;
}

.menu ul {
 padding-right: 0;
}
}


/* 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: 340px;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/latam/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: 36px;
}
.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 : 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 */