body {
  color : #333
}
.title {
  text-align : center;
  margin-bottom : 50px
}
.title h1 {
  font-size : 35px;
  line-height : 35px;
  font-weight : 600
}
.title p {
  font-size : 14px;
  line-height : 21px;
  margin : 15px 50px
}
.featureContainer h2 {
  font-size : 22px;
  line-height : 28px;
  text-align : center;
  margin-bottom : 40px;
  font-weight : 600
}
.featureList {
  display : flex;
  flex-wrap : wrap;
  justify-content : space-between
}
.featureBox {
  width : 49%;
  margin-bottom : 40px
}
  .featureBox .featureContent : :before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 40px;
  width: 50px;
  background: url("/sites/meweb/images/fr/active-directory-audit/images/windows-active-directory-monitoring-icon-sprite.png");
  background-size: 300px;
  background-position : 0 0;
}
  .fea1 .featureBox : nth-of-type(2) .featureContent : :before {
  background-size: 280px;
  background-position : -78px -2px;
}
  .fea1 .featureBox : nth-of-type(3) .featureContent : :before {
  background-position : -166px -2px
}
  .fea1 .featureBox : nth-of-type(4) .featureContent : :before {
  background-position : -249px -2px
}
  .fea2 .featureBox : nth-of-type(1) .featureContent : :before {
  background-position : 0 -58px
}
  .fea2 .featureBox : nth-of-type(2) .featureContent : :before {
  background-position: -68px -51px; background-size : 270px;
}
  .fea2 .featureBox : nth-of-type(3) .featureContent : :before {
  background-position : -163px -60px;
}
  .fea2 .featureBox : nth-of-type(4) .featureContent : :before {
  background-position: -252px -58px;
}
.featureContent h5 {
  font-size : 16px;
  font-weight : 600
}
.featureContent p {
  font-size : 14px;
  line-height : 22px;
  margin : 10px 0 0
}
.fea1 .featureContent p, .fea2 .featureContent p {
  margin : 5px 0 0
}
.full-slider {
  position : relative
}
.tab {
  cursor : pointer
}
.full-slider h2 {
  font-size : 22px;
  line-height : 28px;
  font-weight : 600;
  text-align : center
}
.slideTab {
  width : 100%;
  display : inline-block;
  text-align : center;
  margin-bottom : -8px;
  position : relative;
  bottom : 0;
  right : 0
}
.slideTab .tab {
  float : none!important;
  font-size : 16px;
  font-weight : 600;
  line-height : 46px;
  margin : 0!important;
  opacity : 1!important;
  transition : .3s;
  position : relative!important;
  width : 31%!important;
  display : inline-block!important;
  cursor : pointer
}
  .slideTab .tab : hover {
  color : #1281bd;
  transition : .3s
}
.slideTab .tab.flex-active-slide {
  color : #1281bd;
  transition : .3s
}
  .slideTab .tab.flex-active-slide : :before {
  content : "";
  position : absolute;
  height : 3px;
  width : 90%;
  bottom : 1px;
  left : 7%;
  background : #1281bd;
  transition : .3s
}
#nav-slider {
  height : 0;
  margin : 0;
  opacity : 0;
