body{margin:0; background: url(https://www.manageengine.com/cloud-security/images/nsa-best-practices-body-bg.png) no-repeat; background-size: cover;}
div {box-sizing: border-box;}
ul{margin:0;}
.as-full {font-family: 'zoho_puvi_regular'; margin: 0; padding: 0; width: 100%; display: flow-root; }
.as-full div, .as-full a, .as-full ul, .as-full li, .as-full input, .as-full p, .as-full h1, .as-full h2, .as-full span {box-sizing: border-box; }
.wam-head-top {position: relative; overflow: hidden; }
.as-container {margin: 0 auto; position: relative; max-width: 1200px; }
.wam-head-top-inn ul {float: right; }
.wam-head-top-inn ul li {float: left; }
.as-full li {list-style-type: none; }
.as-full 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; }
.wam-head-top-inn ul li a {font-size: 13px; line-height: 34px; color: #000; font-weight: 500; }
.wam-head-top-inn ul li:nth-child(1) a {margin-right: 12px; border-right: 1px solid #ced2da; padding-right: 15px; color: #000; }
.wam-head-logo {display: inline-block; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; padding: 10px 0px; }
.wam-head-logo-left {float: left; }
.as-full p, .as-full a, .as-full li, .as-full td, .as-full td, .as-full span, .as-full label {line-height: 24px; font-size: 14px; }
.wam-logo {background: url(https://www.manageengine.com/cloud-security/images/nsa-best-practices-sprite.png) no-repeat; width: 180px; height: 51px; display: inline-block; background-size: 340px; margin-top: -5px; z-index: 999; background-position: 0 7px; }
.wam-head-logo-right {float: right; }
/*
.wam-head-logo.fix-header {padding-bottom: 5px; padding-top: 10px; position: fixed; top: -100px; left: 0; width: 100%;  z-index: 999999; }
.wam-head-logo.fix-header.fix-header-1 {top: 0; box-shadow: 0 14px 22px -16px rgba(23,45,60,0.19); }
*/
.flex{display: flex; display: -ms-flex; }
.width-30{width:30%; position: relative; float: left; }
.width-35{width:32%; position: relative; float: left; }
.width-40{width:35%; position: relative; float: left; min-height:430px;}
.width-60{width:60%; position: relative; float: left; }
.width-65{width:68%; position: relative; float: left; }
.width-70{width:65%; position: relative; float: left; }
.width-80{width: 80%; position: relative; float: left; }
.banner {color: white; padding: 35px 0; position: relative; min-height: 250px;}
.banner::before{content: ""; position: absolute; height: 380px; width: 100%; left: 0; top: -75px; background: url(https://www.manageengine.com/cloud-security/images/nsa-best-practices-banner-bg.png) right bottom no-repeat; background-size: cover; z-index: -1;}
.banner-caption {font-size: 30px; line-height: 60px; margin: 0; padding: 0; position: relative; font-family: 'zoho_puvi_bold';}
.banner-caption span{display: block; font-size: 41px; font-weight: 400; line-height: 60px; font-family: 'zoho_puvi_regular';}    
    .banner-caption::after{content: ""; position: absolute; right: 8%; top: -60px; height: 310px; width: 310px; background: url(https://www.manageengine.com/cloud-security/images/nsa-best-practices-sprite.png) no-repeat; background-size: 320px; background-position: 13px -57px; float: right;}
.as-full .about-desc {font-family: "zoho_puvi_regular"; font-size: 20px; line-height: 32px; text-align: justify; letter-spacing: 0; padding-right: 8%;} 
.about-list{padding-left:22px; list-style-type: disc;}    
.about-list li{font-size: 20px; line-height: 43px; list-style-type: disc; font-family: 'zoho_puvi_regular';}    
.wam-vid-form h2 {color: #0d1a5b; font-size: 22px; line-height: 46px; text-align: center; margin-bottom: 10px; padding: 16px 0; font-family: "zoho_puvi_bold"; background: #fff; border-top-right-radius: 3px; border-top-left-radius: 3px; }
ul {margin: 0; padding: 0; }
.succ{font-size:16px;color:#737373;text-align:center;padding:20px;border-radius:2px;background:#fff;box-shadow:0 0 36px 0 rgba(0,0,0,.08);margin-bottom:20px;display:none;line-height:26px}
.wam-vid-form ul li{float:left;position:relative;width:100%;display:inline-block;margin-bottom:15px;padding-left:0;    text-align: left;}
div#formCTAgdpr{    color: #fff; text-align: left; font-size: 11px!important; margin-top: 4px; line-height: 18px; margin-top: 0; margin-bottom: 20px; }
select{padding-left:22px;border-radius:0}
.wam-vid-form ul li input {width: 80%; margin-left: 10%; float: left; background: #fff; border: 0; line-height: 1; box-sizing: border-box; border-bottom: 1px solid #e4e4e4; color: #333538; outline: 0; padding-left: 0; font-size: 12px; height: 30px;  }
.wam-vid-form ul li:last-child input[type=submit] {width: 80%; margin-left: 10%; background: #cb2d20; color: #fff; border: 0; padding-left: 0; text-align: center; margin-bottom: 10px; cursor: pointer; font-size: 15px; padding: 10px 0 ; line-height: 23px; height: auto; }
.wam-vid-form ul li:last-child .dwnIcn{position: absolute; left: -60px; right: 98px; margin: auto; top: 14px; height: 15px; width: 15px; background: url(https://www.manageengine.com/cloud-security/images/nsa-best-practices-sprite.png) no-repeat; background-size: 355px; background-position: -199px -1px;}
.dwn-priv{color:#fff;font-size:12px;float:left;width:100%;line-height:12px}
.dwn-priv a{    color: #0071c0; font-size: 9px; text-decoration: underline;} 
.wam-vid-form ul li select{width:100%;float:left;background:#fff;border:0;line-height:42px;box-sizing:border-box;font-size:15px;color:#333538;outline:0;height:60px;font-family:"zoho_puvi_regular"}
.fsm-request-demo .per60{padding-right:40px}
.fsm-features h2.fsm-label{font-size:16px;display:inline-block;padding:5px 10px 4px;background:#c4e5ff;border-radius:2px;margin:0;margin-bottom:30px;color:#00578e}
.wam-vid-form {background: white; display: inline-block; border-radius: 4px; }
#meGDPRMessage{display:inline-block;clear:both;color:#fff;line-height:18px;margin-top:9px;    margin-bottom: 15px;}
#meGDPRMessage label{font-size:9px;line-height:14px}
.tnk-msg {display: none; }
.errMsg{display: none; color: red; width: 80%; margin-left: 10%; font-size: 12px;}
.errMsg7, .errMsg4{margin-left: 0;}
.form {position: relative; top: -40px; right: 25px; height: auto; border-radius: 5px; width: 100%; background: #251c1c00; box-shadow: 0px 0px 30px 3px rgba(0,0,0,0.20); z-index: 99; float: right; padding: 0; max-width: 360px; }
.wam-vid-form ul li select {width: 80%; margin-left: 10%; border-bottom: 1px solid #e4e4e4; float: left; background: #fff; line-height: 42px; box-sizing: border-box; padding-left: 0; font-size: 12px; color: #333538; outline: 0; height: 30px;  }
.befo-hide{width: 80%; margin-bottom: 10%; }
.befo-hide input[type="checkbox"] {width: 15px!important; float: left; height: 15px!important; margin-right: 10px; margin-bottom: 20px; margin-top: 4px; }
.befo-hide label{color: #898c94; text-align: left; font-size: 12px; line-height: 19px; }
div#formCTAgdpr {color: #898c94; text-align: left; font-size: 9px!important; margin-top: 4px; line-height: 18px; margin-top: 0; margin-bottom: 20px; width: 80%; margin-left: 10%; }
#meGDPRMessage {display: inline-block; clear: both; color: #898c94; line-height: 18px; margin-top: 9px; margin-bottom: 15px; width: 80%; margin-left: 10%; }
#backToTop{display: none !important; }
.footer{text-align: center; color: #868686; background: #fff; margin-top: 50px; }
#date-show{display: none; }
.ui-widget-header {border: 1px solid #ffffff; background: #ffffff; color: #333333; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button {border: 1px solid #f3f3f3; background: #ffffff; font-weight: normal; color: #454545; border-radius: 4px; text-align: center; width: 25px; height: 25px; }
.ui-state-default:hover, .ui-state-default:active {border: 1px solid #5edaec; background: #5edaec; color: #011217; line-height: 25px; }
.tnk-msg p {padding: 15px; text-align: center;}
.select{border-bottom: 1px solid #e4e4e4; width: 80% !important; margin-left: 10%  !important; }
.select select{width: 100% !important; margin-left: -6px !important; border: none !important; }
.center-text{padding-top:20px; font-size:13px; line-height:18px; color: #212121; text-align:center; font-weight:600; }
.zsiq_float *{font-family:'Open Sans' !important; }	
.title{padding-top: 60px; font-size: 25px; font-family: 'zoho_puvi_bold';}
.displayText{cursor: pointer; width: 100%; background: #fff; border: 0; line-height: 30px; box-sizing: border-box; color: #333538; outline: 0; padding-left: 0; padding-right: 20px; font-size: 12px; height: 30px; position: relative; overflow: hidden;}
.displayText::after{content: "";position: absolute; right: 2%; top: 13px; border-top: 6px solid #000; border-left: 4px solid transparent; border-right: 4px solid transparent; transition: .3s;}
.displayText.active::after{transform: rotate(-180deg);} 
.select p{font-size: 12px; margin: 0 0 5px;}
.wam-vid-form ul li .dropdown input {display: inline-block; width: auto; float: none; height: auto; }
.dropdown{padding: 10px 0; background: #fff; border: 1px solid #e4e4e4; border-top: 0; -webkit-box-shadow: 0 0 20px rgba(228,228,228,.4); box-shadow: 0 0 20px rgba(228,228,228,.4); display: none; position: absolute; z-index: 10; left: 0; width: 100%; top: 100%; left: 0;}
.select p.cls{cursor: pointer; padding: 8px 20px; border-radius: 3px; background: #293380; color: #fff; margin: 10px 0 0; text-align: center; width: 50%; margin-left: 25%;}
@media screen and (max-width:1280px){
	.as-container{width:90%; }
	.banner {padding: 15px 0; }
	.title {font-weight: 600; font-size: 18px; line-height: 1; margin-top: 25px; margin-bottom: 10px; }
}		
@media screen and (max-width : 1200px){
	.flex {flex-wrap: wrap; }
	.flex .width-70 {width: 100%; }
	.flex .width-40 {width: 100%; float: none; text-align: center; display: flex; height:auto; }
	div#form {float: left; margin: auto; text-align: center; top: 26px; }
	h2.form-hide {margin-top: 0; }
	.banner-caption {width: 100%; }
    .banner-caption::after{right: 0; top: -40px; background-size: 270px; background-position: 35px -50px;}
    .banner-caption{font-size: 38px;}
}
    @media screen and (max-width : 1050px){
        .banner-caption::before{right: 0px; top: -40px;}
    }
@media screen and (max-width:991px){
	.banner-caption{font-size: 38px; line-height: 50px; padding-bottom: 30px;}
	.banner-caption span{font-size: 33px;}
	.title{font-size: 22px; padding-top: 30px;}
	.as-full .about-desc, .about-list li{font-size: 16px; line-height: 30px;}
	width-40{margin-top: 30px;}
    .width-35,.width-65{width:100%; }
    .book-image {left: 20px; margin: auto; top: 50px; margin-bottom: 50px; }
    .banner-caption::after{position: relative; margin: auto; float: none; display: block; right: 0; top: 0;}
    .banner::before{height: 114%;  background: #201a55; background: -webkit-linear-gradient(to bottom,#201a55,#792241); background: linear-gradient(to bottom,#201a55,#792241); text-align: center;}
    .banner{background: transparent; text-align: center;}
}		
@media screen and (max-width : 600px){
	.wam-head-logo-left {text-align: center; }
	.wam-head-logo.fix-header {position: relative; }
	.book-image {display:none; }
	.wam-head-logo-right {position: fixed; background: white; width: 100%; z-index: 999; height: auto; bottom: 0; left: 2%; }
	div#form {margin-bottom: 100px; float: none; right: 0;}
	.btm{bottom:60px !important; }
	.banner .pink-text {display: block; font-size: 25px; }
	.banner-caption {font-size: 25px; }
	.banner-caption span{font-size: 20px; line-height: 33px;}
	p.center-text {padding-bottom: 100px; margin-top: -50px; }
}		
#backToTop{display:none !important}
.footer {
  max-width: 100%;
}
.banner-caption {
  color: #fff;
}