html, body{margin: 0; padding: 0; font-size: 14px; font-family: 'ZohoPuvi'; line-height: 24px;}
    .container{max-width: 1200px; margin: 0 auto;}
    img{max-width: 100%;}
    header{position: relative; padding: 10px 0; background: #fff;z-index: 999999; transition: .3s; display: inline-block; width: 100%; -webkit-box-shadow: 0 0 10px rgba(27,49,140,.07); box-shadow: 0 0 10px rgba(27,49,140,.07);}
    header .container{justify-content: space-between; max-width: 90%;}
    header.topFix{ top: -90px;transition: .3s;}
    header.fixed{position: fixed; top: 0; left: 0; width: 100%; background: #fff; transition: .3s; -webit-box-shadow: 0 0 12px 2px rgba(0,0,0,.11); box-shadow: 0 0 12px 2px rgba(0,0,0,.11);transition: .3s;}
    .logo{background: url('../../images/logo-menu-icon-sprite.png') no-repeat; width: 200px; height: 55px; display: inline-block; background-size: 171px; margin-top: 0; z-index: 999; background-position: 0 1px;}
    .wam-menu{align-self: center; float: right; margin-top: 20px;}
    .wam-menu a{color: #000; text-decoration: none; margin-left: 45px; position: relative; font-family:"Zoho_Puvi_Regular";  font-size: 13px;font-weight:600;}
    .wam-menu a::before{content: ""; position: absolute; left: -25px; height: 25px; width:  25px; background: url('../../images/logo-menu-icon-sprite.png') no-repeat; background-size: 171px; background-position: 0 -60px}
    .wam-menu a:nth-of-type(2)::before{background-position: -35px -60px}
    //.wam-menu a:nth-of-type(3)::before{background-position: -72px -60px}
    .wam-menu a:nth-of-type(3)::before{background-position: -103px -60px; background-size: 181px; left: 25px;}
    .wam-menu a.menuDwn{padding: 8px 30px 8px 55px; background: #e02228; color: #fff; border: 1px solid #e02228; margin-left: 30px; font-weight: 700;}
    .titleContainer{position: relative;text-align: center;}
    .titleContainer::before{content: ""; position: absolute; height: 120%; width: 100%; left: 0; top: 0; background: #96e9b7; background: -webkit-linear-gradient(to bottom,#96e9b7,#dbf9e7,#fff); background: linear-gradient(to bottom,#96e9b7,#dbf9e7,#fff); z-index: -1;}
    .titleContainer h1{font-size: 34px; line-height: 47px; font-weight: 700; margin: 0; padding: 60px 0 40px;}
    .titleContainer a{font-size: 16px; padding: 12px 30px; background: #e32e44; color: #fff; text-decoration: none; font-weight: 600;}
    .selector{max-width: 700px; margin: 60px auto; text-align: center; position: relative;}
    /*.selector::after{content: "";position: absolute; height: 100%; width: 50%; left: 25%; top: 0; background: #fff; z-index: 0;}*/
    .selector div{display: inline-block; border: 1px solid transparent; width: 48%; color: #7d7d7d; background: #fff; font-size: 16px; line-height: 23px; padding: 10px 0; font-weight: 600;position: relative; z-index: 1; transition: .3s; cursor: pointer; -webkit-box-shadow: 0 0 20px rgba(225,176,154,.27); box-shadow: 0 0 20px rgba(225,176,154,.27);}
    .selector div#native{border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
    .selector div#adap{border-top-right-radius: 5px;border-bottom-right-radius: 5px;right: 4px;}
    .selector div.active{background: transparent; border-color: #5ec385; color: #5ec385; box-shadow: none;}
    .selector div.active::before{content: ""; border: 1px solid #5ec385; height: 15px; width: 15px; transform: rotate(45deg); position: absolute; bottom: -9px; left: 0; right: 0; background: #f2fcf6; margin: auto; border-top: 0; border-left: 0;}
    .selector div#native.active{border: 1px solid #5ec385; border-right: 3px solid #5ec385;}
    .selector div#adap.active{border: 1px solid #5ec385; border-left: 3px solid #5ec385}
    .nativeContent, .adapContent{padding-right: 10%; transition: .3s; display: none;}
    .contentContainer h2{font-size: 26px; line-height: auto;}
    .contentContainer 	li{line-height: 24px; margin-top: 10px;}
    .imbBox{position: relative; width: 80%; background: #f1f4fa; padding: 15px 20px; border: 1px solid #e9e9e9; margin: 35px 0 40px;}
    .imbBox img{-webit-box-shadow: 0 0 8px rgba(0,0,0,.08); box-shadow: 0 0 12px rgba(0,0,0,.08);}
    .contentContainer strong{font-weight: 600;}
    .contentContainer strong.num{font-weight: 700;}
    .contentContainer p{margin: 0; line-height: 24px;}
    .pb35{padding-bottom: 15px;}
    .nativeContent.active, .adapContent.active{display: block;}
    .bottomCta{margin: 65px 0 75px; text-align: center;}
    .ctaWrapper{width: 70%; margin: auto; background: #e6fff0; padding: 40px 20px 55px; border: 1px solid #5ec385;}
    .ctaWrapper h5{font-size: 18px; line-height: 23px; margin: 0;}
    .ctaWrapper p{font-size: 16px; line-height: 23px; margin: 10px 0 35px;}
    .ctaWrapper a{font-size: 16px; padding: 12px 30px; font-weight: 600; background: #e32e44; color: #fff; text-decoration: none;}
    .relatedlinkContainer{background: url('../../images/kb-new-bottom-bg.png') no-repeat; background-size: cover; text-align: center; color: #fff; padding: 55px 0 74px;}
    .relatedlinkContainer h2{font-size: 20px; line-height: 38px; font-weight: 700; position: relative; margin: 0;color:#fff;}
    .relatedlinkContainer h2::after{content: ""; position: absolute; background: #429153; height: 3px; width: 70px; bottom: -40px; top: 0; left: 0; right: 0; margin: auto;}
    .relatedLinks{display: inline-block; width: 90%; left: 5%; margin-top: 30px;}
    .relatedLinks li{display: inline-block; padding: 2px 27px; border-right: 1px solid #fff; margin-bottom: 20px;}
    .relatedLinks li:last-of-type, .relatedLinks li:nth-of-type(4){border: 0;}
    .relatedLinks li a{color: #fff; text-decoration: none; font-size: 14px; line-height: 24px;}
    footer{text-align: center; }
    footer p{text-align: center; font-size: 14px; line-height: 38px; margin: 0;}
    span#backToTop{display: none !important;}
    .nativeContent  h2{font-size: 26px; line-height: auto;}
    .nativeContent li{line-height: 24px; margin-top: 10px;}
/*Feature page form style start*/
.ctaContainer{text-align: center; margin: 20px 0 40px; padding: 20px 10px 38px;background: #d5ebff;border: 1px solid #e4e9ec;}
.ctaContainer h2{font-size: 19px; line-height: 30px; margin-bottom: 30px; font-weight: 700;margin: 7px 0 30px;}
.ctaContainer a{padding: 10px 35px; color: #fff; background: #e51931; font-size: 14px; font-weight: 600; text-decoration: none;}
.ctaContainer a:hover{text-decoration: none;}
.ctaContainer span{font-size: 11px; display: block; margin-top: 7px; font-style: italic;}

.wam-form{    margin-top: 20px;
    margin: 0 auto;
    display: table;
    max-width: 600px;}
.wam-form ul{margin:0;padding:0 !important}
.wam-form ul li{list-style-type:none;float:left;background:#fff}
.wam-form ul li:nth-child(1){width:200px;border:1px solid #dedede;position:relative;border-right:0;border-radius:4px 0 0 4px}
.wam-form ul li:nth-child(1):before{}
.errMsg,.errMsg2,.errMsg3,.errMsg4{display:none;font-size:12px;position:absolute;margin-top:-25px;margin-left:0;line-height:18px;color:red;background: transparent;text-align: left;}
.wam-form ul li:nth-child(1) span{position:absolute;background-size:389px;width:23px;height:15px;padding-right:20px;margin:15px 0 0 10px;z-index:99;background-position:0 -272px}
.wam-form ul li:nth-child(1) span::after{content:'';width:1px;height:25px;position:absolute;background:#dedede;top:-6px;left:30px}
.wam-form ul li input{width:100%;height:42px;border:0;padding:0 10px;box-sizing:border-box;font-size:14px;outline:none;color:#2b2b2b;background:none}
.wam-form ul li:nth-child(1) input{font-size:16px;position:relative;border-radius:15px}
.wam-form ul li:nth-child(1) input::placeholder{color:#889196}
.wam-form ul li:nth-child(2){width:48px;border-left:0;border-right:0;border-top:1px solid #dedede;border-bottom:1px solid #dedede;position: relative;}
.wam-form ul li:nth-child(2):before{content:"";position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #adadad;margin:22px 0 0 29px;z-index:0}
.selectedCountry{width:59px;height:36px;position:absolute;color:#6e6e6e;font-size:16px;margin:10px 0 0 7px;left: -45px; text-align: right;}
.wam-form ul li select{width:100%;height:42px;border:0;padding:0 10px;box-sizing:border-box;border-radius:0;font-size:15px;outline:none;background:#fff;margin:0;background:none;z-index:9;position:relative;color:#6e6e6e;font-size:12px;opacity:0;-moz-appearance:none;-webkit-appearance:none;cursor:pointer}
#country_state{-webkit-appearance: menulist; -moz-appearance: menulist;appearance: menulist;}
.wam-form ul li:nth-child(3){border:0;    padding-left: 0px !important;}
.wam-form ul li input[type="submit"]{background:#d22222;color:#fff;padding:0 10px;cursor:pointer;font-weight:600;text-transform:capitalize;height:44px;border:0;outline:none;border-radius:0 4px 4px 0;transition:all .5s ease}
.wam-form ul li input[type="submit"]:hover{background:#c11818;transition:all .5s ease}
.wam-form ul li:nth-child(4){background:none;width:100%;margin-top:15px;border:0}
.ctaContainer .dwn-priv{color:#353535;font-size:11px;margin-top:-8px;line-height:16px}
.ctaContainer .dwn-priv a{font-size:11px;color:#353535;text-decoration:none;padding: 0;background:none;}
#meGDPRMessage{line-height:17px;margin:0 0 13px;width:100%}
#meGDPRMessage label{font-size:11px;line-height:18px;color:#48555f}
.errMsg{width:270px;} 
.succView{text-align: center; display: none;}
.succView h2{margin-bottom: 0px;font-size: 30px;color: #0d9a18;}
.succView p{font-size: 16px; color: #000;}
.succView p a{font-weight:600;text-decoration: underline; color: #09C; padding: 0;background:none;}

/*WEBINAR TOP STRIP BANNER*/
.top-strip-webi-bnr {
    position: sticky;
    z-index: 9999999;
    background: #fdd15b;
    text-align: center;
    padding: 11px 30px;
    color: #000;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    top: 0;
    font-weight: 400;
    transition: all .4s ease;
    background: rgb(0, 255, 254);
    background: -moz-radial-gradient(circle, rgb(255 255 255) 0%, rgb(255 255 255) 40%, rgba(213, 245, 224, 1) 60%, rgba(213, 245, 224, 1) 100%);
    background: -webkit-radial-gradient(circle, rgb(255 255 255) 0%, rgb(255 255 255) 40%, rgba(213, 245, 224, 1) 60%, rgba(213, 245, 224, 1) 100%);
    background: radial-gradient(circle, rgb(255 255 255) 0%, rgb(255 255 255) 40%, rgba(213, 245, 224, 1) 60%, rgba(213, 245, 224, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00fffe", endColorstr="#d5f5e0", GradientType=1);
    box-shadow: 0 2px 6px -4px #333333c2;
}
.top-strip-webi-bnr span.icon-pra {
    background: #E7F9E7;
    color: #5DAF5E;
    border-top-right-radius: 25px;
    font-weight: 500;
    margin-right: 9px;
    position: relative;
    padding: 5px 10px 5px 20px;
}
.top-strip-webi-bnr span.icon-pra:before {
    content: '';
    position: absolute;
    background: url(/active-directory-audit/images/icon-webinar-strip-bnr.png) no-repeat;
    background-size: 63px;
    width: 63px;
    height: 52px;
    left: -33px;
    top: 5px;
    bottom: 0;
    margin: auto;
}
.clo-top-strip-webi-bnr {
    position: absolute;
    right: 25px;
    top: 8px;
    width: 32px;
    height: 32px;
    border: 1px solid #333;
    border-radius: 50px;
    line-height: 31px;
    font-size: 28px;
    color: #333;
    cursor: pointer;
    z-index: 1
}
.top-strip-webi-bnr a.cta {
    color: #fff;
    display: inline-block;
    padding: 3px 20px;
    margin-left: 10px;
    font-size: 15px;
    position: relative;
    transition: all .5s ease;
    border-radius: 5px;
    background: #0e860c;
}
.top-strip-webi-bnr a.cta em {
    width: 12px;
    height: 2px;
    background: #fff;
    display: inline-block;
    margin: 0px 0 0 4px;
    position: relative;
    transition: all .5s ease;
    vertical-align: middle;
}
.top-strip-webi-bnr a.cta em:after {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin: -3.5px 0 0px -3px;
}
.top-strip-webi-bnr a.cta:hover {
    text-decoration: none;
    background: #066c04;
}
.top-strip-webi-bnr a.cta:hover em {
    margin: 0px 0 0 8px;
}
@media screen and (min-width:1025px) {
    #header-mainsec:not(#abheader-new #header-mainsec) {
        top: 90px;
    }
}
/*WEBINAR TOP STRIP BANNER*/

@media screen and (max-width: 500px){
.wam-form{    width: 100%;}
.wam-form ul li:nth-child(1){width:75%}
.wam-form ul li:nth-child(2){width:18%;    border-right: 1px solid #dedede;}
.wam-form ul li:nth-child(3){    width: 100%;margin-top: 10px;}
.wam-form ul li input[type="submit"]{    border-radius: 4px;}
}
/*Feature page form style End*/
    @media screen and (max-width: 1240px){
        .container{max-width: 90%;}
        .relatedLinks li:nth-of-type(4){border-right: 1px solid #fff;}
    }
    @media screen and (max-width: 1240px){
        .ctaWrapper{width: 80%;}
    }
    .navTrig{display: none;}
    @media screen and (max-width: 767px){
        .navTrig{display: block; position: absolute; height: 20px; width: 30px; right: 5%; top: 0; bottom: 0; margin: auto; border-top: 1px solid #000; border-bottom: 1px solid #000;}
        .navTrig::before{content: ""; position: absolute; height: 1px; width: 100%; top: 50%; left: 0; background: #000;}
        .navTrig::after{content: ""; position: absolute; height: 1px; width: 100%; top: 50%; left: 0; background: #000; }
        .navTrig.open{border: none;}
        .navTrig.open::before{transition: .3s; transform: rotate(45deg);}
        .navTrig.open::after{transition: .3s; transform: rotate(-45deg);}
        .wam-menu{position: fixed; height: 100%; top: 55px; right: -400px; width: 300px; background: #fff; z-index: 9999; -webkit-box-shadow: 0 0 12px 2px rgba(0,0,0,.1); box-shadow: 0 30px 12px 2px rgba(0,0,0,.1); padding: 30px 15px 0; transition: .3s;}
        .wam-menu a{display: block; margin-bottom: 15px; border-bottom: 1px solid rgba(0,0,0,.5);}
        .imbBox{width: 96%; position: relative; padding: 2%;}
        .nativeContent, .adapContent{padding-right: 0;}
        .ctaWrapper{width: 90%; padding: 40px 5% 55px;}
        .titleContainer h1 br{display: none;}
    }
    @media screen and (max-width: 560px){
        .selector{width: 100%;}
        .titleContainer h1{font-size: 30px;}
        .selector div{font-size: 14px;}
        .relatedLinks li:nth-of-type(4), .relatedLinks li{border-right: 0;}
    }
    @media screen and (max-width: 380px){
        .selector div{display: block; width: 100%;}
        .selector div.active::before, .selector::after{display: none;}
        .selector div#native, .selector div#adap{border-radius: 5px; right: 0; margin-bottom: 10px;}
        .selector div#native.active, .selector div#adap.active{border-width: 2px;}
    }