@media screen and ( min-width:761px){ .rhs-cont { width: 67% !important; } .lhs-tree { width: 28% !important; } } 
#scroll{padding:0;}
.lhs-tree{display:none;}
.rhs-cont{
    float: none;border:none;width: 100%;
}
table  tr th {
    background-color: #ECEDEE;
    border: 1px solid #E5E5E5;
    font-size: 17px;
    line-height: 20px;
    padding: 0.6em;
    text-align: center;
}
table td {
    border: 1px solid #E5E5E5;
    font-size: 14px;
    padding: 0.6em;
    text-align: left;
    vertical-align: top;
  word-wrap: break-word;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
  table-layout: fixed;
    margin:0 auto;
}
.de-trainingad-strip{text-align:center;background:#fff}
.us-trainingad-strip{background:#fff5dc;text-align:center;display:none}
.ie-trainingad-strip{background:#edf8f9;text-align:center;display:none}
.nl-trainingad-strip{
  background: #f8f5da;
    text-align: center;
    display: none;
}
.sa-trainingad-strip{
  background: #c7d6e0;
    text-align: center;
    display: none;
}
.ae-trainingad-strip{
  background: url(images/dubi-bg-img.png);
    text-align: center;
    display: none;
}
.play-icon{max-width:695px;height:390px;margin:0 auto;cursor:pointer}
.flowUl{margin:0 auto;padding:0;text-align:center;} .flowUl li{display:inline-block;} .flowUl ul{margin-top:30px;} .fnt-1{font-size:29px !important;}
.au-trainingad-strip{background:#01b3a4;text-align:center;display:none}
.opmPlusSliders{
width: 100%;
    height: auto;
    text-align: center;
}
.fnt20:hover {
    text-decoration: none! important;
    cursor: pointer!  important;
}
.fnt20 {
    font-size: 20px!  important;
    text-decoration: underline! important;
}
.opmPlusSlider .h2 {
font: 100 31px/120% Roboto Slab;
    color: #0b4c5d;
        margin: 60px 0 5px;
}
.opmPlusSlider .section {
    width: 100%;
    max-width: 1155px;
    margin: 0 auto;
    transition: all .2s ease-in 0s;
    display: inline-block;
}
.opmPlusSlider {
    padding: 0 0 20px;
}
.bglightdark {
    background: #ddd;
    box-shadow: none;
}
.trainingad-strip{background: #00327e;text-align:center;}
.uk-trainingad-strip{background:#dbeffa;text-align:center;display:none}
.roboto{font-family:Roboto Slab;font-weight:300}
.roboto h1,.roboto h2,.roboto h3{font-weight:300}
.nfaEditions h2{text-align:center}
.key{display:inline-block!important;font-size:inherit;letter-spacing:normal;margin:0;line-height:inherit;font-weight:inherit}
.h1{line-height:52px}
.webinar-strip-slider{position: relative;margin-top: 20px;}
.webinar-strips li{width: 100%;text-align: center;position: relative;top:0;display: none}
.webinar-strips li:first-child{display: block;}
.pagination{position: relative;text-align: center;margin-bottom: 10px;margin: 20px 0;}
.pagination li{display: inline-block;height: 10px;width: 10px;background: #949191;border-radius: 50%;cursor: pointer;margin: 0 0 0px 5px;}
.pagination li.active{background: #74B223}

.flexBnrslides li{display:none}
.flexBnrslides li:first-child{display:block}
#aubanner{display:none}

.opmPlusPriceInfo{background:#ffc200;float:left;width:100%;height:auto;margin-bottom:40px}
.opmPlusPriceInfo .section{max-width:100%;height:295px;box-shadow:3px 6px 7px rgba(0,0,0,.15) inset;-moz-box-shadow:3px 6px 7px rgba(0,0,0,.15) inset;-webkit-box-shadow:3px 6px 7px rgba(0,0,0,.15) inset;text-align:center}
.opmPlusPriceInfo .row1{width:100%;max-width:1155px;text-align:left;margin:auto;position:relative;display:inline-block}
.opmPlusPriceInfo .h2{height:92px;font:100 31px/92px Roboto Slab;color:#000;padding:0;margin-top:30px!important;display:inline-block}
.opmPlusPriceInfo .h2 span{font-size:14px;display:block;line-height:20px;font-weight:300}
.opmPlusPriceInfo .opmPlusDeviceCount{background:#ffce2d;float:left;width:100%;height:203px;padding:30px 0 25px}
.opmPlusPriceInfo .opmPlusDeviceCount > div{width:100%;max-width:1155px;margin:auto;position:relative;display:inline-block}
.opmPlusPriceInfo .opmPlusDeviceCount > div > div{float:left;width:16.666%;text-align:left;position:relative}
.opmPlusPriceInfo .opmPlusDeviceCount > div > div *{font:100 17px/100% Roboto Slab;color:#000;display:block}
.opmPlusPriceInfo .opmPlusDeviceCount > div > div strong{font:100 18px Roboto Slab;color:#000}
.opmPlusPriceInfo .opmPlusDeviceCount > div > div b{font-weight:300;font-size:60px;line-height:120%}
.opmPlusPriceInfo .opmPlusDeviceCount > div > div b span{font:300 27px Roboto Slab;display:inline-block}
.opmPlusPriceInfo .opmPlusDeviceCount > div > div i{font-size:18px}
.opmPlusPriceInfo .opmPlusDeviceCount > div > div:last-child{background:#fff;width:236px;height:236px;text-align:center;border-radius:50%;position:absolute;top:-50px;right:0;display:table;box-shadow:1px 1px 4px rgba(0,0,0,.4);-moz-box-shadow:1px 1px 4px rgba(0,0,0,.4);-webkit-box-shadow:1px 1px 4px rgba(0,0,0,.4)}
.opmPlusPriceInfo .opmPlusDeviceCount > div > div:last-child span{vertical-align:middle;display:table-cell}
.opmPlusPriceInfo .opmPlusDeviceCount > div > div:last-child span i{line-height:23px;margin:-16px 0 0}
.opmPlusPriceInfo .opmPlusDeviceCount > div > div:last-child b{font-family:Roboto Slab;position:relative;top:1px}
.opmPlusPriceInfo .opmPlusDeviceCount > div > div:last-child span a{width:100%;height:100%;border-radius:50%;position:absolute;top:0;left:0;display:block}
.opmPlusPriceInfo .opmPlusDeviceCount > div > div:last-child span a:before{content:attr(data-content);margin:auto;position:absolute;right:0;bottom:50px;left:0}
.opmPlusDeviceCount span.plusicon{font-size:30px!important;position:absolute;right:30px;top:70px;}
.opmPlusPriceInfo .opmDeviceCount{width:auto;height:33px;font:300 18px Roboto Slab;text-align:left;margin:0 0 0 10px;position:relative;top:-5px;z-index:9;cursor:pointer;display:inline-block}
.opmPlusPriceInfo .opmDeviceCount span{background:#ffce2d;float:left;width:auto;height:100%;padding:0 35px 0 10px;border:1px solid #EFB804;position:relative;line-height:30px}
.opmPlusPriceInfo .opmDeviceCount span:before{width:0;height:0;content:'';margin:auto;border:1px solid transparent;border-width:4px 4px 0 5px;border-top-color:#000;position:absolute;top:2px;right:8px;bottom:0}
.opmPlusPriceInfo .opmDeviceCount span:after{background:#EFB804;width:1px;height:100%;content:'';position:absolute;top:0;right:25px}
.opmPlusPriceInfo .opmDeviceCount ul{background:#ffce2d;width:155px;height:auto;list-style:none;padding:0;margin:0;position:absolute;top:35px}
.opmPlusPriceInfo .opmDeviceCount ul li{padding:5px 10px;border:1px solid #EFB804;border-top:0;transition:all .3s ease-in 0s}
.opmPlusPriceInfo .opmDeviceCount ul li:hover,.opmPlusPriceInfo .opmDeviceCount ul li.active{background:#FBC513}
.opmPlusPriceInfo .opmDeviceCount.active,.opmPlusPriceInfo .opmDeviceCount.active span{width:108px}
.opmPlusPriceInfo .opmDeviceCount.active ul{display:block !important}

.bannerflex{margin:0 auto}
.flexslider{width:100%;max-height:none}
.flexslider .flexBnrslides img{width:100%}
.heading-menu{display:none}
.opmPlus {
    width: 100%;
    height: auto;
    text-align: center;
}

.opmPlusBanner {
    background: none repeat scroll 0% 0% #F0F2F0;
    width: 100%;
}

.opmPlusBanner .h2, .opmPlusSlider h2, .opmPlusSlider .h2, .opmPlusSlider-2 h2, .opmPlusUserExp h2 {
    font: 300 30px/120% Roboto Slab;
    color: #0B4C5D;
    margin: 10px 0px;
}
.opmPlusSlider .h2{font:100 31px/120% Roboto Slab;margin-top:0}
h2, .hTag2 {
    font-size: 25px;
    line-height: 34px;
    margin: 20px 0px;
    color: #333;
    font-weight: 400;
}
.opmPlus .section {
    width: 100%;
    max-width: 1155px;
    margin: 0px auto;
    transition: all 0.2s ease-in 0s;
    display: inline-block;
}
.opmPlusBanner span {
    font: 100 27px Roboto Slab;
    color: #ABABAB;
    display: block;
}


.opmPlusBanner a {
    background: none repeat scroll 0% 0% #E03860;
    width: 213px;
    height: 40px;
    font: 400 19px/35px Roboto Slab;
    color: #FFF;
    padding: 10px 20px;
    margin: 33px auto 37px;
    border-radius: 4px;
    display: inline-block;
}
a, a:hover {
    text-decoration: none;
    cursor: pointer;
}
a:hover {
    text-decoration: underline;
}
a {
    outline: medium none;
    border: medium none;
    text-decoration: none;
    color: #09C;
}


.opmPlusBanner img {
    float: left;
    width: 100%;
    height: auto;
}
img {
    -moz-user-select: none;
}
img {
    width: auto;
    height: auto;
    vertical-align: middle;
    max-width: 100%;
    border: medium none;
}
.slides:nth-child(2){background:url('images/bg-img.png') repeat!important}
.black-bg{background-color: rgba(0, 0, 0, 0.7);
height: 270px;
    top: -20px;
    position: relative;}
.flexslider{width:100%}
.flexslider .flexBnrslides{width:100%!important;margin:0 auto!important}
/*.flexslider .flexBnrslides .bnrcont{width:1000px;position:relative;margin:0 auto}*/
.flexBnrslides .slides{background:#000;min-width:1000px}
.flexBnrslides .slides.first{background:#e9eced url(../images/banner-sprite.png) no-repeat bottom right}
.view-info:hover{text-decoration:none}
.hTag2{font-size: 50px;
    font-family: "Century Gothic";
    color: #fff;
    position: relative;
    top: 37px;}
 
.hTag1{font-size: 100px;
    font-family: "BigNoodleTitling";
    color: #fff;
    text-transform: uppercase;
    position: relative;
    top: 64px;}
.h3Tag{font-size: 22px;
    font-family: "Myriad Pro";
    color: #fff;
    text-transform: uppercase;
    position: relative;
    top: 93.025px;}
   
.view-info{font-size: 17.448px;
    font-family: "Century Gothic";
    color: rgb( 255, 255, 255 );
    text-transform: uppercase;
    position: relative;
    top: 22px;
    background: #f2620c;
    box-shadow: 0.5px 0.866px 1px 0px rgb( 4, 5, 5 );
    padding: 8px 20px;
    border-radius: 20px;
    }
.bnr-content{position:absolute;width:100%;text-align:center}
.newbnrdiv li:first-child .bnrcont{width:1440px}
.newbnr{margin-top:46px}
.red-info{color: rgb(204,0,0);font-size: 10.0pt;font-style: italic;font-family: serif , sans-serif;}
.flexslider1{margin: 0 auto;position: relative;position: relative;display: block;width: 1000px;max-width: 100%;overflow: visible;}
.flexslider1{max-height: 420px;}
.flexslider1 .flexBnrslides{padding: 0!important;margin: 0!important;list-style-type: none!important}
.flexslider1 .flexBnrslides > li{display: none;-webkit-backface-visibility: hidden;float: left}
.flexslider1 .flexBnrslides > li:first-child{display: block}
.flexslider1 .flexBnrslides > li a {display: inline-block}
.flexslider1 .flexBnrslides > li>a,{display: block}
.flexslider1 .flexBnrslides img {max-width: 100%;display: block;margin: 0 auto}
.flexslider1 .flex-pauseplay span {text-transform: capitalize}
.flexslider1 .flex-control-nav {position: absolute;text-align: center;right: 10px;bottom: 10px;z-index: 90;display: none}
.flexslider1 .flex-control-nav li {margin: 0 3px;display: inline-block}
.flexslider1 .flex-control-nav li a {background: #ccc;cursor: pointer;border-radius: 5px;height: 10px;width: 10px;display: block}
.flexslider1 .flex-control-nav li a.flex-active {background: #74B223;color: #FFF}
.flexslider1 .flex-control-nav li a:hover {text-decoration: none}
.flexslider1 .flex-direction-nav li a {background: url(https://www.manageengine.com/products/eventlog/images/sprite2.png) no-repeat -1px -1px;height: 65px;width: 22px;display: block;color: transparent;-webkit-transition: all .3s ease;position: absolute;top: 50%;margin-top: -20px;opacity: 0.3}
.flexslider1 .flex-direction-nav li a.flex-prev {background-position: 0 0;left:-100px}
.flexslider1 .flex-direction-nav li a.flex-next {background-position: -21px 0px;right:-100px!important}
.flexslider1 .flex-direction-nav li a.flex-prev:hover {background-position: 0 0;left:-100px}
.flexslider1 .flex-direction-nav li a.flex-next:hover {background-position: -21px 0px;right:-100px!important}
.flexslider1 .flexslider a.flex-prev{opacity: 0.3}
.flexslider1 .flexslider a.flex-next{opacity: 0.3;right: 5px}
.flexslider1 .flex-direction-nav{display:block}
.heading-menu{display:none}
.hm-fea-col1, .hm-fea-col2 {
    margin: 2% 2% 0 0;
}
.hm-fea-col1, .hm-fea-col2, .hm-fea-col3 {
    background: none repeat scroll 0 0 #fff;
    float: left;
    min-height: 335px;
    padding: 2%;
    width: 28%;
}
#wnList{min-height:330px;list-style-type:none;margin-top:30px}
#wnList>li{padding-bottom:20px}
#wnList>li>span{cursor:pointer!important}
#wnList>li .fadeCont{display:none}
#wnList>li:first-child .fadeCont{display:block}
#wnList>li ul{margin-left:20px}
#wnList .opmWnImg1{position:absolute;top:0px;right:70px;}
#wnList .opmWnImg{position:absolute;top:0px;right:70px;}
.wnFadeCont{width:40%;font-size:12px;margin-left:27px}
.wnFadeCont1{width:40%;font-size:12px;margin-left:27px}
.wn-icon{background:url(https://www.manageengine.com/latam/netflow/images/nfa_icons.png) no-repeat 0 0}
#wnList li .wn-icon{width:18px;height:18px;display:inline-block;background-position:-416px -35px;float:left;margin:6px 10px 0 0}
#wnList li .fadeAct .wn-icon{background-position:-435px -35px}
.watch{background: none repeat scroll 0 0 #000;text-decoration:none!important;height:185px;position:absolute;text-align: center;width: 100%;opacity:0;border-radius: 0 0 250px 250px;bottom: 0;left:0;-moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;transition: opacity 0.5s;}
.watch-video{color: #fff;font-size: 20px; font-weight: 300;line-height: 160px;}
.hov:hover .watch{opacity:0.5}
.oh{overflow:hidden}
.txtbnr{text-align:center;font:100 31px/120% Roboto Slab;}
.txtbnr1 .bnr-content{color:#fff;max-width:440px;left:54%;top:40px}
.txtbnr2 .bnr-content{color:#fff;max-width:440px;left:54%;top:25%}
.txtbnr h2{font-size:28px;}
.txtbnr h3{font-size:18px;color:#fff;font-weight:300}
.txtbnr h3 span{font-size:24px;color:#4FEEFF}
a.red-btn{font-size:20px}
.bannerbg1{background:#f0f2f0}
.bannerbg2{background:#3f51b5;}
.opmPlusBanner,.uc-banner{width:1200px;margin:0 auto;float:none}
#scroll{padding:0!important}
.opmPlusBanner .h2{font-size:38px;margin:10px 0 10px}
.opmPlusBanner a{margin:20px auto;height:auto;padding:5px 20px}
.opmPlusBanner span{font:100 20px/20px Roboto Slab}
.flexslider2{
width:100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    max-height: 380px;
    position: relative;
    display: block;
    max-width: 100%;
}
.trainingad-strip-purple{background:#9c9ad3;text-align:center;}
.table{width:100%;border:none}
.table td,.table th{border:1px solid #ccc;padding:5px;vertical-align:top}
.table th{background:#eee}
.table tr.even{background:#efefef}
.bannerflex{margin:0 auto;background:#87ccbd;color:#fff;padding:40px 0}
.bannerflex .pg-head{color:#fff;margin:0}
.bannerflex .flexslider{width:1300px}
.bannerflex .bannerTxt{margin-top:60px}
.bannerflex .bannerTxt ul li{font-size:16px;line-height:24px;padding:5px 0}
.bannerflex .red-btn{font-size:16px;line-height:24px;padding:5px 20px}

.refer-res{list-style-type:none;margin:10px 0 0 0;padding:0!important}
.refer-res li{border-top:1px solid #ececec;list-style-type:none;margin:0;padding:0}
.refer-res li a{color:#777;padding:7px 0 7px 10px;display:block;text-decoration:none}
.refer-res li a:hover{color:#000;text-decoration:none}
#lhsBanCon {
    margin: 20px 0 20px 0;
}