@font-face {
   font-family:"Open Sans";
   font-weight:400;
   font-style:normal;
   src:url("https://webfonts.zohostatic.com/opensans/font.eot");
   src:url("https://webfonts.zohostatic.com/opensans/font.eot?#iefix") format("eot"),
   url("https://webfonts.zohostatic.com/opensans/font.woff2") format("woff2"),
   url("https://webfonts.zohostatic.com/opensans/font.woff") format("woff"),
   url("https://webfonts.zohostatic.com/opensans/font.ttf") format("truetype"),
   url("https://webfonts.zohostatic.com/opensans/font.svg#OpenSans") format("svg");
}
@font-face {
   font-family:"Open Sans";
   font-weight:600;
   font-style:normal;
   src:url("https://webfonts.zohostatic.com/opensanssemibold/font.eot");
   src:url("https://webfonts.zohostatic.com/opensanssemibold/font.eot?#iefix") format("eot"),
   url("https://webfonts.zohostatic.com/opensanssemibold/font.woff2") format("woff2"),
   url("https://webfonts.zohostatic.com/opensanssemibold/font.woff") format("woff"),
   url("https://webfonts.zohostatic.com/opensanssemibold/font.ttf") format("truetype"),
   url("https://webfonts.zohostatic.com/opensanssemibold/font.svg#OpenSans-Semibold") format("svg");
}
@font-face {
   font-family:"Open Sans";
   font-weight:700;
   font-style:normal;
   src:url("https://webfonts.zohostatic.com/opensansbold/font.eot");
   src:url("https://webfonts.zohostatic.com/opensansbold/font.eot?#iefix") format("eot"),
   url("https://webfonts.zohostatic.com/opensansbold/font.woff2") format("woff2"),
   url("https://webfonts.zohostatic.com/opensansbold/font.woff") format("woff"),
   url("https://webfonts.zohostatic.com/opensansbold/font.ttf") format("truetype"),
   url("https://webfonts.zohostatic.com/opensansbold/font.svg#OpenSans-Bold") format("svg");
}    
    html, body{margin: 0; padding: 0; font-size: 14px; font-family: 'Open Sans'; 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('https://www.manageengine.com/latam/active-directory-audit/how-to/../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:"Open Sans"; font-weight: 600; font-size: 13px;}
	.wam-menu a::before{content: ""; position: absolute; left: -25px; height: 25px; width:  25px; background: url('https://www.manageengine.com/latam/active-directory-audit/how-to/../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(4)::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{width: 530px; 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 h2{font-size: 20px; line-height: 38px; font-weight: 700; position: relative; margin: 0;}
    .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;}
	
	/* tab section css start*/
.pageTabSec h2{font-size:29px !important;font-weight:bold !important;text-align:center;margin-bottom:30px !important;font-family:'Open Sans',sans-serif; color: #000;}
 .pageTabSec{max-width:1100px;margin:0 auto;margin-bottom: 0;}
 .pageTabSec ul.pageTab{padding:0;border-bottom:1px solid #e7e7e7;text-align:center;box-sizing:border-box;}
 .pageTabSec ul.pageTab li{padding:12px 30px;box-sizing:border-box;margin:0 10px;display:inline-block;font-size:15px;color:#8c9ca2;cursor:pointer;}
 .pageTabSec ul.pageTab li.active{border-bottom:2px solid #055367;color:#055367;font-weight:600;}
 .pageTabSec ul.pageTab li:hover{color:#055367;}
 .pageTabSec .pageTabView{padding:30px 0;display:none;}
 .pageTabSec .pageTabView.active{display:block;}
 .pageTabSec .pageTabView ul{width:33%;display:inline-block;padding-left:20px;box-sizing:border-box;list-style:disc;color:#93bac9;vertical-align:text-top;}
 .pageTabSec .pageTabView.solutions-tab ul{width:33%;float:left;}
 .pageTabSec .pageTabView ul li a{color:#000;font-size: 13px;text-decoration:none;}
 .pageTabSec .pageTabView ul li a:hover{ text-decoration: underline; }
 .pageTabSec .pageTabView ul li{padding:6px 0;margin:0;list-style-type:disc !important;color:#93bac9;}
 .footer-new {background:#fff;padding-bottom: 20px !important;padding-top: 30px !important;}
 footer{border-top:solid 1px #ccc;float:left;width:100%}
 #rel-Prd ul li:nth-child(1) a{font-weight:bold}
 @media(min-width:1200px){
 .container{max-width: 1200px}
 }
 @media(max-width:1024px){
 .pageTabSec .pageTabView{padding:30px 20px }
.container {width: 95%;}
#commonHeader {min-height: 84px;height: 84px;}
 }
 @media(max-width:1023px){
	 .pageTabSec ul.pageTab{padding:0 10px;}
	 .pageTabSec ul.pageTab li{padding:12px 10px;margin:0 10px;font-size:13px;}
	 .pageTabSec .pageTabView ul{font-size:13px;}
	 .pageTabSec .pageTabView{padding:20px;}
 }
 @media (max-width:991px){
 	.pageTabSec .pageTabView.solutions-tab ul{width:25% !important;}
 }
 @media (max-width:767px){
 	.pageTabSec{display:none !important;}
	.adap-logo-blocks .adapcus-block {
     width: 26.3%;
}
@media (max-width:600px){
 	.adap-logo-blocks .adapcus-block {
     width: 100%;
} 
 }
 
	@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;}
    }