.h250{height:250px;margin-bottom:20px}
.img-container{width:80%;margin:0 auto}
.div-img{width:42%;float:left}
.div-ct{width:56%;float:left;margin:5% 0}
.ncm-bg{background:url(images/ncm-bg.png) center top no-repeat #eaeaea;background-size:cover}
.pt0{padding-top:0}
.divBtnPos{padding-top:15px;text-align:center}
.divBtnPos p{margin:0}
#combanner strong{color:#ea0707;font-size:18px;display:inline-block;padding:6px 0}
#combanner .row{padding:30px 0 0;width:85%;min-height:305px;margin:0 auto}
#combanner h2{margin:10px 0;font-size:23px;font-weight:700}
#combanner .per60 p,#combanner ul{margin:0}
#combanner ul li{font-size:16px;line-height:30px;display:inline-block}
#combanner ul li:before{content:"|";padding:0 10px}
#combanner ul li:first-child:before{content:'';padding:0}
#cont-iframe iframe{height:295px;width:85%}
#cont-iframe img{border:5px solid #797979;width:80%;background:#eaeaea}
.trainingad-strip{background-image:linear-gradient(#ff0023,#ff4d00);text-align:center}
.feaImg{display:inline-block;height:30px;margin:5px 10px 0 0;width:32px;background:url(images/nfa-fea-icons_sprite.png) no-repeat;float:left}
.fea-npm2{background-position:-61px -216px}
.fea-npm7{background-position:-60px -61px}
.fea-npm17{background-position:-207px -114px}
.fea-npm13{background-position:-10px -212px}
.fea-npm10{background-position:-208px -64px}
.fea-npm19{background-position:-161px -163px}
.de-trainingad-strip{text-align:center;display:none;background:#fff}
.us-trainingad-strip{background:#fff5dc;text-align:center;display:none}
.ie-trainingad-strip{background:#edf8f9;text-align:center;display:none}
.play-icon{max-width:695px;height:390px;margin:0 auto;cursor:pointer}
.btnDownload{background:red;padding:8px 15px;color:#fff;text-decoration:none;border-radius:5px;transition:all ease .5s;font-size:17px;font-weight:600;display:inline-block}
@media (max-width:768px){.div-ct,.div-img{float:left;width:100%}
#combanner .row .per50,#cont-iframe img,.div-ct,.div-img{width:100%}
.div-ct{margin:5% 0}
#cont-iframe iframe{height:235px}
}
@media only screen and (min-width:768px){.img-container{width:98%}
.div-ct{margin:.5% 0;width:60%}
.div-img{width:40%}
#combanner .row{width:100%}
#combanner .row .per50{width:100%;min-height:335px}
}
@media only screen and (min-width:1024px){.img-container{width:90%}
.div-ct{margin:2% 0;width:60%}
.div-img{width:40%}
#combanner .row{width:99%}
}
@media only screen and (min-width:1200px){#combanner .row{width:99%}
#combanner h2{font-size:25px}
.img-container{width:90%}
.div-ct{margin:4% 0;width:60%}
.div-img{width:40%}
}
@media only screen and (min-width:1400px){.img-container{width:85%}
.div-ct{margin:5% 0;width:60%}
.div-img{width:40%}
#combanner .row{width:75%}
}
@media only screen and (min-width:1800px){.img-container{width:75%}
.div-ct{margin:5% 0;width:60%}
.div-img{width:40%}
#combanner .row{width:75%}
}
.onboard{margin:0 auto 30px;width:100px;height:100px;border-radius:50%;background:url(https://www.manageengine.cn/it-operations-management/images/sprite-onboarding.png) top center no-repeat}
.shakehand{background-position:6px 20px}
.faster{background-position:-104px 22px}
.roi{background-position:-193px 18px}
.sec-pTB .container .col:nth-child(1), .sec-pTB .container .col:nth-child(2){border-right: 1px solid #eee}
.heading-menu, #registrationform{display:none}
.hero{padding:10px 0;background-image:url(https://www.manageengine.cn/it-operations-management/images/onboarding-banner.jpg);min-height:195px;background-size:cover;background-position:center;background-color:#555358}
.hero h1{color:#fff;letter-spacing:1px;font-size:30px;text-shadow:1px 1px 2px #000; font-weight: bold;}
.hero h2{color:#fff;letter-spacing:1px;font-size:30px;text-shadow:1px 1px 2px #000; font-weight: bold;}
.hero p{color:#fff;font-size:20px; line-height: 1.6; margin-top: 15px;}
.hero .container{display:flex;flex-direction:row-reverse;align-items:center;max-width:1400px;padding:25px 0}
.btn a,.hero a{color:#fff;font-size:16px;line-height:30px;display:inline-block;border-radius:4px;text-align:center;text-decoration:none;cursor:pointer}
.hero a{background:#e9142b;padding:7px 10px;width:148px}
#howdoesitwork p,.btn{padding-top:15px}
.hero a:focus,.hero a:hover{opacity:.8}
.hero-content{width:46%;padding-left:18px;animation:reveal 1s ease-in}
#howdoesitwork h2.hTag1::after,#whatyouget h2.hTag1::after{content:"";position:absolute;height:1px;background:#ddd;width:calc(50% - 37%);left:43%;bottom:-10px}
@-webkit-keyframes reveal{0%{margin-top:25px}
100%{margin-top:0}
}

@keyframes reveal{0%{margin-top:25px}
100%{margin-top:0}
}
#whatyouget .row .col h3{min-height:auto;margin-bottom: 0;}
#howdoesitwork h2.hTag1, #whatyouget h2.hTag1{position:relative}
#howdoesitwork .col{max-width:40%}
.btn a{background:#e9142b;padding:7px 10px;width:148px}
.btn a:focus,.btn a:hover{opacity:.8}
.txtredbold{color:red;font-weight:700}
.comparison td,.comparison th{border-right:1px solid #f1f1f1;empty-cells:show;color:#000;font-size:15px}
.brdrb{border-bottom:1px solid #eaeaea}
#scroll{display:none!important}
#scroll>.container{max-width:1150px}
@media screen and (max-width:900px){.hero{background-position:65% center}
}
.row{display:flex;justify-content:center;flex-wrap:wrap}
.row .col:nth-child(1) .colIcon{background-position:0 0}
.row .col:nth-child(2) .colIcon{background-position:-62px 0}
.row .col:nth-child(3) .colIcon{background-position:-125px}
.row .col:nth-child(4) .colIcon{background-position:0 -61px}
.row .col:nth-child(5) .colIcon{background-position:-60px -61px}
.row .col:nth-child(6) .colIcon{background-position:-120px -61px}
.row .col:nth-child(7) .colIcon{background-position:0 -123px}
.row .col:nth-child(8) .colIcon{background-position:-60px -122px}
.row .col:nth-child(9) .colIcon{background-position:-120px -122px}
.col{display:inline-block;max-width:300px;padding:0 12px}
div#whatyouget{padding-bottom: 0;}
.comparison{max-width:900px;margin:0 auto 20px;text-align:center;padding:0 10px}
.comparison table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:auto}
.comparison td{padding:5px 10px;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1}
.comparison th{font-weight:700;padding:0;border-top:0 solid #f1f1f1;border-bottom:0 solid #f1f1f1}
.comparison .compare-row{background:#fff}
.comparison .compare-row td:nth-child(3){box-shadow:0 0 0 #999;border-right-color:#999;border-left:1px solid #999}
.comparison .compare-row td:nth-child(2){border-right-color:#999}
.comparison .compare-row td:nth-child(1){border-right-color:#bbb}
.comparison .compare-row:nth-last-child(1) td:nth-last-child(2){border-bottom-color:#999}
.comparison .compare-row:nth-last-child(1) td:nth-last-child(1){border-bottom-color:#000}
.comparison .product{color:#fff;padding:10px;background:#333;height:35px;font-size:1.2em;line-height:2}
.comparison .product:nth-child(1){text-align:left;background:#ddd;color:#000;border-right-color:transparent}
.comparison .product:nth-child(2){background:#bbb;color:#000;border-right-color:transparent}
.comparison .tl{color:#fff;padding:10px;font-size:14px}
.comparison .tl2{border-right:0}
.comparison .price-info{padding:15px}
.comparison .price-now{color:gray}
.comparison .price-now span{font-size:36px;color:#545454}
.comparison .price-now p{font-size:14px;text-align:center;line-height:16px;display:inline}
.comparison .price-buy{background:#ec671a;padding:10px 20px;font-size:14px;display:inline-block;color:#fff;text-decoration:none;border-radius:3px;text-transform:uppercase;margin:5px 0 10px;letter-spacing:1px;cursor:pointer;transition:.3s all ease}
.comparison .price-buy:hover{background:#e84d00}
.comparison tbody tr:nth-child(odd){display:none}
.comparison tr td:first-child{text-align:left;padding:10px;border-left:1px solid #f1f1f1;border-top:1px solid #f1f1f1}
.colContent h3{margin-top:0;margin-bottom:15px}
.colContent p{margin-bottom:0}
.colIcon{background:url(images/pre-sup-sprite.png) no-repeat;width:46px;height:46px;display:inline-block;margin:0 20px 110px 0;float:left}
@media screen and (min-width:721px) and (max-width:1000px){.table_ul li{letter-spacing:0}
.comparison .price-now span{font-size:32px}
.comparison .price-now p{display:block}
}
@media screen and (max-width:720px){.comparison td:first-child,.comparison th:first-child{display:none}
.table_ul{padding:0}
.table_ul li{font-size:10px;line-height:16px;padding:3px 0}
.comparison{max-width:100%}
.comparison td{border:1px solid #ccc;border-top:none;padding:10px;font-size:14px}
.comparison th{border:1px solid #ccc;border-top:none;padding:10px;font-size:14px}
.comparison .compare-row,.comparison .row{background:#fff}
.comparison .price-now p{display:block}
.comparison .price-now span{font-size:24px}
.comparison .qbse{font-size:1.2em}
.comparison tbody tr:nth-child(odd){display:table-row;background:#f7f7f7}
.price-info{border-top:0!important;padding:10px 0!important}
.price-info p{line-height:8px;font-size:8px!important}
}
#VideosAndLogos,#more,.clearfix.sec-pTB.opmRelPrd.mbH{display:none}
.bg-l-half-grey{background-color:#f8f8f8}
.brdrb0 .col{border-bottom:0}
.container h1{margin:0}
.sec-pTB .container h1{margin:0 0 40px}
.sec-pTB .container .col{transition:all .3s ease-in}
.sec-pTB .container .col:hover{background:#fff}
.sec-pTB .container h3>span{display:inline-block;width:40px;height:40px;line-height:40px;color:#fff;background:#636363;border-radius:50%;vertical-align:middle;margin-right:10px;text-align:center;position:relative}
#importantinfo ul{margin:0;padding:0 0 0 45px}
#importantinfo ul li{font-size:12px;list-style-type:disc}
.table-datalist dd{margin-bottom:20px}
.block-space{padding: 40px 0;}
.block-space .container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.block-space .container >div{
    width: 43%;
}
.block-space:nth-child(even) .container {
    flex-direction: row-reverse;
}
.block-space:nth-child(even){
  background: #f2f2f2;
}
div#importantinfo{
  padding-bottom: 80px;
}
@media (max-width: 650px) {
  .block-space{
    padding: 45px 0;
  }
  .block-space .container,.block-space:nth-child(even) .container {
    flex-direction: column;
  }
  .sec-pTB .container .col:nth-child(1), .sec-pTB .container .col:nth-child(2){
    border-right: 0px;
  }
  .block-space .container >div{
    width: 90%;
  }
  .h250{
    height: auto;
    width: 100%;
  }
  .hero-content{width:90%}
  .hero{background-position:right center}
}