.flexslider{width:100%!important}

.dwn-menu{display:block}
.dwn-menu > span{margin:0 0 0 1px;padding:8px 0;width:24.8%;position:relative;float:left;
background:#C4C8CC;text-align:center;font-size:18px;cursor:pointer;display:inline-block}
.dwn-menu > span:first-child{margin:0;}
.dwn-menu > span a{display:block;color:#000}
.dwn-menu > span.act{background:#f1f1f1}
.dwn-cont-div{padding:40px}
[data-dirshow]{display:none;text-align:center}
[data-dirshow].dirshow{display:block}
.percent{margin:0 auto;width:60%}
.other-option-head span{padding:5px 20px;font-size:18px;line-height:28px;cursor:pointer;display:inline-block}
.other-option-head span.act{background:#fff}
.other-option{background:#fff;padding:20px 2%}
.other-option-cont{display:none}
.other-option-cont .otr-dwn-cont li{font-size:14px}
.other-option-cont.dirshow{display:block;}

.dsk-spa{background:none repeat scroll 0 0 #ECEDEE;margin:50px 0;width:100%}
.dsk-spa td{background:none repeat scroll 0 0 #fff;padding:10px; border:1px solid #efefef; vertical-align:middle}
.dsk-spa th{ padding:10px 0}

.container2 {width: 98%;max-width: 1155px;margin: 0 auto;transition: all .2s ease-in 0s}
.box-content li {display: inline-table;width: 345px;margin-bottom: 30px;text-align: center}
.ncm-sprite {background: url(../images/ncm-index-sprite.png) top center no-repeat;background-size: auto;
 display: inline-block;width: 80px;height: 80px;margin-right: 7px;float: left;background-size: 260px 220px}
  .box-content li{text-align:left}
 .box-content li h4 {color: #333;margin: 10px 0 22px;display: block;height: 55px;line-height: 1.5;font:300 20px Roboto Slab;}
 .box-content li p {min-height: 55px;display: block;transition: 0.3s ease;-webkit-transition: 0.3s ease;
 letter-spacing: 0.5px;line-height: 24px !important;font:300 14px Roboto Slab;}
 .icon1 {background-position: -6px -4px} 
.icon2 {background-position: -100px 0px} 
.icon3 {background-position: -180px 0} 
.icon4 {background-position: 0px -80px} 
.icon5 {background-position: -90px -90px} 
.icon6 {background-position: -4px -160px}
 .ncm-h2 {color: #0b4c5d;font-size: 30px;font: 100 31px/120% Roboto Slab}
 .box-content li:nth-child(2), .box-content li:nth-child(5) {margin: 0 56px}
 .ncmapps {padding: 30px 0}
 .ncmapps .per40 img {width: 85%}
 .appLeftalign {padding-top: 10px}
.tal {text-align: left !important}
.app-store {display: flex;justify-content: left;align-items: center;flex-wrap: wrap}
.screen-shots {background: #f0f2f0}
.robot {font-weight: 300;font-family: Roboto Slab;}
.ncm-h2 {color: #0b4c5d;font-size: 30px;/*font: 100 31px/120% Roboto Slab*/}
.slides h3 {font: 300 22px Roboto Slab;color: #0b4c5d;margin: 10px 0;display: block}
.slides li img {max-height: 450px;width: 90% !important}
.slide-nav .navs {cursor: pointer;opacity: .4;transition: all 0.2s ease-in-out 0s;text-align: center}
.slide-nav .navs:hover {opacity: 1}
.fwd-bwd-icns {background: url(../images/common-sprite.png) no-repeat 0 0;display: inline-block;height: 55px}
.icn-right {background-position: -27px -150px}
.fwd-bwd-icns {width: 31px}
.icn-left {background-position: 0 -150px}
.fwd-bwd-icns {width: 31px}
.app-store a {width: 140px;display: block;margin: 30px 0}
.appLeftalign ul {margin: 0 0 0 35px}
.appLeftalign ul li {list-style-type: disc}
.slide-frame {position: relative;overflow: hidden}
.slides {position: relative}
.slides li:first-child {display: block}
.slides li {display: none}
.slide-nav {position: relative;top: -250px}

.div-key-fea .row{text-align:center;width:100%;display:inline-block;} .div-key-fea .row .col {width:20%;margin:2%;display:inline-block;vertical-align:top;position:relative} 
.div-key-fea .row .col span{display:inline-block;width:100px;height:100px;border-radius:50%;border:solid 1px #666;margin:2%;position:relative;zoom:.75;}
.div-key-fea .row .col a{display:inline-block;clear:both;}

.icon-fea{background: #fff url(../images/ncm-key-feature-sprite.png) top center no-repeat;}
.ic-cca{background-position: 7px 4px;}
.ic-scd{background-position: -80px 4px;}
.ic-idr{background-position: -167px 8px;}
.ic-cc{background-position: -254px 5px;}
.ic-pci{background-position: -82px -78px;}
.ic-js{background-position: -343px 6px;}
.ic-rfu{background-position: 7px -80px;}
.ic-cram{background-position: -168px -78px;}
.ic-cr{background-position: -255px -78px;}
.ic-rbac{background-position: -340px -82px;}


.divEdition{width:100%;text-align:left;margin:0 auto;} .divEdition .per50 h3{margin:0;padding:25px 0;border-bottom:solid 1px #fff;}
.divEdition ul{margin:0 auto;display:block;width:90%;padding:15px 0;min-height:330px;} .divEdition ul li{list-style-type:disc;line-height:30px;text-align:left;margin-left:30px;}
.divEdition .per50 a:link, .divEdition .per50 a:visited{background:#ec1331;color:#fff;display:inline-block;padding:8px 25px;text-decoration:none;transition: all .3s ease-in;-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;border-radius:6px;}
.divEdition .per50 a:hover{background:#f00;transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);}
.bg{background: #e0e8f3; padding-bottom:25px;}.bg h3 {margin: 0; padding: 5px 0;} .bg1{background:#e8f5e2;} 
.divEdition ul{min-height:600px;height:700px;}
.divEdition .per50{width:29%;}

.bounce{animation: bounce 1s; transform: translateY(0px);animation-iteration-count: infinite;}
.bounce1{animation: bounce 1.5s; transform: translateY(0px);animation-iteration-count: infinite;}

@keyframes bounce {0% {top: 0;-webkit-animation-timing-function: ease-in;}50% {top: 4px;-webkit-animation-timing-function: ease-out;}100% {top: 0;-webkit-animation-timing-function: ease-in;}}
@keyframes bounce1 {0% {top: 0;-webkit-animation-timing-function: ease-in;}50% {top: 8px;-webkit-animation-timing-function: ease-out;}100% {top: 0;-webkit-animation-timing-function: ease-in;}
}


/*Feature page*/

.feaImg {display: inline-block;height: 35px;margin: 5px 10px 0 0;width: 32px;background: url(../images/nfa-fea-icons_sprite.png) no-repeat 0 0;}
.fea-npm1 {background-position: -210px -163px;}
.fea-npm2 {background-position: -10px -14px;}
.fea-npm3 {background-position: -110px -13px;}
.fea-npm4 {background-position: -60px -14px;}
.fea-npm5 {background-position: -161px -14px;}
.fea-npm6 {background-position: -210px -14px;}
.fea-npm7 {background-position: -60px -61px;}
.fea-npm8 {background-position: -111px -64px;}
.fea-npm9 {background-position: -160px -64px;}
.fea-npm10 {background-position: -208px -64px;}
.fea-npm11 {background-position: -10px -113px;}
.fea-npm12 {background-position: -10px -64px;}
.fea-npm13 {background-position: -10px -212px;}
.fea-npm14 {background-position: -60px -113px;}
.fea-npm15 {background-position: -111px -113px;}
.fea-npm16 {background-position: -160px -113px;}
.fea-npm17 {background-position: -207px -114px;}
.fea-npm18 {background-position: -8px -163px;}
.fea-npm19 {background-position: -161px -163px;}
.fea-npm20 {background-position: -61px -163px;}
.fea-npm21 {background-position: -107px -163px;}
.fea-npm22 {background-position: -61px -216px;}
.fea-npm23{background-position: -110px -314px;}
.fea-npm24{background-position: -159px -216px;}
.fea-npm26{background-position: -211px -215px;}
.fea-npm27{background-position: -10px -268px;}
.fea-npm28{background-position: -60px -268px;}
.fea-npm29{background-position: -107px -268px;}
.fea-npm30{background-position: -159px -268px;}
.fea-npm33{background-position: -208px -268px;}
.fea-npm34{background-position: -59px -318px;}
.fea-npm35{background-position: -5px -318px;}
.fea-npm36{background-position: -158px -317px;}
.fea-npm37{background-position: -212px -318px;}
.feaCol.col-half{width: 47%;margin-left:1.5%;margin-right:1.5%;}       
#webinar-banner,#webinar-index-banner{text-align:center;}

.lhs-tree{float:left;min-height:400px;overflow:hidden;position:relative;width:21%}
#lhsTree > li {background: #f1eddf}
#lhsTree{list-style-type:none!important;padding:30px 0 10px!important;width:100%;max-width:295px}
#lhsTree > li{border-bottom:1px solid #ececec;color:#777;font-size:13px;line-height:1.2em;position:relative}
#lhsTree > li > span,#lhsTree >li >a{cursor:pointer;display:block;padding:12px 0 12px 24px;color:#777;text-decoration:none}
#lhsTree > li > span:hover,#lhsTree >li >a:hover{color:#000}
#lhsTree li ul{padding:0}
#lhsTree > li > ul{background:#fff}
#lhsTree > li > ul{display:none}
#relPrdDCGroup > ul{display:block!important}
#lhsTree > li > ul li a{border-top:1px solid #eee;font-size:12px;line-height:1.2em;padding:10px 10px 10px 34px;display:block;line-height:15px;text-decoration:none;color:#777}
#lhsTree > li > ul li a:hover{color:#333}
#lhsTree > li a.feaact{color:#7bbb2a;position:relative}
#lhsTree > li > span:after {content: '+';border: none;right: 15px!important;font-size: 20px;line-height: 8px;left: initial}
#lhsTree > li > span.dropact:after {content: '-';border: none;right: 15px!important;font-size: 20px;line-height: 4px;left: initial}
.menu-active a{color:#7bbb2a}
.left-tree{max-width:1400px;margin:0 auto;}

@media screen and (max-width:1180px){
.box-content li:nth-child(2), .box-content li:nth-child(5){margin:0 0px!important}
.box-content li{width:43%!important;padding:0 20px!important}
}
@media screen and (max-width:1020px){
.homefeaBox{width:calc(50% - 2px);border:none;border-top:#ddd solid 1px!important}
.divEdition .per50,.robot .per40,.robot .per60{width:75%;max-width:650px;margin:0 auto;box-sizing:border-box;float:none;height:auto;}
.divEdition ul{min-height:auto;height:auto;}
}
@media screen and (max-width:800px){
.slide-nav{top:-180px}
}
@media screen and (max-width:700px){
 .box-content li{width:100%!important;box-sizing:border-box}
.robot .per40,.robot .per60{width:100%;}
}
@media (max-width: 650px) {
.divEdition {width:90% !important;}  .div-key-fea .row .col{transform:scale(.8)}
.div-key-fea .row .col{width:50%;}
.per60,.per40{width:100%;box-sizing:border-box;}
}
@media screen and (max-width:620px){
.homefeaBox{width:calc(100% - 2px)}
}
.supported-devices{width: 800px;margin: 0 auto;max-width:100%}
.supported-devices ul{background:#fff;border:1px solid #ddd}
.supported-devices ul li{background:url('https://www.manageengine.com/network-configuration-manager/images/ncm-supported-devices-sprite.png') no-repeat; height:70px;width:150px;float:left;margin:24.7px}
.bg-yellow{background-color:#fdffe3;padding:10px;}
.mrgn0{margin:0;}
.mrgnlr{margin:0 5px}
.sd-dlink{background-position:0 0;}
.sd-fortinet{background-position:-150px 0!important;}
.sd-hewlett{background-position:-300px 0!important;}
.sd-juniper{background-position:-450px 0!important;}
.sd-netgear{background-position:0 -70px!important;}
.sd-brocade{background-position:-150px -70px!important;}
.sd-meru{background-position:-300px -70px!important;}
.sd-paloatto{background-position:-450px -70px!important;}
.sd-cisco{background-position:0 -140px!important;}
.sd-watchguard{background-position:-150px -140px!important;}
.sd-hitachi{background-position:-303px -140px!important;}
.sd-huawei{background-position:-450px -140px!important;}