padding;
  0 visibility : hidden;
  width : 0
}
#slilock .flex-direction-nav {
  position : absolute;
  display : none
}
#slilock .flex-direction-nav li {
  list-style-type : none
}
#slilock .flex-control-paging {
  position : relative;
  margin : 0 auto;
  display : table;
  padding-left : 0;
  margin-top : 18px;
  z-index : 0
}
#slilock .flex-control-paging li {
  margin : 0 6px;
  display : inline-block;
  zoom : 1
}
#slilock .flex-control-paging li a {
  width : 11px;
  height : 11px;
  display : block;
  background : #d2e4e8;
  cursor : pointer;
  text-indent : -9999px;-webkit-border-radius : 20px;-moz-border-radius : 20px;-o-border-radius : 20px;
  border-radius : 20px
}
#slilock .flex-control-paging li a.flex-active {
  background : #0879b8;
  cursor : default
}
#slilock ul {
  position : relative;
  display : inline-block;
  width : 100%
}
.mobShow {
  display : none
}
.tip {
  position : absolute;
  height : 100%;
  width : 100%
}
@-webkit-keyframes pulse {
  to{box-shadow : 0 0 0 15px rgba(232, 76, 61, 0)
}
}@-moz-keyframes pulse {
  to{box-shadow : 0 0 0 15px rgba(232, 76, 61, 0)
}
}@-ms-keyframes pulse {
  to{box-shadow : 0 0 0 15px rgba(232, 76, 61, 0)
}
}@keyframes pulse {
  to{box-shadow : 0 0 0 15px rgba(232, 76, 61, 0)
}
}.tip-com span {
  width : 14px;
  height : 14px;
  background : #f5633d;
  border-radius : 69%;
  color : transparent;
  cursor : pointer;
  position : relative;
  box-shadow : 0 0 0 0 rgba(232, 76, 61, 0.7);-webkit-animation : pulse 1.25s infinite cubic-bezier(0.66, 0,0, 1);-moz-animation : pulse 1.25s infinite cubic-bezier(0.66, 0,0, 1);-ms-animation : pulse 1.25s infinite cubic-bezier(0.66, 0,0, 1);
  animation : pulse 1.25s infinite cubic-bezier(0.66, 0,0, 1);
  font-size : 10px;
  display : flex;
  justify-content : center;
  align-items : center
}
.tip1 .tip1_1, .tip1 .tip1_2, .tip1 .tip1_3, .tip2 .tip2_1, .tip2 .tip2_2, .tip2 .tip2_3, .tip3 .tip3_1, .tip3 .tip3_2 {
  position : absolute!important;
  top : 159px;
  left : 329px
}
.tip1 .tip1_1 {
  top : 32%;
  left : 57%
}
.tip1 .tip1_2 {
  top : 53%;
  left : 18%
}
.tip1 .tip1_3 {
  top : 53px;
  left : 484px
}
.tip2 .tip2_1 {
  top : 74%;
  left : 57%
}
.tip2 .tip2_2 {
  top : 79%;
  left : 27%
}
.tip2 .tip2_3 {
  top : 90%;
  left : 17%
}
.tip3 .tip3_1 {
  top : 65%;
  left : 55%
}
.tip3 .tip3_2 {
  top : 29%;
  left : 23%
}
.tip-tool {
  background : #3f3f3f;
  color : #fff;
  padding : 7px 22px 12px 19px;
  border-radius : 2px;
  width : 300px;
  margin : -25px 0 0 34px;
  box-shadow : 1px 1px 6px 0 rgba(0, 0,0, 0.6);
  position : absolute;
  transform : scale(0.9);
  opacity : 0;
  z-index : -1
}
.tip1 .tip1_1_tool, .tip1 .tip1_2_tool, .tip1 .tip1_3_tool, .tip2 .tip2_1_tool, .tip2 .tip2_2_tool, .tip2 .tip2_3_tool, .tip3 .tip3_1_tool, .tip3 .tip3_2_tool {
  position : absolute;
  top : 32%;
  left : 55%
}
.tip1 .tip1_2_tool {
  top : 55%;
  left : 15%
}
.tip1 .tip1_3_tool {
  top : 45px;
  left : 110px
}
.tip2 .tip2_1_tool {
  top : 64%;
  left : 54%
}
.tip2 .tip2_2_tool {
  top : 83%;
  left : 25%
}
.tip2 .tip2_3_tool {
  top : 85%;
  left : 14%
}
.tip3 .tip3_1_tool {
  top : 75%;
  left : 46%
}
.tip3 .tip3_2_tool {
  top : 23%;
  left : 20%
}
  .tip1 .tip1_1_tool : :before, .tip1 .tip1_2_tool : :before, .tip1 .tip1_3_tool : :before, .tip2 .tip2_1_tool : :before, .tip2 .tip2_2_tool : :before, .tip2 .tip2_3_tool : :before, .tip3 .tip3_1_tool : :before, .tip3 .tip3_2_tool : :before {
  content : '';
  position : absolute;
  width : 0;
  height : 0;
  border-top : 8px solid transparent;
  border-bottom : 8px solid transparent;
  border-right : 8px solid #3f3f3f;
  top : 25px;
  left : -8px
}
  .tip1 .tip1_1_tool : :before {
  top : 19px;
  left : -8px;
  transform : rotate(0deg)
}
  .tip1 .tip1_2_tool : :before {
  top : 11%;
  left : -8px
}
  .tip1 .tip1_3_tool : :before {
  top : 20%;
  left : 100%;
  transform : rotate(180deg)
}
  .tip2 .tip2_1_tool : :before {
  top : 62%;
  left : -6px;
  transform : rotate(0deg)
}
  .tip2 .tip2_2_tool : :before {
  top : 5%;
  left : -8px;
  transform : rotate(0deg)
}
  .tip2 .tip2_3_tool : :before {
  top : 70%;
  left : -6px;
  transform : rotate(0deg)
}
  .tip3 .tip3_1_tool : :before {
  top : -11px;
  left : 8%;
  transform : rotate(90deg)
}
  .tip3 .tip3_2_tool : :before {
  top : 44%;
  left : -8px
}
.close, .closePop {
  position : absolute;
  right : 8px;
  top : 8px;
  width : 12px;
  height : 12px;
  opacity : .3;
  cursor : pointer
}
  .close : before, .close : after, .closePop : before, .closePop : after {
  position : absolute;
  left : 5px;
  content : ' ';
  height : 12px;
  width : 2px;
  background-color : #fff
}
  .close : before, .closePop : before {
  transform : rotate(45deg)
}
  .close : after, .closePop : after {
  transform : rotate(-45deg)
}
.tip-tool h5 {
  font-size : 16px;
  margin-bottom : 4px;
  margin-top : 7px;
  font-weight : 500;
  color : #fff;
  line-height : 20.15px
}
.tip-tool.active {
  opacity : 1;
  transition : 1s;
  z-index : 999
}
#slilock .gslider .tip-tool p {
  margin : 4px 0 6px;
  font-size : 14px;
  line-height : 20px;
  color : #c8c8c8;
  text-align : left
}
.otherSolutions h2 {
  font-size : 22px;
  font-weight : 600;
  text-align : center
}
.solutionTab {
  text-align : center;
  margin-bottom : 50px
}
.solutionTab .tab {
  font-size : 18px;
  font-weight : 600;
  line-height : 21px;
  transition : .3s;
  position : relative;
  width : 23%;
  display : inline-block
}
.solutionTab .tab.active {
  color : #1281bd;
  transition : .3s
}
  .solutionTab .tab : hover {
  color : #1281bd;
  transition : .3s
}
  .solutionTab .tab.active : :before {
  content : "";
  position : absolute;
  height : 3px;
  width : 94%;
  bottom : -12px;
  left : 3%;
  background : #1281bd;
  transition : .3s
}
.solutionList .featureBox {
  width : 44%;
  background : #fff;-webkit-box-shadow : 0 0 12px 2px rgba(239, 239, 239, .92);
  box-shadow : 0 0 12px 2px rgba(239, 239, 239, .92);
  padding : 15px 2%;
  position : relative;
  transition : .3s;
  border : 2px solid transparent
}
  .solutionList .featureBox : hover {
  border : 2px solid #1281bd;
  transition : .3s
}
.solutionList .featureBox .featureContent {
  padding-left : 65px
}
  .solutionList .featureBox .featureContent : :before {
  content : "";
  position : absolute;
  left : 0;
  top : 0;
  bottom : 0;
  margin : auto;
  height : 50px;
  width : 60px;
  background : url("https : //www.manageengine.com/fr/active-directory-audit/images/active-directory-audit-feature-page-sprite-lockout.png");
  background-size : 650px
}
.solutionList .featureContent p {
  margin : 3px 0 0
}
.solutionList .featureBox a {
  position : absolute;
  top : 0;
  width : 100%;
  height : 100%;
  left : 0;
  z-index : 11;
  text-decoration : none
}
  .solutionList .featureBox : nth-of-type(1) .featureContent : :before {
  background-position : -179px -74px
}
  .solutionList .featureBox : nth-of-type(2) .featureContent : :before {
  background : url("https : //www.manageengine.com/fr/active-directory-audit/images/active-directory-audit-feature-page-sprite-lockout.png");
  background-position : -353px -67px;
  background-size : 650px
}
  .solutionList .featureBox : nth-of-type(3) .featureContent : :before {
  background : url("https : //www.manageengine.com/fr/active-directory-audit/images/active-directory-audit-feature-page-sprite-lockout.png");
  background-position : -273px -68px;
  background-size : 650px
}
  .solutionList .featureBox : nth-of-type(4) .featureContent : :before {
  background : url("https : //www.manageengine.com/fr/active-directory-audit/images/active-directory-audit-feature-page-sprite-lockout.png");
  background-position : -590px -72px;
  background-size : 650px
}
  .solutionList .featureBox : nth-of-type(5) .featureContent : :before {
  background : url("https : //www.manageengine.com/fr/active-directory-audit/images/active-directory-audit-feature-page-sprite-lockout.png");
  background-position : -6px 0;
  background-size : 650px
}
  .solutionList .featureBox : nth-of-type(6) .featureContent : :before {
  background : url("https : //www.manageengine.com/fr/active-directory-audit/images/active-directory-audit-feature-page-sprite-lockout.png");
  background-position : -599px 0;
  background-size : 650px
}
  .solutionList .featureBox : nth-of-type(7) .featureContent : :before {
  background-position : -14px 52px
}
  .solutionList .featureBox : nth-of-type(8) .featureContent : :before {
  background-position : -106px -141px
}
  .solutionList .featureBox : nth-of-type(9) .featureContent : :before {
  background-position : -185px -147px
}
  .solutionList .featureBox : nth-of-type(10) .featureContent : :before {
  background-position : -262px -147px
}
  .solutionList .featureBox : nth-of-type(11) .featureContent : :before {
  background-position : -431px -141px
}
  .solutionList .featureBox : nth-of-type(12) .featureContent : :before {
  background-position : -341px -141px
}
  .solutionList .featureBox : nth-of-type(13) .featureContent : :before {
  background-position : -6px 0
}
  .solutionList .featureBox : nth-of-type(14) .featureContent : :before {
  background-position : -104px 0
}
  .solutionList .featureBox : nth-of-type(15) .featureContent : :before {
  background-position : -180px 0
}
  .solutionList .featureBox : nth-of-type(16) .featureContent : :before {
  background-position : -257px 0
}
  .solutionList .featureBox : nth-of-type(17) .featureContent : :before {
  background-position : -422px 0
}
  .solutionList .featureBox : nth-of-type(18) .featureContent : :before {
  background-position : -185px -147px
}
  .solutionList .featureBox : nth-of-type(19) .featureContent : :before {
  background-position : -512px 0
}
  .solutionList .featureBox : nth-of-type(20) .featureContent : :before {
  background-position : -599px 0
}
  .solutionList .featureBox : nth-of-type(21) .featureContent : :before {
  background-position : -185px -147px
}
  .solutionList .featureBox : nth-of-type(22) .featureContent : :before {
  background-position : -103px -72px
}
  .solutionList .featureBox : nth-of-type(23) .featureContent : :before {
  background-position : -339px -2px
}
  .solutionList .featureBox : nth-of-type(24) .featureContent : :before {
  background-position : -257px 0
}
.ctaContainer {
  text-align : center;
  margin : 20px 0 40px;
  padding : 20px 10px 40px;
  background : #dbf3ff
}
.ctaContainer h2 {
  font-size : 20px;
  line-height : 30px;
  margin-bottom : 30px;
  font-weight : 600
}
.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
}
  @media screen and (max-width : 991px) {
  .slideTab .tab{line-height : 26px
}
  }@media screen and (max-width : 767px) {
  .tip{display : none
}
.tip-com span {
  color : #fff
}
.mobShow {
  display : block
}
.otherSolutions h2, .full-slider h2 {
  margin-bottom : 40px
}
.title h1 {
  margin-top : 30px
}
#slilock .gslider {
  margin : 0 0 0 -10%
}
  }@media screen and (max-width : 500px) {
  .featureList{justify-content : center
}
.featureBox {
  width : 90%
}
.solutionList .featureBox {
  width : 80%
}
.solutionTab .tab {
  width : 45%;
  margin-bottom : 30px
}
.solutionTab {
  margin-bottom : 30px
}
}.heading-menu {
  display : none;
}