  .img-border{border: 1px solid #000;}
  div.list{text-align:center;line-height:26px;}
  .col-left h1{font-size:35px; color:#000;}
  #info-tech-report,#lic-com,#fea-com{margin-top:20px;}
  .rel-pos{position:relative !important;}
  #survey {display:none !important;}
  .div-see-more {position:relative;margin-top:-20px;} .div-see-more > label { background: #106398;color:#fff; display: inline-block; text-align: center; padding: 5px 15px;border-radius:30px;cursor:pointer;}
  .div-see-more > input[type="checkbox"] {position:absolute;opacity:0;}

  .div-see-more > input[type="checkbox"]:checked + label{
     display:none;
  }

  .mobileSec{display:none;}
  .fade {  background: linear-gradient(to bottom, rgba(100, 100, 100, 0) 0%, #f3f3f3 75%);
    height: 100px;margin-top: -100px;position: relative;}
  .tblOverflow {width: 100%; height: 370px; overflow: hidden;display: block !important;}
  .form-fixed h2{font-size:18px}

  .form-div h2, .form-div p{margin:0;color:#fff;} .form-div p{font-size: 12px;line-height: 20px;padding: 15px 0;} .form-sec {margin-top:25px;}
  .input-row {padding:7px 0;}
  .input-row input, .input-row select{width:100%;border:solid 1px #f3f3f3;border-radius:6px;padding:5px 10px ;outline:none;height:40px;box-sizing:border-box;background:#fff;font-size:13px;transition:all .3s ease-in-out;}
  .input-row input:hover, .input-row select:hover{box-shadow:0 0 10px 0 #000;-webkit-box-shadow:0 0 10px 0 #000}
  .input-row input[type="submit"]{background:#dd1e02;color:#fff;margin-top:10px;font-size:15px;font-weight:700;cursor:pointer;}
  .btn-div a{position:relative;background: #ec1131; color: #fff; padding: 10px 15px; border-radius: 6px; text-decoration: none; margin: 25px 15px;display:inline-block;} .btn-div a:link, .btn-div a:visited{ transition:all .5s ease-in-out;-webkit-transition:all .3s ease-in-out;}
  .btn-div a:hover{box-shadow:0 5px 10px 0 #8a8a8a;-webkit-box-shadow:0 5px 10px 0 #8a8a8a;}
  .dwn-priv{margin-top:0;color:#fff} .dwn-priv a {color:#ffec02;}


  .div-row {position:relative;} .div-row .flex-container {width:100%;max-width:1400px; margin:0 auto; display:flex;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;flex-wrap:wrap;}
  /*.div-row:before, .div-row:after {content:"";display:table;clear;both;}*/
  .banner-bg {background:#011215;}

  .col-left {width:65%;}
  .col-fixed{position:sticky;right:0;width:450px;height:100%;padding:25px;margin:25px 0;background:#fff;border-radius:6px}
  .form-fixed {position: fixed;background: #365e88;width: 300px;min-height: 300px;margin: 25px 0 0 45px;padding: 25px;border-radius: 6px;box-shadow: 0px 0px 0px 1px #4d6a8a; -webkit-box-shadow: 0px 0px 0px 1px #4d6a8a;z-index:1;transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;}
  .form-container {width:100%;}

  .div-row .content-sec {max-width:1400px;margin:0 auto;padding:0 10px;}
  .content-sec .col-left {width:68%;}

  .banner-con {text-align:center;padding:80px 50px;position:relative;animation:bannerCon 1.8s ease-in;}
  .banner-con h2, .banner-con h1 {color:#fff;margin:15px 0;position:relative;}
  .banner-con p {color:#fff;position:relative; padding:25px 5px;font-size:32px;line-height:40px;letter-spacing:.5px;}
  .btn-yel:link, .btn-yel:visited {background:#ffe109;color:#000;padding:10px 20px;border-radius:15px;text-decoration:none;margin-top:10px;
  transition:all .35s ease-in-out;-webkit-transition:all .35s ease-in-out;display:inline-block;font-size:16px;position:relative;}
  .btn-yel:hover{background:#fbae4c}
  .banner-con h2{animation:animH2 1.5s ease-in-out;-webkit-animation:animH2 1.5s ease-in-out;}
  .banner-con h1{animation:animH1 1.5s ease-in-out;-webkit-animation:animH1 1.5s ease-in-out;font-family:'',sans-serif;font-size:58px;line-height:70px;font-weight:600;}
  .banner-con h1 > span {color:#ffca09;font-size:50px;}
  .banner-con a.btn-yel{animation:animA 1.5s ease-in-out;-webkit-animation:animA 1.5s ease-in-out;}

  @-webkit-keyframes animH2 { 0% {top: -50px;}  100% {top:0;}}
  @keyframes animH2 { 0% {top: -50px;}  100% {top:0;}}

  @-webkit-keyframes animH1 { 0% {top: -50px;}  100% {top:0;}}
  @keyframes animH1 {0% {top: -50px;}  100% {top:0;}}

  @-webkit-keyframes animA { 0% {bottom: -30px;}  100% {bottom:0;}}
  @keyframes animA { 0% {bottom: -30px;}  100% {bottom:0;}}


  #btnOpmSolarwinds {display:inline-block;padding:10px 20px;background:#14478d;transition:all .2ms ease-in;color:#fff;} #btnOpmSolarwinds:hover {background:#1a66bf}
  .pdt1{padding-top:25px;}
  .cssProgress {width: 80%;margin:0 auto;position:relative;top:-5px;}
  .cssProgress .cssProgress-bar {display: block;width: 0%;height: 100%;background: #ffd112;transition: width 0.8s ease-in-out;}
  .progress1 .cssProgress-bar {display: block;width: 0%;height: 100%;background: #4eace6;transition: width 0.8s ease-in-out;}
  .progress1, .progress2 {background-color: #e0e0e0;position:relative;}
  .progress1 .cssProgress-bar, .progress2 .cssProgress-bar {height: 5px;}
  .progress1 .cssProgress-label, .progress2 .cssProgress-label {line-height: 18px;position:absolute;color:#000;top:5px;left:0;font-size:12px;}
  /* .progress1 .cssProgress-label {color:#fff;} */
  .divTable{display: table;width: 100%;/*box-shadow:0 0 1px 0 rgba(195, 195, 195, 0.8);-webkit-box-shadow:0 0 1px 0 rgba(195, 195, 195, 0.8);-moz-box-shadow:0 0 1px 0 rgba(195, 195, 195, 0.8);background:#fff;*/}
  .divTableRow {display: table-row;} /*.divTableRow:nth-child(even){background:#fff;} .divTableRow:nth-last-child(1){border-bottom:solid 1px #ddd;}*/
  .divTableHeading {/*background-color: #3a3a3a;*/display: table-header-group;font-weight:bold;color:#353535;font-size:17px;} .divTableHead {line-height:50px !important;}
  .divTableCell, .divTableHead {border:1px solid #f1f1f1;display: table-cell;padding: 3px 10px;line-height:40px;vertical-align:middle;} .divTableCell p {margin:0;line-height:25px;padding-bottom:10px;}
  .divTableRow .divTableHead:nth-child(1){text-align:left;width:40%;}.divTableRow .divTableHead:nth-child(2){width:30%;} .divTableRow .divTableHead:nth-child(3){width:30%;}
  .divTableFoot {background-color: #EEE;display: table-footer-group;font-weight: bold;}
  .divTableBody {display: table-row-group;} 
  .divTableBody .divTableRow .divTableCell:nth-child(1){text-align:left;}
  /* .divTableRow .divTableCell:nth-child(2) {border-right:solid 1px #efefef;border-left:solid 1px #efefef;}*/
  /*.divTableRow .divTableCell:nth-child(2){background:#10649b;border-bottom-color:#1971a9;color:#fff;} .divTableRow .divTableCell:nth-child(3){background:#fff2bc;border-bottom-color:#fffbeb;}
  .divTableRow .divTableCell:nth-child(2) a {color:#ffe73c;}*/

  /* .divTableBody .divTableRow .divTableCell:nth-child(2){background:#6384ab;color:#fff;} */


  .tbl2 .divTableHead:nth-child(1) {width:30%;} .tbl2 .divTableHead {line-height:50px !important;}
  /* .tbl2 .divTableRow:nth-child(even){background:#f5f5f5;} */
  .tbl3 .divTableHead:nth-child(1) {width:20%;} .tbl3 .divTableHead:nth-child(2){width:55%;} .tbl3 .divTableHead:nth-child(3) {width:25%;}

  #topBanner{width:100%;position:relative;margin-top: -16px; }
  #topBanner:before{content:"";background:#0d2442  url(https://www.manageengine.com/latam/network-monitoring-msp/images/npm-msp-banner-bg.jpg) no-repeat top center; position:absolute;top:0;background-size:cover;width:100%;height:100%;}


  #topBanner section > canvas {position:absolute;width:100%;top:0;height:450px;z-index:1}
  #topBanner .container{padding:120px 0;position:relative;}

  .tickmark, .xmark {display: inline-block;}
  .tickmark:after {content: '';display: inline-block;width: 5px;height: 10px;border: solid #20d02e;border-width: 0 2px 2px 0;transform: rotate(45deg);}
  .xmark:after{content:'X';display:inline-block;color:#f00;height:10px;width:10px;color:#f00;font-weight:bold;}

  .sec-pTB h2{margin:0 0 25px 0;}
  .div-btn {margin-top:10px;} .div-btn a{margin:20px 15px;}

  #scroll{display:none;}
  .hglt1{position:relative;background:#f6f6f6;}
  .col1 h1 {margin: 15px 25px 15px  0 !important;padding:0 35px 0 0;text-align:right;}
  .col1, .col2 {display:inline-block;position:relative;vertical-align:top;} .col1 {width:50%;margin:0 25px 0 0} .col2 {margin:0 25px 0 40px;}
  .col1:after{content:"";position:absolute;right:-50px;top:25px;border:solid 30px #d9d9d9;border-top:solid 40px transparent;border-right:solid 40px transparent;border-bottom:solid 40px transparent;}
  #topBanner .container p {color:#bad1de;}
  .review-navigation { position: relative;width: 100%;top: -260px; z-index: 1;}
  .prev-btn, .next-btn{position: absolute;cursor:pointer;background:#333;border-radius: 50%;padding: 10px 20px;color: #fff;font-size:22px;}
  .prev-btn{left: 80px;}
  .next-btn{right: 80px;}
  .review-frame{width:700px;max-width:100%;overflow: hidden;margin:0 auto}
  .review-slides{width:7000px;position:relative;transition:all .5s ease;left:0}
  .review-slides > div{width:700px;float:left;padding: 0 10px;box-sizing: border-box;}
  .heading-menu{background:none;border-bottom:none;display:none}
  #AwardsHonors h1{color:#444}
  #AwardsHonors ul{margin:0;}
  #AwardsHonors ul li{display:inline-block;margin:0 5px;padding:0 10px;vertical-align:top;width:16%;}
  #AwardsHonors ul li a{display:inline-block;color:#000;} #AwardsHonors ul li a:hover{color:#138cd6;} #AwardsHonors ul li span{display:block;}
  #AwardsHonors ul li:nth-child(1) img{max-width:130px;}
  #AwardsHonors ul li:nth-child(2) img{max-width:150px;}
  #AwardsHonors ul li:nth-child(3) img{max-width:150px;}
  #AwardsHonors ul li:nth-child(4) img{max-width:150px;padding-top:18px;}
  #AwardsHonors ul li:nth-child(5) img{max-height:120px;padding-top:20px;} .btn{padding:5px 0;}

  .div-awards-img{min-height:125px;border-bottom:solid 1px #ddd;padding:10px 0;}
  .div-awards-ct {padding:15px 0;}




  /* ----  new table css --- */


   .custom-table-cover table {
      width: 100%;
      border-collapse: collapse;
      margin: 50px auto;
    }
    
    
    .custom-table-cover tr:nth-of-type(odd) {
      background: #fff;
    }
    
    .custom-table-cover th {


      background: #fff;
      color: #333;
      padding: 15px 10px;
      font-weight: 600;
      font-size: 16px !important;
      text-align: center !important;

    }
    
    .custom-table-cover td,
    .custom-table-cover th {
      padding: 15px 10px;
      border: 2px solid #f1f1f1;
      text-align: left;
      font-size: 14px;



    }
    


   .custom-table-cover table td:nth-child(1){text-align: left;
    font-weight: 600;
    border: 2px solid #e8e8ff;
    background: #fcfcff;
    vertical-align: middle; font-size: 14px;}

    
    @media only screen and (max-width: 768px),
      (min-device-width: 768px) and (max-device-width: 1024px) {
      .custom-table-cover table {
        width: 100%;
      }
    
    
      @media only screen and (max-width: 768px){
          .custom-table-cover td:before{font-weight: normal !important;}
          .banner-con h1{line-height: 48px; font-size: 34px; margin: 40px 0px 0px}
          .banner .col-left {padding:0px;} 
            /*.custom-table-cover table td:nth-child(1){text-align: center;}*/
          .custom-table-cover th{text-align: center !important;}
          .custom-table-cover tr{border-top: none !important;}
          .custom-table-cover table td:nth-child(1){text-align: center !important;border: 1px solid #e8e8ff !important; }

      }


    .custom-table-cover table,
    .custom-table-cover thead,
    .custom-table-cover tbody,
    .custom-table-cover th,
    .custom-table-cover td,
    .custom-table-cover tr {
        display: block;
      }
    
     
      .custom-table-cover thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
      }
    
      .custom-table-cover tr {
        border: 1px solid #ccc;
      }
    
      .custom-table-cover td {
       
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
      }
    
      .custom-table-cover td:before {
       
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        content: attr(data-column);
        color: #000;
        font-weight: bold;
      }
    }



    .tickmark, .xmark { display: block;
       height: 30px;
       width: 30px;
       background: #f3f3f9;
       border-radius: 50%;
       line-height: 30px;
       margin: 0 auto;
       border: 1px solid #ededff; text-align: center;}
   .tickmark:after {content: '';display: inline-block;width: 5px;height: 11px;border: solid #20d02e;border-width: 0 2px 2px 0;transform: rotate(45deg);}
   

   .xmark {
       position: relative;
      
     }
     .xmark:hover {
       opacity: 1;
     }
     .xmark:before, .xmark:after {
       position: absolute;
       left: 15px;
       content: ' ';
       height: 13px;
       width: 2px;
       background-color: #ed4155;
       top:9px;
     }
     .xmark:before {
       transform: rotate(45deg);
     }
     .xmark:after {
       transform: rotate(-45deg);
     }



  /* ----  new table css end --- */



  @media screen and (max-width: 900px){
  #AwardsHonors ul li{width:30%;} .div-awards-img{border-bottom:0;border-top:0;min-height:100px;}
   }@media screen and (max-width: 650px){
  .div-awards-ct {border-bottom:solid 1px #ddd;}
  #AwardsHonors ul li{width:90%;}
  }

  @media (min-width:1401px){
  .col-left {width:71%;}
  }
  @media screen and (max-width: 1400px) {
  .col-left {width:65%;}
  }

  @media (max-width:1200px){
  .col-left, .content-sec .col-left {width:60%;} 
  }

  @media screen and (max-width: 1024px){
  .col-left, .col-right {width:100%;}
   .banner .col-left {padding:40px;} 
  .form-fixed {position: relative;margin: 0 auto;margin-bottom: 50px;}
  .content-sec .col-left {width:95%;margin:0 auto;}
  .banner-con {padding:0 15px;}
  }



  /*table td:first-child {   border-left: none;}
  .table td{border:none;vertical-align: middle;border-left: solid 1px #dcdcdc;}
  .table th{background:none;vertical-align: middle;}
  .table th{border-bottom: solid 1px #2b2b2b;border-left: solid 1px #2b2b2b;border-right: none; border-top: none;background:#3c3c3c;color:#fff;}
  table{border: solid 1px #808080 !important;	border-radius: 5px;min-width: 100%;border-collapse: inherit;border-spacing: 0;margin: 0 0 20px;box-shadow:0 0 2px 0px #757575;-webkit-box-shadow:0 0 2px 0px #757575}
  table thead {height: 60px;padding: 0; margin: 0; border: none; border-collapse: collapse;}
  table thead th:first-child {padding: 21px 0 21px 15px;text-align:left;border-left: none;}
  table tbody tr:nth-child(odd) {background: #fff;}
  table tbody tr {height: 50px;}table tbody tr:nth-child(even) {background: #f1f1f1}
  .mt-md { margin-top: 30px;}
  .button-solid {background:#ffd210;color: #000;padding: 10px 30px; font-size: 20px;vertical-align: middle;transition:all .25s ease-in;-webkit-transition:all .25s ease-in;display:inline-block;cursor:pointer !important;position:relative;border-radius:25px;margin:35px 0;}
  .button-solid:hover {background-color: #ffc135;color: #000;text-decoration:none;}
  .button-red {background:#E9142B;color:#fff;} .button-red:hover {background:#c02032;color:#fff;}*/

  h1{color:#fff;}
  .sub-text{color: rgba(255,255,255,.75);}.sub-text {font-family: National-Book,Helvetica,sans-serif;font-size: 1.25rem;line-height: 1.4;}

  .pattern-gradient-dark {position:relative;min-height:450px;overflow:hidden;background:#000;}



  @-webkit-keyframes zoomin {
    0% {transform: scale(1);}
    50% {transform: scale(1.3);}
    100% {transform: scale(1);}
  } 
  @keyframes zoomin {
    0% {transform: scale(1);}
    50% {transform: scale(1.3);}
    100% {transform: scale(1);}
  } 
  @-webkit-keyframes zoomout {
    0% {transform: scale(1);}
    50% {transform: scale(0.87);}
    100% {transform: scale(1);}
  }
  @keyframes zoomout {
      0% {transform: scale(1);}
    50% {transform: scale(0.87);}
    100% {transform: scale(1);}
  }
  @media screen and (max-width:500px){
  .desktopSec{display:none;}
  .mobileSec{display:block;}
  }
  
 
#btmBar ul li a:hover > span {
    opacity: 1;
}
#btmBar ul li a:hover > span {
    opacity: 1;
}
#btmBar ul li a > span {
    opacity: 0.7;
}
#btmBar ul li a > span {
    opacity: 0.7;
}
.prd-nav .demo-icon,  .prd-nav .comp-icon, .prd-nav .quote-icon {background: transparent url("https://www.manageengine.com/latam/images/me-sprite-new.png") no-repeat scroll 0px 0px;}
.prd-nav .demo-icon {
    background-position: -142px 0px;
    height: 25px;
    width: 25px;
    display: inline-block;
    opacity: 0.7;
}
.prd-nav .quote-icon {
    background-position: -128px 0px;
    height: 25px;
    width: 13px;
    display: inline-block;
    opacity: 0.7;
}
.prd-nav .dwn-btm-icon {
    background-position: 0px 0px;
    display: inline-block;
    height: 20px;
    line-height: 22px;
    position: relative;
    top: 2px;
    width: 21px;
}
.prd-nav .dwn-btm-icon {
    background-position: 0px 0px;
    display: inline-block;
    height: 20px;
    line-height: 22px;
    position: relative;
    top: 2px;
    width: 21px;
}

