.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;
}


.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:23px}

.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:140px 15px;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:#000;position:relative; animation:animA 1.5s ease-in-out;-webkit-animation:animA 1.5s ease-in-out;display: inline-block;background: #ffca0b;padding: 5px 15px;border-radius: 25px;}
.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-size:40px;line-height:60px;}
.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-bottom: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;
/*background: #12649c;
background: -moz-linear-gradient(top, #12649c 0%, #095273 100%); 
background: -webkit-linear-gradient(top, #12649c 0%,#095273 100%); 
background: linear-gradient(to bottom, #12649c 0%,#095273 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12649c', endColorstr='#095273',GradientType=0 );*/
/* -webkit-animation: zoomin 15s ease-in infinite; animation: zoomin 15s ease-in infinite; transition: all .5s ease-in-out; */

}
#topBanner:before{content:"";background:#0d2442  url(https://www.manageengine.cn/network-monitoring/images/npm-banner-bg.png) no-repeat top center; position:absolute;top:0;background-size:cover;opacity:.55;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;}

@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);}
}