body{margin:0;padding:0;background: #f8fafc;}
    .af{font-family:'ZohoPuvi';-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;padding:0}
    .af p,.af a,.af li,.af td,.af td{line-height:24px;font-size:14px}
    .af h1,.af h2,.af h3,.af h4,.af h5,.af h6{margin:0}
    .af ul{padding-left:0;margin:0}
    .af li{list-style-type:none}
    .af 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}
    .af a:hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
    .af div,.af a,.af ul,.af li,.af input,.af select,.af p,.af h1,.af h2,.af span{box-sizing:border-box;font-family:'ZohoPuvi';color:#000;}
    .af div{box-sizing:border-box}
    .af{width:100%;display:inline-block}
    .ac{margin:0 auto;position:relative;max-width:1200px}
    .head {
        background-color: #f8fafc;
        position: relative;
        background: url(https://www.manageengine.com/latam/log-management/images/securing-your-business-during-covid-19-ebook-banner.png) no-repeat;
        background-size: 1000px;
    }
    
    .main{float:left;width:100%}
    .main .lhs{float:left;width:calc(100% - 410px);padding:25px 65px 0 0;position:relative}
    
    .main .rhs{float:left;width:410px;padding:0px 40px;padding-top: 80px;background:#122f5f;position:relative;box-shadow:0 0 28px -5px #00000094;    padding-bottom: 20px;}
    .form-soc:before{content:'';position:absolute;width: 183px;height: 213px;background:url(https://www.manageengine.com/latam/log-management/images/mitre-sprite.png) no-repeat;background-size: 900px;background-position: -4px -208px;bottom:-74px;right: -159px;z-index:0;}
    .main .rhs .form-inn{position:relative;z-index:1}
    .form-inn .form-tit h4 {
        text-align: center;
        font-size: 20px;
        color: #000;
        font-family: "Zoho_Puvi_Semibold";
        margin-bottom: 25px;
        position: relative;
        background: #06ca9d;
        padding: 10px;
    }
    
    .ffw-form{float:left;width:100%}
    .ffw-form form ul li{float:left;width:100%;margin-bottom:10px;position:relative}
    .ffw-form form ul li .ffw-checkbox{float:left;width:100%;padding:0}
    .ffw-form form ul li input, .ffw-form form ul li select {
        float: left;
        width: 100%;
        font-size: 14px;
        font-weight: 400;
        border-radius: 0;
        height: 40px;
        background: #fff;
        border: 1px solid #47477b;
        padding: 8px 15px 8px 17px;
        color: #000000;
    }
    .ffw-form form ul li select {
        appearance: none;
        -webkit-appearance: none;
        background: #fff;
    }
    .ic-count {
        position: relative;
    }
    
    .ic-count:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #000000;
        margin: 19px 0 0 29px;
        z-index: 0;
        right: 20px;
    }
    .us-cont:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #000000;
        margin: 19px 0 0 29px;
        z-index: 0;
        right: 20px;
        bottom: 16px;
    }
    .ffw-form form ul li input.ffw-submit{background:#d83227;color:#fff;border:0;font-size:16px;font-weight:600;cursor:pointer;transition:all .5s ease;padding:8px;    margin-top: 10px;    font-family: "Zoho_Puvi_Semibold";}
    .ffw-form form ul li input.ffw-submit:hover{transition:all .5s ease;box-shadow:0 7px 8px -5px #08080e;background:#f51304}
    .ffw-form form ul li .ffw-checkbox input{width:13px;height:13px;float:left;padding:5px;border:0;margin:5px 2px}
    .ffw-form form ul li .ffw-checkbox label {
        float: left;
        width: calc(100% - 25px);
        padding-left: 5px;
        box-sizing: border-box;
        color: #ffffff;
        font-size: 13px;
        font-family: "Zoho_Puvi_Regular";
    }
    .ffw-form form ul li .ffw-errmsg{display:none;color:#ff1212!important;font-size:12px;float:left;width:100%!important;height:auto!important}
    .ffw-thank{float:left;width:100%;text-align:center;color:#fff;display:none;padding:200px 0 190px}
    .ffw-thank h1{font-weight:600;font-size:36px;color:#04c766}
    .ffw-thank p {
        font-size: 18px;
        font-weight: 300;
        line-height: 30px;
        color: #fff;
    }
    
    .form-copy p{margin:0;font-size: 10px;text-align:center;color:#bdbdbd;}
    .form-copy p span{color:#bdbdbd;font-size: 10px;}
    #meGDPRMessage{font-size:12px;line-height:20px;float:left;width:100%;padding:15px 0 10px}
    #meGDPRMessage label{font-size:12px;line-height:20px;color:#ffffff}
    #formCTAgdpr{font-size:12px;line-height:20px;float:left;width:100%;padding-top: 15px;color:#ffffff;}
    #formCTAgdpr span{font-size:12px;line-height:20px;color:#ffffff}
    #formCTAgdpr a{font-size:12px;color: #ffffff;    text-decoration: underline;}
    select#country_state {
        margin-top: 15px;
    }
    span#backToTop{display:none!important;opacity:0!important}
    
    .form-logo a {
        width: 150px;
        display: inline-block;
        height: 60px;
        background: url('https://www.manageengine.com/latam/log-management/images/securing-your-business-during-covid-19-ebook-sprite.png') no-repeat;
        background-size: 180px;
    }
    
    .tit h2 {
        font-family: "Zoho_Puvi_Semibold";
        font-size: 42px;
        line-height: 66px;
        margin-top: 30px;
    }
    
    .tit h2 .light {
        font-family: "Zoho_puvi_thin";
    }
    
    .tit h2 .green {
        font-size: 64px;
        font-family: "Zoho_Puvi_Bold";
        color: #06ca9d;
        position: relative;
        top: 13px;
    }
    
    p.bnr-blue-text {
        font-size: 22px;
        font-family: "Zoho_Puvi_Regular";
        line-height: 41px;
        color: #225dbf;
        margin-bottom: 30px;
    }
    
    .learn {
        display: table;
        width: 100%;
    }
    
    .image {
        width: 240px;
        float: left;
        display: inline-block;
    }
    
    .image img {
        width: 100%;
    }
    
    .desc {
        width: calc(100% - 240px);
        float: right;
        display: inline-block;
        padding-left: 30px;
    }
    
    .desc p {
        font-size: 15px;
        line-height: 24px;
        font-family: "Zoho_Puvi_Regular";
        margin-bottom: 24px;
    }
    
    .desc h4 {
        font-size: 22px;
        line-height: 44px;
        color: #04c99c;
        font-family: "Zoho_Puvi_Semibold";
        margin-top: -10px;
        margin-bottom: 15px;
    }
    
    .desc li {
        font-size: 15px;
        line-height: 24px;
        font-family: "Zoho_Puvi_Regular";
        margin-bottom: 12px;
        padding-left: 30px;
        position: relative;
    }
    
    .desc li:before {
        content: "";
        width: 20px;
        height: 20px;
        background: url('https://www.manageengine.com/latam/log-management/images/securing-your-business-during-covid-19-ebook-sprite.png') no-repeat;
        background-size: 178px;
        background-position: -158px -1px;
        position: absolute;
        left: 0;
    }
    
    .form-copy {
        display: table;
        width: 100%;
        background: #edf3f8;
        padding: 10px;
        box-sizing: border-box;
        margin-top: 70px;
    }
    
    .form-copy p,.form-copy p span {
        font-size: 14px;
        line-height: 26px;
        color: #676352;
        font-family: "Zoho_Puvi_Regular";
    }
    
    .form-tit p {
        font-size: 18px;
        text-align: center;
        color: white;
        font-family: "Zoho_Puvi_Medium";
            margin-bottom: 8px;
    }
    .line {
        width: 50px;
        height: 100%;
        display: inline-block;
        position: absolute;
        left: -5px;
        top: 0;
        background: url(https://www.manageengine.com/latam/log-management/images/securing-your-business-during-covid-19-ebook-sprite.png) no-repeat;
        background-size: 196px;
        background-position: -13px -100px;
    }
    
    .line-right {
        left: auto;
        right: -23px;
        background-position: -74px -100px;
    }
    a.mob-cta {
        background: #d83227;
        color: #fff;
        border: 0;
        font-size: 15px;
        font-weight: 600;
        cursor: pointer;
        transition: all .5s ease;
        padding: 8px 20px;
        margin-top: 10px;
        display:table;
        margin:10px auto;
        display:none;
    
    }
    .rhs.shake{animation:shake 1s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}
    @keyframes shake {
    10%,90%{transform:translate3d(-1px,0,0)}
    20%,80%{transform:translate3d(2px,0,0)}
    30%,50%,70%{transform:translate3d(-4px,0,0)}
    40%,60%{transform:translate3d(4px,0,0)}
    }
    @media screen and (max-width: 1250px){
    .ac {
        max-width: 90%;
        margin: auto;
    }
    .image{
        width:30%;
    }
    .desc {
        width: calc(100% - 30%);
    }
    p.bnr-blue-text br{
        display:none
    }
    }
    
    @media screen and (max-width: 992px){
    .main .lhs {
        width: 100%;
        padding-right: 0;
        float: none;
    }
    
    .main .rhs {
        float: none;
        margin: auto;
        display: table;
        margin-top: 60px;
        width: 100%;
        min-width: 300px;
        max-width: 600px;
        padding-top: 30px;
    }
    a.mob-cta {
        display:table;
    }
    }
    @media screen and (max-width: 600px){
    .image{
        width:80%;
        float:none;
        margin:auto;
        display:table;
        max-width: 300px;
    }
    
    .desc {
        width: 100%;
        float: none;
        padding: 0;
    }
    
    .main .rhs {
        width: 100%;
        padding: 6px 17px;
        margin-top: 20px;
    }
    
    .line {
        display: none;
    }
    
    .tit h2 {
        font-size: 30px;
        line-height: 40px;
        text-align: center;
    }
    
    .tit h2 .green {
        font-size: 40px;
        display: block;
    }
    
    p.bnr-blue-text {
        font-size: 18px;
        line-height: 27px;
        text-align: center;
    }
    
    .form-logo {
        text-align: center;
    }
    
    .form-logo a {
        width: 132px;
    }
    }
    
    @media screen and (min-width : 993px){
    .animfromtop{
        position: relative;
        top: -600px;
        opacity: 0;
        transition:.5s ease-in;
    }
    .animdone{
    opacity:1;
    top:0;
    }
    }