<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/***** header template *****/
.apmlogosvg {
  display: inline-block !important
}
em {
  font-style: normal
}
.apmPrice {
  position: relative;
  top: 8px;
  left: 5px;
  color: red;
  font-style: italic;
  font-size: 12px;
  display: inline-block
}
.btmBar .desktop {
  display: block;
}
.btmBar .mobile {
  display: none;
}
nav ul.productmenu {
  margin-right: 0;
}
.nav {
  font-size: 14px;
}
#fixedbtn:before {
  border-right: 5px solid #34ad65 !important;
  border-bottom: 5px solid #34ad65;
  top: -5px;
  bottom: auto;
  display: inline-block;
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  bottom: -5px;
  right: -5px;
  border-left: 5px solid transparent;
  border-top: 5px solid transparent;
  transform: rotate(135deg);
}
#fixedbtn {
  height: 65px !important;
  width: 73px !important;
  padding: 5px 0px 0 !important;
  border-radius: 10px 0 0 10px !important;
}
.adRhsIcon {
  width: 25px !important;
  height: 25px !important;
  display: inline-block;
  margin: 0 auto;
  background: url(../images/demo-icon.svg) no-repeat 0 0 !important;
  background-position: 0 !important;
}
#fixedbtn a {
  font-size: 10px !important;
  line-height: 14px !important;
}
#fixedbtn {
    display: block;
    background: #34ad65;
    border-radius: 3px 0px 0px 3px;
    height: 105px;
    position: absolute;
    right: 1px;
    top: 501px;
    width: 95px;
    transition: all 1.2s ease-in-out;
    -webkit-transition: all 1.2s ease-in-out;
    color: #FFF;
    font-family: BariolRegular, sans-serif;
    text-align: center;
    padding: 10px 16px 0;
    z-index: 1;
    cursor: pointer;
}
#fixedbtn .demo{
	padding: 0 !important;
	background: none !important;
	font-size: 10px !important;
}
#fixedbtn a {
    text-decoration: none;
    color: #fff!important;
    text-align: center;
    display: block;
    margin: 0 auto;
    padding: 5px;
    font-size: 10px;
    line-height: 15px;
}
#fixedbtn:after {
  display: inline-block;
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  bottom: -5px;
  right: -5px;
  border-right: 5px solid #34ad65 !important;
  border-bottom: 5px solid #34ad65;
  border-left: 5px solid transparent;
  border-top: 5px solid transparent;
  transform: rotate(135deg);
}
.glo-trainingad-strip {
  background: #faf9f8 !important;
}
#websoa-websvcs {
  position: relative
}
#websoa-websvcs span.ifTree:after {
  top: 12px;
}
#websoa-websvcs span.ifTree.dropact:after {
  top: 13px;
}
.subtree span.ifTree.dropact:after {
  position: absolute;
  left: 20px;
  top: 53px;
  display: inline-block;
  border-left: 4px solid transparent;
  border-top: 4px solid transparent;
  border-top: 4px solid #FF8134;
  border-right: 4px solid transparent;
  content: '';
}
#lhsTree h4 {
  font-weight: 700;
  margin: 0px 0 10px 0;
  color: #000;
  border-bottom: 1px solid #ececec;
  padding: 10px 0;
}
.subtree span {
  cursor: pointer
}
.subtree span.ifTree:after {
  position: absolute;
  left: 20px;
  top: 52px;
  display: inline-block;
  border-top: 4px solid transparent;
  border-left: 4px solid #FF8134;
  border-bottom: 4px solid transparent;
  content: '';
}
#vmonitor-container span.ifTree:after {
  top: 228px;
}
#vmonitor-container span.ifTree.dropact:after {
  top: 228px;
}
#cloud-wam span.ifTree.dropact:after {
  top: 15px;
}
#cloud-wam span.ifTree:after {
  top: 13px;
}
#cloud-wam {
  position: relative
}
.fea-subtree {
  display: none;
}
#google-cloud span.ifTree.dropact:after {
  top: 13px;
}
#google-cloud span.ifTree:after {
  top: 13px;
}
#google-cloud {
  position: relative
}
.fea-subtree {
  display: none;
}
#fea-db2-mon span.ifTree.dropact:after {
  top: 14px;
}
#fea-db2-mon span.ifTree:after {
  top: 14px;
}
#fea-db2-mon {
  position: relative
}
.fea-subtree {
  display: none;
}
#oracle-cloud span.ifTree:after {
  top: 13px;
}
#oracle-cloud span.ifTree.dropact:after {
  top: 15px;
}
#oracle-cloud span.ifTree:after {
  top: 13px;
}
#oracle-cloud {
  position: relative
}
.fea-subtree {
  display: none;
}
#google-cloud-storage a.new-icon:before {
  top: 19px;
  right: -29px;
}
#google-cloud-filestore a.new-icon:before {
  top: 19px;
  right: -29px;
}
#google-cloud-filestore a.new-icon:before {
  top: 19px;
  right: -29px;
}
#cloud-aws-elastic a.new-icon:before {
  top: 19px;
  right: -35px;
}
#cloud-wam-azurebm a.new-icon:before {
  top: 3px;
  right: -30px;
}
.fea-subtree {
  padding: 10px 0 0 0 !important;
  list-style-type: none !important;
}
.fea-subtree li {
  padding: 10px 20px !important;
}
#lhsTree &gt; li {
  font-size: 12px;
}
#lhsTree &gt; li &gt; span.ifTree:after {
  position: absolute;
  left: 5px;
  top: 12px;
  display: inline-block;
  border-top: 6px solid transparent;
  border-left: 6px solid #FF8134;
  border-bottom: 6px solid transparent;
  content: '';
}
#lhsTree &gt; li &gt; span.ifTree.dropact:after {
  position: absolute;
  left: 5px;
  top: 16px;
  display: inline-block;
  border-left: 6px solid transparent;
  border-top: 6px solid transparent;
  border-top: 6px solid #FF8134;
  border-right: 6px solid transparent;
  content: '';
}
.form-group {
  width: 50%
}
.dwn-priv {
  font-size: 12px;
  line-height: 16px;
  margin-top: 20px;
  color: #000000;
}
.apmHmTB {
  padding: 0;
}
#customers h3 {
  font-size: 30px;
  font-weight: 100 !important;
  padding: 30px 0 0 !important;
  text-align: center !important;
  font-family: Roboto Slab;
  font-weight: 300;
}
.apmHmTB.container, .apmstrip .container {
  max-width: 1200px;
}
.inner-cont {
  max-width: 1400px;
}
.lhs-tree {
  width: 21%
}
.h2-head {
  font: 100 31px/120% Roboto Slab;
  font-size: 42px;
  margin: 0;
  color: #413f5a
}
.apmPlusBanner a {
  background: #E9142B !important;
  padding: 7px 17px !important
}
.cust-quote {
  padding-bottom: 0px;
}
#slider {
  position: relative;
  margin: 0px auto 0;
  border-radius: 4px;
  overflow: hidden;
}
#slider &gt; ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
}
#slider &gt; ul &gt; li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 200px;
  text-align: center;
}
#slider .slider-content {
  padding: 20px;
}
#slider .slider-content h4 {
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: bold;
}
#slider .slider-content .flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
#slider .slider-content .flex .client-logo {
  width: 125px;
  height: 125px;
  margin-right: 10px;
  margin-left: 10px;
  text-indent: -9999em;
}
#slider .control_next, #slider .control_prev {
  position: absolute;
  top: 30%;
  z-index: 999;
  display: block;
  padding: 10px;
  width: auto;
  height: auto;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.2;
  cursor: pointer;
  border-radius: 0 2px 2px 0;
}
#slider .control_next:hover, #slider .control_prev:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}
#slider .control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}
.logo-area {
  background-image: url("../images/me_apm_customer_logo_sprite.png");
  background-size: 1000px 1379px;
  display: block;
  width: 100%;
  height: 100%;
}
#oralcle-vm img {
  display: none !important;
}
.logo-area[brand="costco"] {
  background-position: calc(125px * 4.03) calc(125px * 13.07);
}
.logo-area[brand="airbus"] {
  background-position: calc(125px * 2) calc(125px * 14);
}
.logo-area[brand="aup"] {
  background-position: calc(125px * 3) calc(125px * 14);
}
.logo-area[brand="graincorp"] {
  background-position: calc(125px * 3.03) calc(125px * 13.03);
}
.logo-area[brand="nasa"] {
  background-position: calc(125px * 2) calc(125px * 0);
}
.logo-area[brand="who"] {
  background-position: calc(125px * 2) calc(125px * 7);
}
.logo-area[brand="soccer"] {
  background-position: calc(125px * 6) calc(125px * 2);
}
.logo-area[brand="thomson"] {
  background-position: calc(125px * 4) calc(125px * 3);
}
.logo-area[brand="delloite"] {
  background-position: calc(125px * 1) calc(125px * 10);
}
/*.logo-area[brand="siemens"] { background-position: calc(125px * 3) calc(125px * 10); }*/
.logo-area[brand="justice"] {
  background-position: calc(125px * 6) calc(125px * 7);
}
.logo-area[brand="saarc"] {
  background-position: calc(125px * 4) calc(125px * 7);
}
.logo-area[brand="petronet"] {
  background-position: calc(125px * 5) calc(125px * 7);
}
.logo-area[brand="singapore"] {
  background-position: calc(125px * 3) calc(125px * 7);
}
.logo-area[brand="raaf"] {
  background-position: calc(125px * 7) calc(125px * 7);
}
.logo-area[brand="oilgas"] {
  background-position: calc(125px * 8) calc(125px * 7);
}
.logo-area[brand="loreal"] {
  background-position: calc(125px * 4) calc(125px * 9);
}
.logo-area[brand="hyundai"] {
  background-position: calc(125px * 5) calc(125px * 9);
}
.logo-area[brand="mitubushi"] {
  background-position: calc(125px * 2) calc(125px * 8);
}
.logo-area[brand="emirates"] {
  background-position: calc(125px * 1) calc(125px * 0);
}
.logo-area[brand="toyota"] {
  background-position: calc(125px * 2) calc(125px * 9);
}
.logo-area[brand="tequila"] {
  background-position: calc(125px * 2) calc(125px * 10);
}
.logo-area[brand="ibm"] {
  background-position: calc(125px * 4) calc(125px * 4);
}
.logo-area[brand="hitachi"] {
  background-position: calc(125px * 2) calc(125px * 4);
}
.logo-area[brand="fujistu"] {
  background-position: calc(125px * 6) calc(125px * 4);
}
.logo-area[brand="emc"] {
  background-position: calc(125px * 7) calc(125px * 4);
}
.logo-area[brand="yokogawa"] {
  background-position: calc(125px * 3) calc(125px * 4);
}
.logo-area[brand="hp"] {
  background-position: calc(125px * 5) calc(125px * 4);
}
.logo-area[brand="cnpc"] {
  background-position: calc(125px * 0) calc(125px * -4);
}
.logo-area[brand="aai"] {
  background-position: calc(125px * 0) calc(125px * 0);
}
.logo-area[brand="cgg"] {
  background-position: calc(125px * -7) calc(125px * -4);
}
.logo-area[brand="ushouse"] {
  background-position: calc(125px * -5) calc(125px * -6);
}
.logo-area[brand="total"] {
  background-position: calc(125px * -7) calc(125px * -6);
}
.logo-area[brand="ericsson"] {
  background-position: calc(125px * -6) calc(125px * -5);
}
.logo-area[brand="skava"] {
  background-position: calc(125px * -6) calc(125px * -6);
}
.logo-area[brand="wipro"] {
  background-position: calc(125px * -7) calc(125px * -7);
}
.logo-area[brand="rabo"] {
  background-position: calc(125px * -7) calc(125px * -5);
}
#WhitePaperForm [type="submit"], #WhitePaperForm [type="reset"] {
  background: #414F57 !important;
  border: #aaa;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  padding: 7px 20px;
  border: none;
  color: #fff
}
#WhitePaperForm [type="reset"] {
  background: #dfdfe0 !important;
  color: #333;
}
h1.rcrs-hdr {
  font-family: 'Poppins', sans-serif;
  font-weight: 400
}
h1.ftrmnhdr {
  font-size: 45px;
  letter-spacing: .5px;
  line-height: 50px;
  font-weight: 400;
  color: #fff
}
div.heading-menu .ftrpg-inrhdr {
  color: #fff
}
.ftrpg-inrhdr {
  font-weight: 100;
  font-size: 23px;
  line-height: 29px;
  letter-spacing: 1px;
  color: #444
}
.pT10 {
  padding-top: 10px
}
#rsourcetabs {
  margin: 0 auto;
  list-style: none;
  position: relative;
  height: 25px
}
#rsourcetabs li {
  display: inline-block
}
.recourcnavsec {
  background: #f8f8f8;
  border-bottom: 1px solid #e8e8e8
}
#rsourcetabs li:hover {
  color: #444
}
#rsourcetabs li span {
  bottom: 15px;
  position: relative
}
#rsourcetabs li {
  position: relative;
  z-index: 200;
  color: #444;
  font-size: 13px;
  display: block;
  float: left;
  padding: 0 20px;
  text-decoration: none;
  line-height: 26px;
  cursor: pointer
}
.rsource_active_tab {
  color: #444
}
.rs-continer {
  padding: 10px 0
}
.ug {
  float: left;
  padding: 0 2% 30px 0;
  list-style: none;
  width: 100%
}
.ug li {
  float: left;
  padding: 0 2% 30px 0;
  list-style: none;
  width: 100%
}
.resourceFix {
  background: #fff;
  width: 100%;
  height: 70px
}
#rsourcetabs #rsource_movbg {
  position: absolute;
  height: 25px !important;
  top: 0;
  left: 0;
  width: 100px;
  background: #99cdf1;
  z-index: 100;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}
.rsource_active_tab {
  color: #444
}
.nsltrsubs {
  background: #ebebeb;
  padding: 20px
}
.ie6 #rsourcetabs li, .ie7 #rsourcetabs li {
  display: inline
}
#rs-wrpr .rs-box {
  border: 5px solid #fff;
  width: 210px;
  height: 200px;
  position: relative;
  overflow: hidden;
  border: 1px solid #ddd;
  margin: 0 auto
}
.rsthumb a {
  text-decoration: none
}
#rs-wrpr .rs-box .rsthumb {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out
}
#rs-wrpr .rs-box img {
  position: absolute;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out
}
#rs-wrpr .rs-box .caption {
  background-color: #235c83;
  position: absolute;
  color: #fff;
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
  left: 0;
  top: 120px
}
.rs-caption {
  opacity: 0;
  width: 83%;
  height: 136px;
  text-align: left;
  padding: 10px 20px 0;
  position: relative
}
.rs-caption h3 {
  font-size: 15px;
  margin: 10px 0 0;
  padding: 0;
  line-height: 22px;
  color: #fff;
  font-weight: 300
}
h3.webnws {
  font-size: 17px;
  line-height: 30px;
  color: #fff;
  line-height: 25px;
  font-weight: 300
}
#rs-wrpr .rs-box .rs-caption h3, #rs-wrpr .rs-box .rs-caption p {
  position: relative;
  left: -200px;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out
}
#rs-wrpr .rs-box:hover .rssimpl-cptn {
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  opacity: 1;
  transform: translateY(-100%)
}
#rs-wrpr .rs-box:hover .full-caption {
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  opacity: 1;
  transform: translateY(100%)
}
#rs-wrpr .rs-box:hover .fade-caption, #rs-wrpr .rs-box:hover .rs-caption {
  opacity: 1
}
#rs-wrpr .rs-box:hover .rs-caption h3, #rs-wrpr .rs-box:hover .rs-caption p {
  -moz-transform: translateX(200px);
  -o-transform: translateX(200px);
  -webkit-transform: translateX(200px);
  transform: translateX(200px)
}
.rs-imgbg {
  position: relative;
  padding: 15px 15px 0
}
.rs-imgtxt {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  text-align: left;
  cursor: pointer;
  color: #16476e;
  min-height: 70px
}
.rs-catgry {
  color: #838383;
  border-top: 1px solid #ececec;
  padding-top: 5px;
  text-align: left;
  margin-top: 10px;
  font-size: 13px
}
a.rs-rdmorbtn {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  text-align: center;
  text-align: center;
  background: #7bbb2a;
  width: 100px;
  margin: 10px 0 0;
  padding: 3px 0;
  position: absolute;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  left: 0
}
nav ul.productmenu {
  margin-right: 10px
}
#survey {
  position: fixed;
  z-index: 9999;
  border: 2px solid #6f7070;
  right: 80px;
  bottom: 0;
  width: 280px;
  background: #272829;
  color: #fff;
  border-radius: 10px 10px 0 0;
  font-weight: 300;
  font-size: 13px;
  display: none
}
#survey &gt; div {
  padding: 15px
}
#survey .req {
  font-size: 10px
}
#survey input[type=radio] {
  margin-top: -5px
}
#survey input[type=text] {
  border: none;
  color: #000;
  font-size: 12px;
  line-height: 24px;
  margin-bottom: 5px;
  padding: 3px;
  width: calc(100% - 8px);
  border: 1px solid #fff
}
#survey input[type=text].alert {
  border: 1px solid #EC5F61
}
#survey .surveyHead {
  font-weight: 700;
  text-align: center;
  margin-bottom: 10px
}
#survey label {
  background: #323334;
  display: block;
  margin-bottom: 5px;
  padding: 5px 10px;
  line-height: 24px;
  border-radius: 50px;
  cursor: pointer
}
#survey &gt; div {
  display: none
}
#survey #yesno, #survey #plusminus {
  display: block
}
#survey #plusminus {
  position: absolute;
  top: -22px;
  right: 20px;
  padding: 0
}
#survey #plusminus span {
  background: #272829;
  border: 2px solid #6f7070;
  line-height: 20px;
  width: 30px;
  text-align: center;
  display: inline-block;
  border-radius: 5px 5px 0 0;
  border-bottom: none;
  cursor: pointer;
  display: none
}
#survey #plusminus span.act {
  display: block
}
#survey .dBox {
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  padding: 20px 0
}
#survey #downloadSubmit {
  border-radius: 4px;
  font-size: 12px;
  line-height: 18px;
  width: auto;
  padding: 5px 20px;
  background: #999
}
#survey #surveyThanks {
  font-size: 18px
}
#survey #getQuoteCountry {
  width: 97%;
  padding: 10px;
  border: 1px solid #fff
}
#maindiv input[type="text"] {
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 15px;
  height: 30px;
  width: 235px
}
#maindiv img {
  position: absolute;
  top: 10px
}
#maindiv {
  width: 50%;
  position: relative
}
.msg {
  background: #fff none repeat scroll 0 0;
  color: #000;
  font-size: 16px;
  line-height: 28px;
  margin: 0 auto;
  padding: 20px;
  position: relative;
  text-align: center;
  top: 300px;
  width: 620px
}
.demos-page .overlay {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  height: 720px;
  left: 3px;
  position: relative;
  top: -720px;
  width: 700px;
  z-index: 3;
  display: none
}
.input-group {
  width: 110px;
  margin-bottom: 10px
}
#datepicker {
  font-size: 14px;
  padding: 1px 0 0 5px
}
.ui-datepicker-trigger {
  margin: -1px 22px 0 -22px
}
.btn-hover {
  background: #000 none repeat scroll 0 0;
  border: 1px solid #ddd;
  color: #fff;
  cursor: pointer;
  font-size: 15px;
  padding: 5px 10px
}
.demos-page .reset {
  font-size: 15px;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  cursor: pointer;
  outline: medium none
}
.form-div {
  padding: 0 40px
}
#maindiv input[type="text"] {
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 15px;
  height: 30px;
  width: 235px
}
.demos-page .per30 {
  float: left;
  padding: 0;
  width: 26%
}
.demos-page .per70 {
  float: left;
  width: 68%;
  padding: 0 1%
}
.form-head {
  font-size: 20px;
  font-weight: 300;
  margin: -5px 0 25px;
  text-align: center
}
.form-div .clearfix {
  margin: 20px 0
}
.demos-page select {
  background: #fff;
  border: 1px solid #bbb;
  height: 40px;
  width: 237px
}
.sml {
  font-size: 10px;
  font-weight: 300
}
.cursor_pointer {
  cursor: pointer
}
#scroll ul {
  padding: 0 0 10px 30px;
  list-style-type: disc
}
.heading-menu .menuhead {
  display: inline-block;
  font-weight: 300;
  letter-spacing: -1px;
  font-size: 24px;
  line-height: 49px
}
h1, .pg-head, .hTag1 {
  font-size: 35px;
  line-height: 45px;
  margin: 0 0 30px;
  color: #333;
  letter-spacing: -1px;
  font-weight: 400
}
.demo-container {
  width: 85%;
  margin: 0 auto;
  text-align: center
}
.red {
  color: red
}
.demo-type {
  width: 280px;
  min-height: 200px;
  padding: 20px 30px;
  text-align: center;
  vertical-align: top;
  display: inline-block;
  border-right: 1px solid #e3e3e3;
  position: relative
}
.demo-type:last-child {
  border: none
}
.demo-type:last-child:before {
  position: absolute;
  content: '(OR)';
  display: block;
  left: -30px;
  top: 35%;
  width: 50px;
  height: 50px;
  background: #fff;
  line-height: 50px;
  font-size: 22px;
  font-weight: 300;
  color: #777
}
#adRhsLnk {
  background: #34ad65;
  top: 420px;
  border-radius: 3px 0 0 3px;
  height: 90px;
  position: absolute;
  right: 1px;
  width: 60px;
  transition: all 1.2s ease-in-out;
  -webkit-transition: all 1.2s ease-in-out;
  color: #FFF;
  font-family: BariolRegular, sans-serif;
  text-align: center;
  padding: 10px 16px 0;
  z-index: 1;
  cursor: pointer
}
#adRhsLnk.adRhsFix {
  position: fixed;
  top: 96px;
}
#adRhsLnk a {
  text-decoration: none;
  color: #fff !important;
  text-align: center;
  display: block;
  margin: 0 auto;
  padding: 5px;
  font-size: 10px;
  line-height: 15px
}
.adRhsIcon {
  width: 41px;
  height: 52px;
  background: url(../images/whiteClock.png) no-repeat 0 0;
  display: block;
  margin: 0 auto
}
#adRhsLnk a:hover {
  color: #fff
}
[data-tooltip], .tooltip {
  position: relative;
  cursor: pointer
}
[data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity .2s ease-in-out, visibility .2s ease-in-out, -webkit-transform .2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition: opacity .2s ease-in-out, visibility .2s ease-in-out, -moz-transform .2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity .2s ease-in-out, visibility .2s ease-in-out, transform .2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  pointer-events: none
}
[data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after {
  visibility: visible;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}
.tooltip:before, [data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: ""
}
.tooltip:after, [data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 100px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2
}
[data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after, .tooltip-top:before, .tooltip-top:after {
  bottom: 100%;
  left: 50%
}
[data-tooltip]:before, .tooltip:before, .tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9)
}
[data-tooltip]:after, .tooltip:after, .tooltip-top:after {
  margin-left: -80px
}
[data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after, .tooltip-top:hover:before, .tooltip-top:hover:after, .tooltip-top:focus:before, .tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform: translateY(-12px);
  transform: translateY(-12px)
}
.tooltip-left:before, .tooltip-left:after {
  right: 100%;
  bottom: 59%;
  left: auto
}
.tooltip-left:before {
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: hsla(0, 0%, 20%, 0.9);
  margin: 27px -11px 0 0
}
.tooltip-left:hover:before, .tooltip-left:hover:after, .tooltip-left:focus:before, .tooltip-left:focus:after {
  -webkit-transform: translateX(-12px);
  -moz-transform: translateX(-12px);
  transform: translateX(-12px)
}
.tooltip-bottom:before, .tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%
}
.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 0.9)
}
.tooltip-bottom:hover:before, .tooltip-bottom:hover:after, .tooltip-bottom:focus:before, .tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  transform: translateY(12px)
}
.tooltip-right:before, .tooltip-right:after {
  bottom: 50%;
  left: 100%
}
.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: hsla(0, 0%, 20%, 0.9)
}
.tooltip-right:hover:before, .tooltip-right:hover:after, .tooltip-right:focus:before, .tooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform: translateX(12px);
  transform: translateX(12px)
}
.tooltip-left:before, .tooltip-right:before {
  top: 3px
}
.tooltip-left:after, .tooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px
}
.prd-nav li {
  float: left;
  width: 23%;
  padding: 0 .5%;
  text-align: center
}
.demo-type h1 {
  padding: 30px 0 0;
  margin: 0
}
.demo-type h1 a {
  font-size: 20px;
  font-weight: 600
}
.demo-type h1 a:hover {
  text-decoration: none
}
.demo-type p {
  margin: 7px 0;
  line-height: 20px
}
.demo-icons {
  background-image: url(../images/demo-icons.png);
  background-repeat: no-repeat;
  width: 160px;
  height: 110px;
  margin: 0 auto;
  display: block
}
.online {
  background-position: 0 2px
}
.personal {
  background-position: 0 -109px
}
.green-txt {
  color: #44b6ae
}
.blue-txt {
  color: #4b77be
}
.bannerflex {
  background: #efefef url(../images/bg-dots.png) 1px 0;
  text-align: center
}
.apmcustlogo {
  background: url(../images/apm-customers.gif) no-repeat scroll 0 0 transparent;
  display: block;
  height: 74px;
  margin: 0 5px;
  width: 1000px
}
.sqlbanner {
  background-image: url(../images/sqlbdmanager.png);
  background-position: center center;
  background-repeat: no-repeat;
  height: 188px;
  margin: 40px 0 50px;
  padding-top: 10px;
  position: relative
}
.sqlimg {
  border: 0 solid hsl(0, 0%, 0%);
  cursor: pointer;
  display: block;
  width: 279px;
  height: 36px;
  right: 114px;
  top: 56px;
  position: absolute
}
.btnSqlBanner {
  text-align: center;
  margin-top: 143px
}
.btnSqlBanner a {
  display: inline-block;
  vertical-align: middle;
  background: #1a8581;
  border-radius: 4px;
  width: 210px;
  font-size: 14px;
  color: #fff;
  padding: 3px;
  text-align: center;
  margin: 0 5px;
  transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s
}
.btnSqlBanner a:hover {
  text-decoration: none;
  background: #136c69
}
table.memTable thead tr th {
  background-color: #ECEDEE;
  border: 1px solid #E5E5E5;
  font-size: 18px;
  line-height: 20px;
  padding: .6em;
  text-align: left
}
table.memTable td {
  border: 1px solid #E5E5E5;
  font-size: 14px;
  padding: .6em;
  text-align: left;
  vertical-align: middle;
  width: 20%
}
table.howtodemoTable thead tr th {
  background-color: #ECEDEE;
  font-size: 18px;
  line-height: 20px;
  padding: .6em;
  text-align: left
}
table.howtodemoTable td {
  font-size: 14px;
  padding: .6em;
  text-align: left;
  margin-top: 40px
}
.prd-logo {
  background: url(../images/apm-logo.png) no-repeat 0 0;
  display: block;
  height: 24px;
  width: 251px;
  margin-top: 7px;
  text-indent: -100%;
  position: relative;
  overflow: hidden
}
table.windowsmonoTable thead tr th {
  background-color: #ECEDEE;
  border: 1px solid #E5E5E5;
  font-size: 18px;
  line-height: 20px;
  padding: .6em;
  text-align: left
}
table.windowsmonoTable td {
  border: 1px solid #E5E5E5;
  font-size: 14px;
  padding: .6em;
  text-align: left;
  vertical-align: top
}
table.appmonTable thead tr th {
  border: 1px solid #E5E5E5;
  font-size: 18px;
  line-height: 20px;
  padding: .6em;
  text-align: left
}
table.appmonTable td {
  border: 1px solid #E5E5E5;
  font-size: 14px;
  padding: .6em;
  text-align: left;
  vertical-align: top;
  width: 20%
}
#example {
  bottom: 10px;
  clear: left;
  height: 480px;
  position: relative;
  top: 0
}
.download-pricing {
  padding: 10px 0 12px
}
#slide div h1 {
  color: #FF8605;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
  margin: 12px 10px 3px 0;
  float: left;
  clear: left
}
#slide div h2, #slide div h3 {
  margin: 15px 0 0
}
#slide div p {
  font-family: 'Open Sans', sans-serif;
  color: #444;
  line-height: 16px;
  font-size: 11px;
  width: 540px;
  background-color: #767676;
  text-align: justify;
  margin: 5px 0 0;
  padding: 5px;
  float: left;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff
}
#slide div ul li {
  float: left
}
#slide div a {
  font-family: "lucida sans", sans-serif;
  color: #00d;
  line-height: 1.5em;
  font-size: 11px;
  position: absolute;
  right: 20px;
  bottom: 10px;
  text-decoration: none
}
#slide div a:hover {
  text-decoration: underline
}
#previous b {
  display: none
}
#previous {
  background: url(../images/arrow-prev.png) repeat scroll 0 0 transparent;
  cursor: pointer;
  height: 54px;
  left: 31px;
  position: absolute;
  top: 195px;
  width: 33px;
  z-index: 1
}
#next b {
  display: none
}
#next {
  background: url(../images/arrow-next.png) repeat scroll 0 0 transparent;
  cursor: pointer;
  height: 54px;
  left: 636px;
  position: absolute;
  top: 195px;
  width: 33px;
  z-index: 1
}
#buttons {
  position: absolute;
  left: 468px;
  top: 435px;
  z-index: 1;
  width: 185px
}
#buttons div {
  width: 20px;
  height: 20px;
  background: url(../images/button.png);
  float: left;
  margin-right: 5px;
  display: inline;
  margin-top: 15px
}
#buttons div b {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 19px;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  color: #000;
  text-align: center;
  cursor: pointer
}
img#loading {
  position: absolute;
  left: 290px;
  top: 170px
}
#example {
  height: 480px;
  top: 0;
  bottom: 10px;
  position: relative;
  clear: left
}
#wrap a {
  color: #000
}
#slide {
  background: none repeat scroll 0 0 transparent;
  border-bottom: 0 dotted #CCC;
  height: 496px;
  left: 67px;
  overflow: hidden;
  position: absolute;
  top: -6px;
  width: 557px;
  z-index: 1
}
#slide div {
  width: 604px;
  height: 275px;
  position: absolute;
  left: 900px;
  padding: 2px 5px
}
#slide div img {
  display: block;
  border: 0 solid #8bd;
  float: left;
  margin-top: 7px;
  float: left
}
.mR20 {
  margin-right: 20px
}
.mR50 {
  margin-right: 50px
}
table.snmpTable td {
  border: 1px solid #E5E5E5;
  font-size: 14px;
  padding: .6em;
  text-align: left;
  vertical-align: middle;
  width: 62%
}
.addonsHeader {
  border-bottom: 3px solid #ECEDEE;
  padding-bottom: 0 !important;
  list-style: none
}
.addonsHeader li {
  padding: 5px 20px;
  display: inline-block;
  cursor: pointer
}
.addonsHeader .active {
  background: none repeat scroll 0 0 #ECEDEE
}
#custdocs span.on {
  color: hsl(0, 0%, 100%);
  cursor: pointer;
  font-size: 13px;
  line-height: 20px
}
.orange-button-price {
  background: linear-gradient(to bottom, hsl(50, 100%, 50%) 0%, hsl(38, 100%, 50%) 100%) repeat scroll 0 0 transparent;
  border: 1px solid hsl(37, 100%, 40%);
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 0 2px hsla(0, 0%, 100%, 0.5) inset, 0 0 3px hsla(0, 0%, 0%, 0.5);
  color: hsl(20, 100%, 20%) !important;
  display: block;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
  font-weight: 400;
  margin: 0 auto;
  padding: 6px 5px;
  text-align: center;
  text-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.5);
  width: 230px;
  color: #fff;
  position: relative;
  bottom: 5px;
  right: 5px
}
table.customersuccessTable td {
  border: 1px solid #E5E5E5;
  font-size: 14px;
  padding: .6em;
  text-align: left;
  vertical-align: middle
}
.feature-bdr {
  border-top: 1px dashed #CCC;
  float: left;
  clear: left;
  width: 960px;
  height: 1px
}
.docs_ppt {
  float: left;
  width: 320px;
  padding: 20px 0
}
.docs-actionbox {
  float: left;
  left: 10px;
  position: relative;
  width: 650px
}
table.docTable thead tr th {
  background-color: #ECEDEE;
  border: 1px solid #E5E5E5;
  font-size: 18px;
  line-height: 20px;
  padding: .6em;
  text-align: left;
  vertical-align: middle
}
table.docTable td {
  border: 1px solid #E5E5E5;
  font-size: 14px;
  padding: .6em;
  text-align: left;
  vertical-align: middle
}
.sec-pTB a:hover {
  text-decoration: underline
}
;
.sec-pTB1 {
  padding: 40px 0
}
.sec-pTB1 a:hover {
  text-decoration: none
}
table.feaTable thead tr th {
  background-color: #ECEDEE;
  border: 1px solid #fff;
  font-size: 18px;
  line-height: 20px;
  padding: .6em;
  text-align: left
}
table.feaTable td {
  border: 1px solid #fff;
  font-size: 14px;
  padding: .6em;
  text-align: left;
  vertical-align: top;
  width: 20%
}
table.demoTable thead tr th {
  background-color: #ECEDEE;
  border: 1px solid #fff;
  font-size: 18px;
  line-height: 20px;
  padding: .6em;
  text-align: left
}
table.demoTable td {
  border: 1px solid #fff;
  font-size: 14px;
  padding: .6em;
  text-align: left;
  vertical-align: top;
  width: 10%;
  padding-left: 80px
}
.but.orange {
  background: linear-gradient(to bottom, hsl(33, 100%, 47%) 0%, hsl(26, 100%, 46%) 100%) repeat scroll 0 0 transparent;
  border: 1px solid hsl(20, 100%, 45%);
  color: hsl(0, 0%, 100%);
  text-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.5)
}
.get-quote-addon {
  font-family: Geneva, sans-serif;
  font-weight: 400;
  padding: 0
}
.resource-img {
  background: url(../images/app-sprite-new.png) no-repeat 0 0
}
.res-inhead {
  font-size: 18px;
  letter-spacing: -.5px
}
.resource-col1 {
  float: left;
  margin-right: 1%;
  padding: 20px 0;
  width: 24%
}
.resource-col2 {
  float: left;
  margin-right: 1%;
  padding: 20px 0;
  width: 24%
}
.resource-col3 {
  float: left;
  margin-right: 1%;
  padding: 20px 0;
  width: 24%
}
.resource-col4 {
  float: left;
  margin-right: 1%;
  padding: 20px 0;
  width: 24%
}
.res1 {
  background-position: 0 -165px
}
.res2 {
  background-position: -16px -165px
}
.res3 {
  background-position: -32px -165px
}
.res4 {
  background-position: -48px -165px
}
.res5 {
  background-position: -64px -165px
}
.res6 {
  background-position: -80px -165px
}
.res7 {
  background-position: -96px -165px
}
.res8 {
  background-position: -112px -165px
}
.res9 {
  background-position: -128px -165px
}
.res-form-box {
  border-top: 1px solid hsl(0, 0%, 93%);
  margin-top: 20px;
  padding-top: 20px
}
.res-form-col1 {
  float: left;
  padding-right: 2%;
  width: 48%
}
.res-form-col2 {
  float: left;
  padding-left: 2%;
  width: 48%
}
.resource-img {
  display: inline-block;
  float: left;
  height: 16px;
  margin: 5px 10px 50px 0;
  width: 16px
}
.resource-box p {
  color: hsl(0, 0%, 47%);
  font-size: 13px;
  margin: 10px 0 0;
  padding-left: 26px
}
#confirmtxt {
  width: 415px;
  text-align: center;
  display: none
}
.confirmhead {
  font: normal 38px/30px 'Open Sans', sans-serif;
  font-style: normal;
  line-height: 30px;
  font-size: 19px;
  margin-top: 40px;
  color: #78AC23
}
.confirmtxt {
  font: normal 38px/30px 'Open Sans', sans-serif;
  font-style: normal;
  line-height: 30px;
  font-size: 15px;
  margin-top: 20px
}
.loading {
  margin-top: 40px
}
table.lampTable td {
  border: 1px solid #E5E5E5;
  font-size: 14px;
  padding: .6em;
  vertical-align: middle
}
table.lampTable thead tr th {
  background-color: #ECEDEE;
  border: 1px solid #fff;
  font-size: 14px;
  line-height: 20px;
  padding: .6em
}
table.apmTable td {
  border: 1px solid #E5E5E5;
  font-size: 14px;
  padding: .6em;
  vertical-align: top
}
table.apmTable thead tr th {
  background-color: #ECEDEE;
  border: 1px solid #fff;
  font-size: 14px;
  line-height: 20px;
  padding: .6em
}
.wt50 {
  width: 50%
}
table.cusTable td {
  border: 1px solid #E5E5E5;
  font-size: 14px;
  padding: .6em;
  vertical-align: top
}
table.cusTable thead tr th {
  background-color: #ECEDEE;
  border: 1px solid #fff;
  font-size: 14px;
  line-height: 20px;
  padding: .6em
}
.notebox1 {
  background: none repeat scroll 0 0 hsl(0, 0%, 97%);
  border-bottom: 1px dotted hsl(0, 0%, 87%);
  margin: 20px 0 0;
  padding: 1%
}
.notebox {
  background: none repeat scroll 0 0 hsl(0, 0%, 97%);
  border: 1px solid hsl(0, 0%, 87%);
  margin: 15px 0 0;
  padding: 2%
}
.mT40 {
  margin-top: 40px
}
a.btn-style, #scroll a.btn-style {
  background: none repeat scroll 0 0 hsl(201, 13%, 30%);
  color: hsl(0, 0%, 100%);
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  padding: 8px 20px;
  text-decoration: none
}
.leftlable {
  width: 136px;
  height: 32px;
  background: #84b83a;
  color: #fff;
  border-top: 1px solid #537b1a;
  box-shadow: inset 0 0 5px 0 #537b1a;
  text-align: center;
  font-size: 14px;
  border-radius: 2px 0 0 2px
}
.inputbxdiv {
  background: #fff;
  border-top: 1px solid #afafaf;
  border-bottom: 1px solid #e4e3e3;
  border-left: 0;
  border-right: 1px solid #e4e3e3;
  height: 31px;
  padding: 0 10px;
  width: 243px;
  color: #999;
  border-radius: 0 2px 2px 0
}
.downloadrptbtn {
  background-color: #fd8f00;
  color: #fff;
  padding: 10px 0;
  text-align: center;
  width: 200px;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #fff;
  font-size: 17px;
  cursor: pointer
}
.formbgdiv {
  background: #fff;
  border-radius: 6px 6px 6px 6px;
  box-shadow: 0 0 10px 0 #ccc;
  width: 600px;
  height: 420px;
  margin: 0 auto;
  padding-top: 30px
}
.txtfield {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 87%) -moz-use-text-color hsl(0, 0%, 87%) hsl(0, 0%, 87%);
  border-image: none;
  border-style: solid none solid solid;
  border-width: 1px medium 1px 1px;
  color: hsl(240, 2%, 72%);
  float: left;
  height: 19px;
  line-height: 20px;
  outline: medium none;
  padding: 5px 6px;
  transition: border .2s linear 0s, box-shadow .2s linear 0;
  width: 140px
}
.quote .name {
  font-family: "Myriad Pro", 'Open Sans', sans-serif;
  font-style: italic;
  line-height: 20px;
  text-align: left
}
.quote p {
  line-height: 24px;
  text-align: justify
}
.apm-dwn-win {
  width: 110%;
  margin-right: 2%;
  float: left;
  margin-top: 20px
}
.apm-dwn-lin {
  width: 45%;
  margin-left: 5%;
  float: left;
  margin-top: 20px
}
.apm-dwn-head {
  padding: 0 5%;
  font-size: 18px;
  font-weight: 400;
  color: #2a2a2a;
  line-height: 35px;
  border-bottom: 1px solid #ccc
}
.apm-dwn-cont a {
  font-size: 14px;
  background: #f6f6f6;
  margin-left: 4px;
  text-decoration: underline;
  width: 73px;
  display: inline-block;
  text-align: center
}
.apm-dwn-cont a:hover {
  background: #7BBB2A;
  color: #fff
}
.apm-dwn-cont a.ful {
  width: 129px
}
.apm-dwn-cont ul li span {
  display: inline-block;
  position: relative;
  float: right
}
.apm-dwn-cont ul li {
  clear: both;
  padding: 10px 0
}
.apm-dwn-subhead {
  font-size: 14px;
  margin-top: 20px;
  padding-left: 5%
}
a.new-green-button {
  background: url(../images/windows-32.png) no-repeat scroll 0 0 transparent;
  color: hsl(0, 0%, 100%);
  display: block;
  font-size: 14px;
  height: 64px;
  line-height: 30px;
  margin: 0 20px;
  text-align: center;
  text-decoration: none;
  width: 294px
}
a.new-green-button-64 {
  background: url(../images/windows-64.png) no-repeat scroll 0 0 transparent;
  color: hsl(0, 0%, 100%);
  display: block;
  font-size: 14px;
  height: 64px;
  line-height: 30px;
  margin: 0 20px;
  text-align: center;
  text-decoration: none;
  width: 294px
}
.download-div {
  padding: 15px 0 0
}
a.new-lin-green-button-32 {
  background: url(../images/linux-32.png) no-repeat scroll 0 0 transparent;
  color: hsl(0, 0%, 100%);
  display: block;
  font-size: 14px;
  height: 64px;
  line-height: 30px;
  margin: 0 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 294px;
  z-index: 100
}
.or-img {
  margin-top: 171px;
  padding-right: 455px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}
a.new-lin-green-button-32 {
  background: url(../images/linux-32.png) no-repeat scroll 0 0 transparent;
  color: hsl(0, 0%, 100%);
  display: block;
  font-size: 14px;
  height: 64px;
  line-height: 30px;
  margin: 0 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 294px;
  z-index: 100
}
a.new-lin-green-button-64 {
  background: url(../images/linux-64.png) no-repeat scroll 0 0 transparent;
  color: hsl(0, 0%, 100%);
  display: block;
  font-size: 14px;
  height: 64px;
  line-height: 30px;
  margin: 0 20px;
  text-align: center;
  text-decoration: none;
  width: 294px
}
.li-text {
  padding: 0
}
.li-img, .li-text, .inner {
  display: inline;
  float: left;
  padding: 0;
  width: 460px
}
table.oemisvTable thead tr th {
  border: 1px solid #E5E5E5;
  font-size: 18px;
  line-height: 20px;
  padding: .6em;
  text-align: left
}
table.oemisvTable td {
  font-size: 14px;
  padding: .6em;
  text-align: left;
  vertical-align: top
}
.notebox2 {
  background: none repeat scroll 0 0 hsl(0, 0%, 97%);
  border: 1px solid hsl(0, 0%, 87%);
  margin: 30px 0 0;
  padding: 2%;
  width: 50%
}
.mR50 {
  margin-right: 50px
}
.formHead {
  color: #4C596E;
  font: 300 37px/30px 'Open Sans', sans-serif !important;
  margin: 20px 0 10px;
  text-align: right
}
#wrap h2 {
  font-size: 20px
}
.bold {
  font-weight: 700
}
.cust1, .cust2, .cust3, .cust4, .cust5, .cust6, .cust7, .cust8 {
  background: url(../images/app-customer-sprite.png)
}
.cust1 {
  background-position: 0 1px;
  display: inline-block;
  height: 53px;
  width: 73px
}
.cust2 {
  background-position: -82px 0;
  display: inline-block;
  height: 35px;
  margin-top: 15px;
  width: 90px
}
.cust3 {
  background-position: -176px 14px;
  display: inline-block;
  height: 65px;
  margin-top: 1px;
  width: 94px
}
.cust4 {
  background-position: 3px -58px;
  display: inline-block;
  height: 32px;
  margin-top: 16px;
  width: 112px
}
.cust5 {
  background-position: -85px -102px;
  display: inline-block;
  height: 59px;
  margin-top: 9px;
  width: 82px
}
.cust6 {
  background-position: -105px -43px;
  display: inline-block;
  height: 60px;
  margin-top: 5px;
  width: 92px
}
.cust7 {
  background-position: -173px -103px;
  display: inline-block;
  height: 49px;
  margin-top: 15px;
  width: 93px
}
.cust8 {
  background-position: -6px -97px;
  display: inline-block;
  height: 35px;
  margin-top: 10px;
  width: 100px
}
table.androidTable thead tr th {
  background-color: #ECEDEE;
  border: 1px solid #fff;
  font-size: 18px;
  line-height: 20px;
  padding: .6em;
  text-align: left
}
table.androidTable td {
  border: 1px solid #fff;
  font-size: 14px;
  padding: .6em;
  text-align: left;
  vertical-align: top
}
.demo-brd-btm {
  border-bottom: 1px dashed #D7D7D7;
  margin-bottom: 30px;
  padding-bottom: 30px;
  color: #000
}
.faq-ans {
  display: none;
  font-size: 13px;
  line-height: 18px;
  padding: 20px 0
}
#subNav span {
  cursor: pointer
}
#showcase img {
  z-index: -101 !important
}
.iphonegroup img {
  z-index: -101
}
.iphoneinfra img {
  z-index: -101
}
.iphonedav img {
  z-index: -101
}
.iphonemonitor img {
  z-index: -101
}
table.screenshotTable thead tr th {
  background-color: #ECEDEE;
  font-size: 18px;
  line-height: 20px;
  padding: .6em;
  text-align: center;
  width: 200px
}
table.screenshotTable td {
  font-size: 14px;
  padding: .6em;
  text-align: center;
  vertical-align: top;
  width: 200px
}
.headCs {
  background: #91C72C;
  color: #FFF;
  font: 20px 'Open Sans', sans-serif;
  overflow: hidden
}
.headCs span {
  background: #82AF2D;
  float: left;
  height: 50px;
  line-height: 46px;
  margin-right: 10px;
  padding: 10px 20px;
  font-weight: 100
}
.headCs p {
  display: block;
  font-weight: 300;
  margin: 0;
  overflow: hidden;
  padding: 5px
}
.caseStudyCon .mainBar {
  float: left;
  margin-right: 30px;
  width: 550px
}
.caseStudyCon .sideBar {
  display: block;
  overflow: hidden
}
.sideBar.moreInfoBlk {
  margin-top: 75px
}
.sideBar.moreInfoBlk b {
  font-size: 17px;
  margin-bottom: 5px
}
.imgCon {
  float: left;
  margin: 0 20px 0 0
}
.sideBar.overview {
  background: url(../images/bg-pattern.png);
  margin-bottom: 25px;
  padding: 15px;
  position: relative;
  top: 80px
}
.sideBar.overview &gt; div {
  background: url(../images/icon-overview.jpg) no-repeat right 10px #FFF;
  padding: 3px 10px
}
#scroll .sideBar.overview ul {
  list-style: none;
  margin: 0;
  padding: 10px
}
.sideBar.overview ul li:first-child {
  font-size: 20px;
  margin-bottom: 5px
}
.caseStudyCon {
  border-bottom: 1px dashed #bbb;
  overflow: hidden;
  padding-bottom: 10px
}
.caseStudyCon.noBorder {
  border: medium none;
  padding: 0
}
.caseStudyCon h2 {
  margin-bottom: 20px;
  color: #000
}
.sideBar.testi p:after {
  position: absolute;
  bottom: -18px;
  left: 45px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 19px 19px 0 0;
  border-color: #f4f4f4 transparent transparent
}
.sideBar.testi p {
  background: #F4F4F4;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-bottom: 45px;
  margin-top: 10px;
  padding: 15px 20px;
  position: relative
}
.sideBar.testi p.noHead {
  margin-top: 0
}
.sideBar.testi i {
  display: block;
  font-size: 13px;
  font-weight: 700;
  margin-top: 5px;
  text-align: right
}
.imageCus {
  float: left;
  margin-right: 15px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden
}
.caseStudyCon .sideBar.testi.topSpace p {
  min-height: 130px
}
.caseStudyCon .sideBar.testi.topSpace {
  top: 70px
}
.sideBar b {
  font-weight: 700
}
.caseStudyCon .sideBar.testi {
  top: 20px;
  position: relative
}
.caseStudyAlt .mainBar {
  float: right;
  margin: 0 0 0 30px
}
.caseStudyAlt .sideBar.testi p:after {
  left: auto;
  right: 45px;
  border-width: 0 19px 19px 0;
  border-color: transparent #f4f4f4 transparent transparent
}
.caseStudyCon.caseStudyBlk .mainBar {
  float: none;
  width: auto
}
#scroll ul.socialBlk {
  margin: 0;
  padding: 0;
  list-style: none
}
ul.socialBlk li {
  overflow: hidden;
  margin-bottom: 10px
}
ul.socialBlk li .socialText {
  float: left;
  margin-right: 10px;
  width: 150px;
  height: 21px
}
.socialText &gt; div {
  float: left;
  width: 52px
}
.iconBlog, .iconFb, .iconTwit {
  background-image: url(../images/icon-social.png);
  width: 23px;
  height: 23px;
  float: left
}
.linkME {
  display: inline-block;
  margin-bottom: 10px
}
.iconBlog {
  background-position: 0 0
}
.iconFb {
  background-position: 0 -33px
}
.iconTwit {
  background-position: 0 -66px
}
.headerStyle1, .headerStyle2 {
  color: #4c596e;
  font-size: 32px;
  line-height: 43px;
  padding: 0 0 10px !important;
  text-transform: uppercase
}
.headerStyle2 {
  color: #333;
  text-align: left;
  padding: 0 10px 0 0 !important;
  margin: 0
}
.headerStyle3 {
  color: #44545c;
  margin: 0 0 15px;
  padding: 0 0 10px;
  font-size: 32px;
  text-transform: uppercase;
  line-height: 36px;
  display: block
}
.headerStyle5 {
  margin: 0 180px 30px;
  padding: 0 0 10px;
  color: #777;
  font-weight: 300 !important;
  font-size: 32px;
  line-height: 36px;
  border-bottom: 1px dotted #bababa;
  text-transform: uppercase
}
.pg-head {
  font-weight: 300
}
.value-proposition {
  width: 90px;
  float: left;
  height: 80px;
  background-image: url(../images/value-proposition.png);
  background-repeat: no-repeat;
  margin: 10px 5px 0 0
}
.icon1 {
  background-position: -5px -2px
}
.icon2 {
  background-position: -111px -78px
}
.icon3 {
  background-position: -18px -82px
}
.icon4 {
  background-position: -106px 2px
}
.iconProduct {
  background-position: -202px 6px
}
.icongdpr {
  background-position: -202px -73px
}
.section2 {
  padding: 30px 0 10px 30px !important;
  overflow: hidden
}
.section2 li {
  float: left;
  width: 48%;
  padding: 0 2% 30px 0;
  margin: 0;
  list-style: none
}
.wid350 {
  width: 350px;
  padding: 0 10px
}
.bg-gradient {
  background: url(../images/section1-bg.gif) repeat-x #fff top left
}
.successStories {
  padding: 0;
  margin: 15px 0 0
}
.successStories li {
  padding: 0;
  margin: 0 0 50px;
  list-style: none;
  background: url(../images/pointer.png) no-repeat 85px 0;
  display: block;
  overflow: hidden;
  line-height: 28px;
  font-size: 16px;
  color: #666
}
.successStories-cont {
  display: inline-block;
  float: right;
  width: 340px
}
.customerImg {
  display: inline-block;
  width: 62px;
  height: 62px;
  border-radius: 62px;
  border: 5px solid #c5d6b0;
  float: left
}
.customerImg img {
  border-radius: 62px
}
.redBtn {
  color: #666;
  cursor: pointer;
  margin: -20px 0 20px 125px
}
.pT40 {
  padding-top: 40px
}
.pLR {
  padding: 0 10px !important
}
.bgBlue {
  background: url(../images/bgBlue.gif) repeat top left
}
.txtWhite {
  color: #fff
}
.feaGallery {
  clear: both;
  padding: 0;
  position: relative;
  display: inline-block;
  margin: 0 0 40px
}
.hidden {
  display: none
}
.gartner a, .softpedia a, .silver a, .bronze a, .virtualization a {
  background-image: url(../images/awards.png);
  background-repeat: no-repeat;
  height: 150px;
  margin: 25px 45px;
  width: 150px;
  display: block
}
.gartner a {
  background-position: 0 0
}
.softpedia a {
  background-position: -172px 0
}
.silver a {
  background-position: -812px 0;
  width: 180px !important;
  margin-left: 30px
}
.bronze a {
  background-position: -458px 0;
  width: 180px !important;
  margin-left: 30px
}
.virtualization a {
  background-position: -653px -16px;
  width: 139px !important;
  margin: 50px 0 0 50px
}
.watch-video {
  border-top: 1px solid #d2d2d2;
  clear: both;
  margin: 0 auto;
  width: 100%;
  margin-top: 65px
}
h3.fearHeader {
  color: #d1d1d1;
  font-size: 26px;
  font-weight: 200;
  padding: 0 0 5px 10px;
  margin: 0 !important
}
h3.fearHeader + p {
  color: #e1e3e4;
  line-height: 20px;
  padding: 7px 0 20px 10px !important;
  margin: 0 !important;
  height: 40px
}
.next {
  background: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 37px;
  color: #333;
  position: absolute;
  top: 280px;
  right: -100px;
  display: block;
  z-index: 100000;
  font-size: 22px;
  cursor: pointer
}
.previous {
  background: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 37px;
  color: #333;
  position: absolute;
  top: 280px;
  left: -100px;
  display: block;
  z-index: 100000;
  font-size: 22px;
  cursor: pointer
}
.overlayDiv {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .4;
  filter: alpha(opacity=40);
  top: 0;
  left: 0;
  z-index: 99999
}
#appVideo-testimonial {
  position: fixed;
  z-index: 999999;
  top: 20%;
  left: 30%;
  margin-left: -90px;
  margin-top: -50px;
  background: #333;
  padding: 20px 20px 10px
}
.closeVideo {
  background: #333;
  color: #fff;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: -9px;
  text-align: center;
  top: -11px;
  width: 40px;
  cursor: pointer;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  transition: all .4s;
  -moz-transition: all .4s;
  -webkit-transition: all .4s
}
.closeVideo:hover {
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -webkit-transform: rotate(360deg)
}
#appVideo-testimonial.bigFrame {
  left: 5%;
  margin-left: 0;
  right: 5%;
  top: 10%;
  bottom: 10%
}
#appVideo-testimonial.bigFrame iframe {
  width: 100% !important;
  height: 100% !important
}
.end {
  opacity: .3;
  filter: alpha(opacity=30);
  cursor: default !important
}
.customersLogo img, .feaBigImg img, .feaSmallImg img {
  max-width: 100% !important
}
.feaBigImg img {
  border: 2px solid #bababa
}
.videoBlock {
  cursor: pointer;
  position: relative;
  float: left;
  margin-right: 25px
}
.videoPlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border: solid 1px #e3e3e3;
  background-image: url(../images/bg-play.png);
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.4);
  background-position: center center;
  transition: all .4s;
  -moz-transition: all .4s;
  -webkit-transition: all .4s
}
.videoPlay.videoPlayHide {
  background: none
}
.videoBlock:hover .videoPlay {
  background-color: rgba(0, 0, 0, 0.2)
}
.logoCustomer {
  background: url(../images/sprite-logo-customer.jpg) no-repeat;
  border-bottom: 3px solid #7bbb2a;
  padding-bottom: 2px;
  margin-bottom: 10px;
  text-indent: -999em
}
.logoAlcatel {
  background-position: 0 -302px;
  width: 158px;
  height: 34px
}
.logoUnited {
  background-position: 0 -358px;
  width: 178px;
  height: 18px
}
.logoBridge {
  background-position: 0 0;
  width: 235px;
  height: 41px
}
.logoIntra {
  background-position: 0 -101px;
  width: 285px;
  height: 22px
}
.logoSirona {
  background-position: 0 -51px;
  width: 203px;
  height: 36px
}
.logoPages {
  background-position: 0 -137px;
  width: 115px;
  height: 41px
}
.logoHenrich {
  background-position: 0 -197px;
  width: 210px;
  height: 22px
}
.logoStc {
  background-position: 0 -238px;
  width: 109px;
  height: 44px
}
.logoZe {
  background-position: 0 -278px;
  width: 55px;
  height: 44px
}
.logoWipro {
  background-position: 0 -323px;
  width: 55px;
  height: 44px
}
.logoEga {
  background-position: -125px -238px;
  width: 115px;
  height: 40px
}
.logolexmark {
  background-position: -67px -285px;
  width: 130px;
  height: 35px
}
#customers.customersLogo .bg-l-grey {
  padding-bottom: 10px
}
#customers.customersLogo ul {
  height: 57px;
  overflow: hidden
}
#customers.customersLogo ul li {
  padding: 0;
  width: 1000px
}
#customers.customersLogo h3 {
  padding: 0 0 20px
}
#customers.customersLogo ul li a {
  display: block
}
#customers.customersLogo .cust-logo a.more {
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  margin-right: 10px
}
#customers.customersLogo .cust-logo a:hover {
  margin-right: 0
}
.bg-l-grey.testimonialCon {
  padding: 5px 20px;
  margin-bottom: 40px
}
.custVideoCon {
  overflow: hidden;
  margin-bottom: 70px
}
.videoContent {
  overflow: hidden;
  display: block
}
.videoContent h4 {
  font-weight: 700;
  color: #000;
  margin: 0;
  text-align: left;
  font-size: 18px
}
.videoContent p {
  font-size: 16px;
  color: #333
}
.videoContent p.custName {
  font-size: 14px;
  background: url(../images/bg-name-seperator.jpg) no-repeat 0 11px;
  padding-left: 45px
}
.videoContent p.custName b {
  font-weight: 700
}
.testimonialCon {
  overflow: hidden
}
.testimonialCon &gt; p {
  float: left
}
.testimonialCon &gt; p.more {
  float: right
}
.videoSiebel.videoBlock {
  border-radius: 4px;
  overflow: hidden;
  border: solid 8px #f3f3f3;
  width: 300px;
  margin-right: 0
}
.videoSiebel .videoPlay {
  background-size: 25%;
  background-color: rgba(255, 255, 255, 0.5)
}
.mL30 {
  margin-left: 30px
}
.sliderCustomer .bx-viewport {
  background: #23ad9e
}
.sliderCustomer {
  overflow: hidden;
  position: relative;
  max-height: 333px
}
.sliderCustomer ul {
  list-style: none !important;
  margin: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important
}
.bx-wrapper {
  position: relative
}
.bx-wrapper img {
  display: block;
  max-width: 100%
}
.bx-controls.bx-has-pager.bx-has-controls-direction {
  position: absolute;
  bottom: 20px;
  right: 60px
}
.customersLogo .bx-controls.bx-has-pager.bx-has-controls-direction, .bx-controls-auto {
  display: none
}
.bx-pager-item {
  display: inline-block;
  margin-left: 5px
}
a.bx-pager-link {
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  width: 8px;
  height: 8px;
  background: #C9C9C9;
  text-indent: -999em;
  display: block
}
.bx-controls-direction {
  display: none
}
a.bx-pager-link:hover, a.bx-pager-link.active {
  background: #fff
}
.videoSec {
  overflow: hidden
}
.videoCon {
  display: inline-block;
  width: 325px;
  vertical-align: bottom
}
.videoCon img {
  max-width: 100%
}
.videoCon .videoBlock {
  margin-right: 0
}
.videoConOdd {
  margin-right: 55px
}
.videoCon h3 {
  font-size: 18px;
  line-height: 1.2
}
.proVideoBlock .per50 {
  text-align: center
}
.webinar-form-cont {
  width: 40%;
  float: right;
  border-left: 1px solid #fff;
  padding: 0 0 0 5%
}
#webinarSubmit {
  background: #7bbb2a !important;
  width: 100% !important;
  padding: 10px 0 !important;
  text-align: center;
  color: #fff !important;
  cursor: pointer
}
.hmcontent {
  padding: 0 10px
}
.listStyle2 {
  list-style-type: disc;
  padding: 0 0 10px 30px
}
.listStyle2 li {
  padding: 6px 0
}
.webinar-video {
  margin: 0 auto;
  border: 10px solid #e3e3e3;
  width: 560px;
  margin-bottom: 30px;
  margin-top: 30px;
  cursor: pointer
}
.webinar-form-head {
  font-size: 13px;
  line-height: 18px
}
.flexslider {
  width: 100% !important
}
.flexBnrslides {
  overflow: hidden
}
.flexBnrslides li img {
  width: 100%;
  height: auto
}
.flexBnrslides li a img {
  width: auto !important;
  height: auto !important
}
.bannerContent {
  color: #fff;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  max-height: 380px
}
.bannerContainer {
  width: 1000px;
  margin: 0 auto
}
.bannerHea {
  font-size: 37px;
  color: #fff;
  padding: 30px 0 0
}
.testiBox {
  width: 100%;
  height: 338px;
  background: url(../images/apm-testi-box.png) no-repeat;
  margin: 30px 0 0
}
.testiBoxCont {
  width: 600px;
  padding: 12px 95px 0 0;
  float: right
}
.bannerHea2 {
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px !important;
  padding: 0 20px 0 52px;
  margin: 15px 0 10px !important
}
.bannerHea2 span {
  font-size: 30px;
  font-weight: 700
}
.testiBut {
  margin: 15px 0 0
}
.testiBut a {
  background: #78bd19;
  color: #fff;
  text-align: center;
  font-size: 20px;
  padding: 10px 20px;
  margin: 0 10px 0 0;
  cursor: pointer;
  text-decoration: none
}
.testi-author {
  display: block;
  font-size: 18px;
  color: #b5bebd;
  font-weight: 400
}
.testi-author span {
  font-size: 14px
}
.userConf {
  position: relative;
  z-index: 1
}
.userConf:before {
  position: absolute;
  content: '';
  right: 50%;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #5c8d1a;
  z-index: -1
}
.userConf:after {
  position: absolute;
  content: '';
  left: 50%;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: -1
}
.whatsNew {
  position: relative;
  z-index: 1
}
.whatsNew:before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #194e71;
  z-index: -1
}
.screenSlider {
  margin-bottom: 30px;
  overflow: visible
}
.screenSlider h2, .screenSlider p {
  text-align: center;
  margin-bottom: 15px;
  line-height: 1
}
.screenSlider.flexslider {
  max-height: none
}
.screenSlider .flex-direction-nav {
  display: block
}
.screenImages {
  height: 466px;
  border: solid 1px #D2D2D2;
  overflow: hidden;
  box-shadow: 0 0 10px #aaa;
  margin: 30px 8px 8px
}
.screenSlider .flex-direction-nav li a {
  border: solid 1px #ABABAB;
  border-radius: 50%;
  padding: 10px;
  opacity: .3;
  top: 44%;
  box-shadow: 0 0 15px #aaa
}
.screenSlider .flex-direction-nav li a.flex-prev {
  left: -55px;
  background: #fff url(../images/left-arrow.png) no-repeat center center
}
.screenSlider .flex-direction-nav li a.flex-next {
  right: -55px;
  background: #fff url(../images/right-arrow.png) no-repeat center center
}
.screenSlider .flex-control-nav {
  right: 5px;
  bottom: -23px
}
.screenSliderOuter {
  margin: 0 70px
}
.screenImages {
  height: 250px;
  border: solid 1px #D2D2D2;
  overflow: hidden;
  box-shadow: 0 0 10px #aaa;
  margin: 30px 8px 8px
}
.exchangeMonList .screenSliderOuter li, .sharepoint li {
  clear: none !important
}
.screenSliderOuter .flexBnrslides {
  padding-left: 0 !important
}
.supportMain {
  float: left;
  overflow: hidden;
  width: 76%;
  margin-right: 10px;
  margin-left: -10px
}
#scroll .supportBlock ul {
  padding: 0;
  list-style: none
}
.supportBlock li {
  float: left;
  width: 27.7%;
  margin: 0 10px 20px;
  border: solid 1px #ddd;
  font-size: 13px;
  padding: 10px;
  text-align: center;
  height: 200px;
  overflow: hidden
}
.supportBlock li i {
  font-style: normal;
  display: inline-block;
  margin: 15px
}
.iconSupport {
  background: url(../images/icon-sprite-support.png) no-repeat
}
.iconSupport.iconReq {
  width: 31px;
  height: 36px;
  background-position: -12px 0
}
.iconSupport.iconService {
  background-position: -69px -1px;
  width: 26px;
  height: 32px
}
.iconSupport.iconTrouble {
  background-position: -119px -1px;
  width: 36px;
  height: 36px
}
.iconSupport.iconAddons {
  background-position: -167px -48px;
  height: 38px;
  width: 54px
}
.iconSupport.iconForum {
  background-position: 0 -50px;
  width: 54px;
  height: 36px
}
.iconSupport.iconVideo {
  background-position: -64px -48px;
  width: 36px;
  height: 36px
}
.iconSupport.iconFeature {
  background-position: -63px -85px;
  width: 39px;
  height: 39px
}
.iconSupport.iconCommunity {
  background-position: -8px -87px;
  width: 40px;
  height: 40px
}
.iconSupport.iconTele {
  background-position: -172px -1px;
  width: 36px;
  height: 36px
}
.supportBlock li h3 {
  font-size: 16px;
  margin: 0 0 10px;
  font-weight: 600
}
.supportBlock li h4 {
  font-size: 14px;
  margin: 0 0 10px;
  font-weight: 600
}
.supportBlock li p {
  margin: 0 0 10px
}
.supportSide {
  overflow: hidden;
  text-align: center;
  display: block
}
.supportSide h4 + p {
  line-height: 2.2
}
.supportSide li {
  float: none;
  width: auto;
  margin: 0;
  height: 442px
}
#archive-number {
  background: #fff;
  width: 100px;
  height: 30px;
  font-size: 14px;
  border: 1px solid #ccc;
  outline: none
}
.dwn-link {
  min-height: 300px !important
}
.dwn-link-cont {
  float: left !important;
  min-height: 250px !important;
  border-right: 1px dotted #e3e3e3;
  padding-top: 20px
}
.dwn-form-cont {
  min-height: 300px;
  padding: 0 2% 5px;
  float: none;
  margin: 0 auto
}
.dwn-nav-link {
  line-height: 46px;
  display: block;
  text-align: center;
  background: #293339;
  margin-top: 2px;
  color: #bfc2c4
}
.dwn-nav-link a {
  color: #bfc2c4
}
.download-bullet {
  padding: 0;
  margin: 50px 25px 0 0
}
#downloadSubmit, .submitButton {
  background: #E9142B;
  font-size: 18px;
  font-weight: 300px;
  color: #fff !important;
  line-height: 24px;
  width: 100%;
  margin-top: 20px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  border: 1px solid #E9142B
}
.submitButton {
  font-size: 15px !important
}
.dwn-nav-link {
  line-height: 46px;
  display: block;
  text-align: center;
  background: #ECEDEE;
  margin-top: 2px;
  color: #333
}
.dwn-nav-link a {
  color: #333
}
.dwn-desc {
  margin: 25px auto 0 !important;
  width: 80%
}
a.btnDownload {
  padding: 7px 20px;
  font-size: 42px;
  background: #E9142B;
  margin: 10px;
  display: inline-block;
  color: #fff;
  line-height: 42px;
  font-weight: 300;
  border-radius: 5px
}
a.btnDownload:hover {
  text-decoration: none !important
}
.btnDownload &gt; span {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  float: none;
  font-size: 28px;
  font-weight: 400;
  line-height: 28px
}
#successMsg {
  text-align: center;
  min-height: 351px
}
#successMsg small {
  font-size: 16px;
  display: block;
  line-height: 1.6;
  margin: 10px 0 40px
}
#successMsg .linksDwn a {
  border-left: solid 1px #000;
  padding: 0 10px 0 13px
}
#successMsg .linksDwn a:first-child {
  border-left: none
}
#successMsg .nav-dwn a {
  width: auto;
  padding: 4px 15px;
  font-size: 18px
}
#successMsg .nav-dwn a:hover {
  text-decoration: none
}
.dwn-form textarea {
  border: 1px solid #bbb;
  color: #777;
  font-family: inherit;
  font-size: 13px;
  margin-top: 10px;
  outline: medium none;
  padding: 10px;
  transition: all .2s ease-in-out 0;
  width: 90%;
  height: 100px
}
.getquoteMain {
  width: 65%;
  padding: 0;
  float: left;
  overflow: hidden
}
.getquoteForm {
  display: block;
  overflow: hidden;
  padding: 0 0 0 30px;
  border-left: 1px dotted #e3e3e3
}
.getquoteForm input[type="text"], .getquoteForm textarea {
  width: 90%
}
.getquoteForm input[type="submit"] {
  font-size: 20px;
  text-transform: uppercase
}
#successMsg .editionBox li {
  width: 25%;
  display: inline-block;
  background: #E7E7E7;
  margin: 0 15px 15px;
  min-height: 250px;
  vertical-align: top;
  text-align: center
}
.editionBox li {
  width: 44%;
  display: inline-block;
  background: #E7E7E7;
  margin: 0 15px 15px;
  min-height: 260px;
  vertical-align: top;
  text-align: center
}
.editionBox li:hover a {
  text-decoration: none
}
.editionBox {
  list-style: none;
  padding: 7px 0 0
}
.editionBox li {
  padding: 0 0 20px
}
.editionBox li h2 {
  font-size: 20px;
  padding: 10px 20px;
  margin: 0 0 15px;
  background: #4f565e;
  color: #fff
}
.editionBox li h3 {
  padding: 10px 0;
  margin: 0;
  font-weight: 700
}
.editionBox li h3 &gt; span {
  font-size: 12px
}
.editionBox li p {
  padding: 0 20px;
  margin: 0;
  font-size: 14px;
  line-height: 22px
}
.callUs {
  font-size: 20px;
  line-height: 24px
}
.callUs strong {
  font-weight: 700
}
.linksSec {
  margin: 10px 10px 35px;
  text-align: center
}
.linksSec h3 {
  margin: 0 0 10px
}
.btnLinux, .btnWin {
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s
}
.btnLinux {
  background: #10a8a3 !important
}
.btnLinux:hover {
  background: #07736F !important;
  box-shadow: 0 0 10px #7B7B7B
}
.btnWin {
  background: #025f7d !important
}
.btnWin:hover {
  background: #03475E !important;
  box-shadow: 0 0 10px #7B7B7B
}
.editionBox ul {
  padding: 10px 0 0 !important
}
.waveAnim &gt; li:nth-child(1n+1) {
  -webkit-animation: wave .5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
  -moz-animation: wave .5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
  animation: wave .5s cubic-bezier(0.175, 0.885, 0.320, 1.275)
}
.waveAnim &gt; li:nth-child(2n+2) {
  -webkit-animation: wave .8s cubic-bezier(0.175, 0.885, 0.320, 1.275);
  -moz-animation: wave .8s scubic-bezier(0.175, 0.885, 0.320, 1.275);
  animation: wave .8s cubic-bezier(0.175, 0.885, 0.320, 1.275)
}
@-webkit-keyframes wave {
  0% {
    -webkit-transform: scale(0.5)
  }
  100% {
    -webkit-transform: scale(1)
  }
}
@-moz-keyframes wave {
  0% {
    -moz-transform: scale(0.5)
  }
  100% {
    -moz-transform: scale(1)
  }
}
@keyframes wave {
  0% {
    transform: scale(0.5)
  }
  100% {
    transform: scale(1)
  }
}
.downloadTxt {
  padding: 0 12px
}
.iconSprite {
  background: url(../images/icon-sprite.png) no-repeat;
  height: 30px;
  width: 30px;
  display: inline-block;
  vertical-align: middle
}
.iconWindows {
  background-position: 0 0
}
.iconLinux {
  background-position: -45px 0;
  height: 35px
}
.downloadTxt i {
  font-size: 13px;
  line-height: 20px;
  font-style: normal;
  display: block
}
.btnDownload {
  padding: 10px 25px
}
.sideBar.testi-new .cust-details {
  display: block;
  font-size: 13px;
  font-weight: 700;
  margin-top: 14px;
  text-align: left;
  line-height: 20px;
  font-weight: normal;
  font-style: normal
}
.sideBar.testi-new p.quotes-txt {
  font-size: 20px;
  font-style: italic;
  font-weight: 200;
  line-height: 32px;
  padding-top: 10px
}
.sideBar.testi p.custMargin {
  margin-bottom: 20px
}
.imageCus1 {
  float: left;
  margin-right: 15px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden
}
.cust-lhgt {
  line-height: 28px
}
.pB20 {
  padding-bottom: 20px !important
}
.custFix {
  background: #fff;
  width: 100%;
  height: 85px
}
.custFixDiv {
  position: fixed;
  width: 100%;
  top: 85px;
  background: #fff;
  z-index: 5;
  border-top: 1px solid #ececec;
  -webkit-box-shadow: 0 8px 6px -6px #ccc;
  -moz-box-shadow: 0 8px 6px -6px #ccc;
  box-shadow: 0 8px 6px -6px #ccc
}
.custFix ul {
  text-align: center
}
.custFix ul li {
  background-image: url(../images/tab-link-img.jpg);
  background-repeat: no-repeat;
  display: inline-block;
  text-align: center;
  margin: 0 5%;
  width: 15%;
  height: 50px;
  cursor: pointer;
  color: #777;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase
}
.custFixDiv ul li {
  border-top: 2px solid #fff
}
.custFix ul li .tab-link {
  display: inline-block;
  padding-top: 55px
}
.custFix ul li:hover {
  color: #7BBB2A
}
.custFix ul li.custFixAct {
  color: #7BBB2A;
  border-top: 2px solid #7BBB2A;
  top: -1px
}
.custFix ul li.custFixAct:hover {
  color: #7BBB2A
}
.tab-img1 {
  background-position: 50% -47px
}
.tab-img1:hover, li.custFixAct.tab-img1 {
  background-position: 50% 6px
}
.tab-img2 {
  background-position: 50% -156px
}
.tab-img2:hover, li.custFixAct.tab-img2 {
  background-position: 50% -102px
}
.tab-img3 {
  background-position: 50% -257px
}
.tab-img3:hover, li.custFixAct.tab-img3 {
  background-position: 50% -208px
}
.testimonialSec {
  background: url(../images/testimonial-bg.gif) no-repeat bottom left;
  min-height: 480px
}
.apmbg-darkGrey {
  background: #363636
}
.apmHeader2 {
  font-size: 33px;
  line-height: 50px;
  font-weight: 400;
  margin: 30px 0 0;
  padding-bottom: 50px;
  color: #fff
}
.subHeader {
  font-size: 18px;
  line-height: 50px;
  font-weight: 300;
  color: #c2c2c2
}
.customer-testimonials {
  width: 485px;
  height: 175px;
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
  font-style: italic;
  color: #fff;
  margin: 60px 0 0 75px
}
.succ-author {
  text-align: right;
  font-style: normal !important
}
.flexslider1 {
  position: relative;
  display: inline-block
}
.flexslider1 h4 {
  min-height: 85px;
  line-height: 28px
}
.flexslider1 &gt; .flex-control-nav {
  bottom: -60px;
  position: absolute;
  left: -230px !important;
  text-align: center;
  z-index: 90
}
.flex-control-nav li a {
  text-indent: -10000000000px
}
.case-study-widget {
  background: #fff;
  border: 1px solid #ccc;
  height: 280px;
  margin: 0 20px;
  padding: 10px;
  position: relative;
  overflow: hidden
}
.case-study-box {
  display: inline-block;
  width: 100%;
  height: 230px;
  overflow: hidden;
  border-bottom: 2px solid #7bbb2a
}
.image-section {
  display: block;
  overflow: hidden
}
a.case-study-box:hover {
  background: #000;
  display: block
}
a.case-study-box:hover .image-section {
  opacity: .2
}
.highlt-quote {
  height: 53px;
  background: #fff;
  color: #3c3c3c;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 4px 10px 0
}
.case-study-hover-content {
  display: none;
  position: absolute;
  top: 0;
  padding: 10px 20px 10px 10px;
  font-size: 12px;
  z-index: 2;
  color: #fff;
  overflow: hidden
}
.case-study-hover-content h2, .case-study-hover-content h3 {
  color: #8fbb36
}
.case-study-hover-content b {
  font-weight: 700
}
.case-study-hover-content span {
  display: block;
  border-top: 1px solid #8fbb36;
  text-align: right;
  padding-top: 10px;
  font-weight: 600
}
a.case-study-box:hover .case-study-hover-content {
  display: block
}
.case-study-hover-content p {
  height: 100px;
  overflow: hidden
}
.maxWidth52 {
  max-width: 52%;
  overflow: hidden
}
.bgColorTrans {
  background-color: transparent
}
.mB5 {
  margin-bottom: 5px
}
.videoContent a.custName {
  font-size: 14px;
  color: #7BBB2A;
  padding: 5px 0;
  font-weight: 700;
  float: right
}
.resourceFix {
  background: #fff;
  width: 100%;
  height: 70px
}
.resourceFixDiv {
  position: fixed;
  width: 100%;
  top: 85px;
  height: 80px;
  background: #fff;
  z-index: 5;
  border-top: 1px solid #ececec;
  -webkit-box-shadow: 0 8px 6px -6px #ccc;
  -moz-box-shadow: 0 8px 6px -6px #ccc;
  box-shadow: 0 8px 6px -6px #ccc
}
.resourceFixDiv ul li {
  padding-top: 5px
}
.resourceFix ul {
  text-align: center;
  padding: 0 !important
}
.resourceFix ul li {
  list-style-type: none;
  float: left;
  width: 25%;
  height: 40px;
  cursor: pointer;
  color: #777;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  vertical-align: text-top;
  line-height: 18px;
  margin: 0
}
.resourceFix ul li:hover, .resourceFix ul li:hover div, .resourceFix ul li:hover span {
  color: #7BBB2A;
  border-color: #7BBB2A
}
.resourceFix ul li.first-tab, .resourceFix ul li.first-tab div, .resourceFix ul li.first-tab span {
  color: #7BBB2A;
  border-color: #7BBB2A
}
.resourceFixDiv ul li.first-tab, .resourceFixDiv ul li.first-tab div, .resourceFixDiv ul li.first-tab span {
  color: #777;
  border-color: #aaa
}
.resourceFix ul li a {
  color: #777
}
.resourceFix ul li div {
  position: relative;
  border-top: 2px solid #aaa;
  margin-top: 20px;
  display: block
}
.resourceFix ul li span {
  position: absolute;
  top: -10px;
  left: 45%;
  background: #fff;
  width: 15px;
  height: 15px;
  border: 2px solid #aaa;
  border-radius: 15px;
  -moz-border-radius: 15px;
  webkit-border-radius: 15px
}
.resourceFix ul li.first-tab div {
  margin-left: 50%
}
.resourceFix ul li.last-tab div {
  margin-right: 50%
}
.resourceFix ul li.first-tab span {
  left: 0
}
.resourceFix ul li.last-tab span {
  left: 90%
}
.resourceFix ul li .tab-link {
  display: inline-block
}
.resourceFix ul li.resourceFixAct {
  color: #7BBB2A
}
.resourceFix ul li.resourceFixAct div, .resourceFix ul li.resourceFixAct span {
  border-color: #7bbb2A
}
.whitepaper-cont h3, .prod-pdf-cont h3 {
  margin: 0
}
.whitepaper-cont p, .prod-pdf-cont p {
  margin: 10px 0 15px
}
.whitepaper-cont a, .prod-pdf-cont a {
  color: #7bbb2a
}
.prod-pdf-cont a {
  padding: 0 5px
}
.pL0 {
  padding-left: 0 !important
}
.resourceFix ul li a {
  display: block
}
.help-document {
  width: 90px;
  float: left;
  height: 80px;
  background-image: url(../images/help-document.png);
  background-repeat: no-repeat;
  margin: 10px 5px 10px 0;
  display: inline-block
}
.mB50 {
  margin-bottom: 50px
}
.help-document.icon3 {
  background-position: -8px -63px
}
.help-document.icon4 {
  background-position: -106px 18px
}
.prod-brochures a {
  border: 1px solid #ececec
}
/*.bannerGartner{background-color:#002c5a;margin:86px auto 0}*/
.bannerGartner {
  background-color: #0c1417;
  margin: 86px auto 0
}
.bannerGartner a {
  cursor: default
}
.bannerGartner img {
  margin: 0 auto;
  display: block;
  max-width: 100%
}
.gartner-info {
  padding: 10px 0 10px 30px;
  list-style-type: disc
}
.gartner-info li {
  line-height: 32px
}
.gartnerformbgdiv {
  background: #fff;
  width: 100%;
  margin: 0 auto
}
.gartner-container .mainBar {
  float: left;
  width: auto;
  width: 650px;
  margin-right: 40px
}
.gartner-container .sideBar {
  float: right;
  overflow: hidden;
  margin-left: 20px;
  padding-left: 30px;
  width: 250px;
  border-left: 1px solid #ccc
}
h4.sideHeaderGartner {
  margin: 0 0 10px
}
.gartnerformbgdiv h2 {
  font-weight: 300;
  margin: 0 0 0 10px;
  text-align: center
}
.sapList b {
  line-height: 1;
  display: block;
  margin-bottom: 10px;
  font-weight: 700
}
.sapList li {
  clear: both;
  list-style: none;
  padding-left: 0
}
.sapList h3 {
  line-height: auto !important;
  margin-bottom: 0
}
#scroll ul.list.sapList {
  padding-left: 0
}
.sapList li &gt; div {
  margin-top: 0;
  text-align: left
}
.sapList li &gt; div img {
  margin: 5px 0 25px;
  float: none
}
.subContent {
  padding: 0 !important;
  margin-bottom: 30px
}
.textCenter {
  text-align: center !important
}
.textCenter &gt; * {
  display: inline-block
}
.sapList.exchangeMonList li &gt; div img {
  margin-bottom: 0
}
.quote-box {
  padding: 25px;
  background: #23ad9e;
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  margin: 25px 0
}
.quote-box span {
  display: block;
  padding: 12px 0 0
}
.quote-box span em {
  font-size: 14px;
  font-style: italic
}
.ques-pop {
  position: fixed;
  right: 0;
  display: none;
  top: 55%;
  cursor: pointer
}
.ques-pop-container {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #000;
  display: none;
  height: 350px;
  left: 33%;
  margin-left: 0;
  max-width: 100%;
  overflow-y: scroll;
  padding: 20px;
  position: fixed;
  top: 140px;
  width: 420px;
  overflow: hidden
}
.ques-pop-close {
  font-size: 16px;
  position: absolute;
  right: 21px;
  padding-right: 5px;
  top: 2px;
  cursor: pointer
}
.cursor_pointer {
  cursor: pointer
}
.demo-pop-container {
  background: #fff url(../images/loader.GIF) no-repeat scroll 48% 25px;
  border: 1px solid #000;
  display: none;
  height: 98%;
  left: 2%;
  margin-left: 0;
  max-width: 100%;
  overflow-y: scroll;
  padding: 0;
  position: fixed;
  top: 1%;
  width: 96%;
  overflow: hidden;
  z-index: 99999999
}
.demo-pop-close {
  font-size: 16px;
  position: absolute;
  right: 4px;
  top: 0;
  cursor: pointer;
  color: #444;
  opacity: .9;
  line-height: 28px;
  margin-right: 12px;
  text-decoration: none !important;
  -webkit-box-shadow: -2px 0 10px 1px #959595;
  -moz-box-shadow: -2px 0 10px 1px #959595;
  box-shadow: -2px 0 10px 1px #959595
}
.demo-close-txt {
  padding: 5px 25px 5px 7px
}
.demo-pop-close #close {
  right: 3px
}
#cboxTitle {
  color: #fff;
  font-size: 14px
}
.cust-list-style li {
  padding-left: 10px;
  padding-bottom: 10px
}
.border-btm-cust {
  border-bottom: 1px solid #ccc
}
#colorbox, #cboxOverlay, #cboxWrapper {
  z-index: 999998
}
#backToTop {
  display: none !important;
  opacity: 0
}
.backToTop {
  background-color: #ddd;
  bottom: 80px;
  color: #000;
  cursor: pointer;
  display: none;
  font-size: 12px;
  padding: 5px 10px;
  position: fixed;
  right: 0
}
.bgDarkGrey {
  background: #596973
}
.headerStyle4 {
  font-size: 32px;
  font-weight: 300;
  text-align: center;
  padding: 0 0 45px;
  color: #fff
}
.subHeaderStyle {
  font-size: 22px;
  padding: 138px 0 0
}
.subHeaderStyle span {
  display: block;
  font-size: 16px;
  line-height: 22px;
  padding: 10px 0 0;
  opacity: .8;
  filter: alpha(opacity=80)
}
.iconImg {
  float: left;
  width: 31%;
  margin-right: 3.4%;
  width: 30%\9;
  margin-right: 3%\9;
  text-align: center;
  cursor: pointer;
  color: #fff;
  margin-bottom: 40px;
  min-height: 220px;
  min-height: 300px\9
}
.iconImg:last-child {
  margin-right: 0
}
.iconImg:hover {
  color: #73c323 !important;
  opacity: 1;
  filter: alpha(opacity=100)
}
.icon-endToend, .icon-availability, .icon-anywhere {
  background-image: url(../images/icons-monitors.png);
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}
.icon-endToend:after, .icon-availability:after, .icon-anywhere:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../images/icons-monitors.png);
  background-repeat: no-repeat;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 300px;
  height: 112px;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}
.icon-endToend {
  background-position: 25px 0;
  width: 305px;
  height: 112px
}
.icon-endToend:after {
  background-position: 25px -121px
}
.icon-availability {
  background-position: -258px 0;
  width: 300px;
  height: 112px
}
.icon-availability:after {
  background-position: -258px -122px;
  top: 1px !important
}
.icon-anywhere {
  background-position: -471px 0;
  width: 305px;
  height: 112px
}
.icon-anywhere:after {
  background-position: -471px -119px
}
.icon-endToend:hover:after, .icon-availability:hover:after, .icon-anywhere:hover:after {
  opacity: 1;
  filter: alpha(opacity=100)
}
.monitorCategory {
  width: 100%;
  padding: 20px 0 0;
  text-align: center;
  min-height: 190px
}
.monitorCategory div.box {
  width: 145px;
  height: 165px;
  display: inline-block;
  margin: 0 110px 0 0;
  padding: 0 5px;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  position: relative;
  float: left\9
}
.mR-none {
  margin-right: 0 !important
}
.applicationMonitor, .dbMonitor, .systemManagement, .virtualizationMonitor, .erpMonitor, .endUserMonitor, .middleware, .cloudMonitor {
  text-align: center;
  display: inline-block;
  width: 141px;
  height: 70px;
  padding: 93px 7px 0;
  overflow: hidden;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer;
  position: relative
}
.applicationMonitor:after, .dbMonitor:after, .systemManagement:after, .virtualizationMonitor:after, .erpMonitor:after, .endUserMonitor:after, .middleware:after, .cloudMonitor:after {
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all .5s;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 141px;
  height: 70px;
  padding: 93px 7px 0
}
.applicationMonitor h2, .dbMonitor h2, .systemManagement h2, .virtualizationMonitor h2, .erpMonitor h2, .endUserMonitor h2, .middleware h2, .cloudMonitor h2 {
  position: absolute;
  text-align: center;
  top: 95px;
  left: 0;
  width: 100%;
  z-index: 95;
  display: block;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -o-transition: all .4s;
  -ms-transition: all .4s;
  transition: all .4s;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  margin: 0
}
.applicationMonitor:hover.selected, .dbMonitor:hover.selected, .systemManagement:hover.selected, .virtualizationMonitor:hover.selected, .erpMonitor:hover.selected, .endUserMonitor:hover.selected, .middleware:hover.selected, .cloudMonitor:hover.selected {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff !important
}
.applicationMonitor:hover h2, .dbMonitor:hover h2, .systemManagement:hover h2, .virtualizationMonitor:hover h2, .erpMonitor:hover h2, .endUserMonitor:hover h2, .middleware:hover h2, .cloudMonitor:hover h2, .applicationMonitor.selected h2, .dbMonitor.selected h2, .systemManagement.selected h2, .virtualizationMonitor.selected h2, .erpMonitor.selected h2, .endUserMonitor.selected h2, .middleware.selected h2, .cloudMonitor.selected h2 {
  color: #fff !important
}
.applicationMonitor {
  background: url(../images/widest-monitoring.png) no-repeat -2px 13px #fff;
  border: 1px solid #47ab49;
  color: #47ab49
}
.applicationMonitor.selected {
  background: url(../images/widest-monitoring.png) no-repeat -2px -62px #47ab49
}
.dbMonitor {
  background: url(../images/widest-monitoring.png) no-repeat -160px 14px;
  border: 1px solid #149eba;
  color: #149eba
}
.dbMonitor.selected {
  background: url(../images/widest-monitoring.png) no-repeat -160px -68px #149eba
}
.systemManagement {
  background: url(../images/widest-monitoring.png) no-repeat -320px 14px;
  border: 1px solid #f05c34;
  color: #f05c34
}
.systemManagement.selected {
  background: url(../images/widest-monitoring.png) no-repeat -320px -77px #f05c34
}
.virtualizationMonitor {
  background: url(../images/widest-monitoring.png) no-repeat -480px 14px;
  border: 1px solid #03bca9;
  color: #03bca9
}
.virtualizationMonitor.selected {
  background: url(../images/widest-monitoring.png) no-repeat -480px -77px #03bca9;
  color: #fff
}
.erpMonitor {
  background: url(../images/widest-monitoring.png) no-repeat -640px 14px;
  border: 1px solid #fa7699;
  color: #fa7699
}
.erpMonitor.selected {
  background: url(../images/widest-monitoring.png) no-repeat -640px -69px #fa7699;
  color: #fff
}
.endUserMonitor {
  background: url(../images/widest-monitoring.png) no-repeat -800px 14px;
  border: 1px solid #fdb53f;
  color: #fdb53f
}
.endUserMonitor.selected {
  background: url(../images/widest-monitoring.png) no-repeat -800px -69px #fdb53f;
  color: #fff
}
.middleware {
  background: url(../images/widest-monitoring.png) no-repeat -960px 14px;
  border: 1px solid #5eb990;
  color: #5eb990
}
.middleware.selected {
  background: url(../images/widest-monitoring.png) no-repeat -960px -59px #5eb990;
  color: #fff
}
.cloudMonitor {
  background: url(../images/widest-monitoring.png) no-repeat -1120px 14px;
  border: 1px solid #69d0d0;
  color: #69d0d0
}
.cloudMonitor.selected {
  background: url(../images/widest-monitoring.png) no-repeat -1120px -61px #69d0d0;
  color: #fff
}
.monitorHeaderStyle {
  font-size: 32px;
  color: #717e83;
  margin: 40px 0;
  text-align: center
}
.monitorList {
  position: absolute;
  z-index: 90;
  display: block;
  top: 45px;
  left: 50px
}
.circle {
  width: 60px;
  border-radius: 60px;
  height: 60px;
  line-height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all .3s;
  cursor: pointer
}
.circle:before {
  width: 74px;
  border-radius: 74px;
  height: 74px;
  position: absolute;
  display: block;
  content: '';
  z-index: -1;
  left: -7px;
  top: -7px
}
.circle a {
  display: block;
  width: 100%;
  border-radius: 74px;
  padding: 60px 0 0;
  color: #3c3c3c;
  font-size: 11px;
  line-height: 12px;
  font-weight: 600
}
#dotNet, #glassFish, #jboss, #java, #tomcat, #vmware, #oracle, #mssql, #db2, #postgres, #cassandra, #mongoDB, #windows, #linux, #mac, #novell, #sunsolar, #aix, #hyperV, #esx, #vcenter, #vmware-connection, #xen, #virtual-machine, #oracleEBS, #sap, #sie, #ccms, #sap3, #sap4, #enduser1, #enduser2, #enduser3, #enduser4, #enduser5, #enduser6, #weblogic, #microsoft-mq, #share-point, #websphere-mb, #rabbitmq, #websphere-mq, #windows-azure, #s3, #ebs, #ec2, #rds, #amazon, #resin, #wildfly, #xenapp, #tuxedo, #biztalk, #informix {
  background-image: url(../images/sprite-monitors-icon.png);
  background-repeat: no-repeat
}
#dotNet {
  background-position: -45px 5px;
  background-color: #149eba
}
#glassFish {
  background-position: 9px 5px;
  background-color: #f15c32
}
#resin {
  background-position: 1px -391px;
  background-color: #f15c32
}
#wildfly {
  background-position: -63px -392px;
  background-color: #149eba
}
#jboss {
  background-position: -99px 5px;
  background-color: #47ab49
}
#java {
  background-position: -150px 3px;
  background-color: #ecb127
}
#tomcat {
  background-position: -198px 3px;
  background-color: #69d0d0
}
#vmware {
  background-position: -253px 6px;
  background-color: #5eb990
}
#oracle {
  background-position: 7px -44px;
  background-color: #f15c32
}
#mssql {
  background-position: -46px -47px;
  background-color: #149eba
}
#db2 {
  background-position: -103px -45px;
  background-color: #47ab49
}
#postgres {
  background-position: -167px -43px;
  background-color: #ecb127
}
#cassandra {
  background-position: -221px -42px;
  background-color: #69d0d0
}
#mongoDB {
  background-position: -268px -44px;
  background-color: #5eb990
}
#informix {
  background-position: -239px -193px;
  background-color: #47ab49
}
#windows {
  background-position: -43px -94px;
  background-color: #149eba
}
#linux {
  background-position: -259px -98px;
  background-color: #5eb990
}
#mac {
  background-position: -158px -92px;
  background-color: #ecb127
}
#novell {
  background-position: -211px -92px;
  background-color: #69d0d0
}
#sunsolar {
  background-position: 8px -95px;
  background-color: #f15c32
}
#aix {
  background-position: -99px -89px;
  background-color: #47ab49
}
#hyperV {
  background-position: 10px -144px;
  background-color: #f15c32
}
#esx {
  background-position: -43px -144px;
  background-color: #149eba
}
#vcenter {
  background-position: -96px -146px;
  background-color: #47ab49
}
#vmware-connection {
  background-position: -151px -145px;
  background-color: #ecb127
}
#xen {
  background-position: -205px -145px;
  background-color: #69d0d0
}
#virtual-machine {
  background-position: -257px -147px;
  background-color: #5eb990
}
#xenapp {
  background-position: -107px -247px;
  background-color: #5eb990
}
#oracleEBS {
  background-position: 10px -194px;
  background-color: #f15c32
}
#sap {
  background-position: -45px -194px;
  background-color: #149eba
}
#sie {
  background-position: -108px -196px;
  background-color: #47ab49
}
#ccms {
  background-position: -169px -194px;
  background-color: #ecb127
}
#sap3 {
  background-position: -45px -194px;
  background-color: #69d0d0
}
#sap4 {
  background-position: -45px -194px;
  background-color: #5eb990
}
#enduser1 {
  background-position: -47px -247px;
  background-color: #47ab49
}
#enduser2 {
  background-position: -45px 5px;
  background-color: #ecb127
}
#enduser3 {
  background-position: -150px 3px;
  background-color: #69d0d0
}
#enduser4 {
  background-position: -45px -194px;
  background-color: #ecb127
}
#enduser5 {
  background-position: 9px -246px;
  background-color: #149eba
}
#enduser6 {
  background-position: -45px -194px;
  background-color: #5eb990
}
#share-point {
  background-position: -104px -298px;
  background-color: #47ab49
}
#websphere-mb {
  background-position: -162px -297px;
  background-color: #ecb127
}
#rabbitmq {
  background-position: -209px -298px;
  background-color: #69d0d0
}
#websphere-mq {
  background-position: -258px -297px;
  background-color: #5eb990
}
#tuxedo {
  background-position: -176px -241px;
  background-color: #f15c32
}
#biztalk {
  background-position: -241px -243px;
  background-color: #149eba
}
#windows-azure {
  background-position: 5px -347px;
  background-color: #f15c32
}
#s3 {
  background-position: -47px -344px;
  background-color: #149eba
}
#ebs {
  background-position: -97px -345px;
  background-color: #47ab49
}
#ec2 {
  background-position: -197px -345px;
  background-color: #ecb127
}
#rds {
  background-position: -148px -344px;
  background-color: #69d0d0
}
#amazon {
  background-position: -254px -344px;
  background-color: #5eb990
}
.moreMonitors {
  font-size: 12px;
  color: #3c3c3c;
  padding: 15px 0 0 15px;
  opacity: 0;
  filter: alpha(opacity=0);
  text-decoration: none
}
.moreMonitors:hover {
  text-decoration: underline;
  color: #000
}
.bgDarkGrey2 {
  background: #44545c
}
#videoSection, #videoSection .container {
  min-height: 400px
}
.section4 {
  margin: 0;
  padding: 0;
  position: absolute;
  top: -70px
}
.section4 li {
  float: right;
  width: 37%;
  margin: 0 0 0 10%;
  padding: 0 0 30px 2%;
  list-style: none;
  text-align: center
}
.section4 li:first-child {
  float: left;
  list-style: outside none none;
  margin: 0 10% 0 0;
  padding: 0 2% 30px 0;
  text-align: center;
  width: 37%
}
.section4 h2 {
  color: #fff;
  padding: 20px 0 10px;
  margin: 0 auto;
  width: 100%;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px
}
div.cusName {
  font: bold 22px 'Open Sans', sans-serif;
  color: #05a4ee !important;
  text-transform: uppercase;
  padding: 14px 0 0
}
div.cusName span {
  font: 600 16px 'Open Sans', sans-serif;
  display: block
}
.videoCircle {
  width: 220px;
  height: 220px;
  border-radius: 220px;
  border: 10px solid #1b97d1;
  background: #fff;
  position: relative;
  overflow: hidden;
  margin: 0 auto
}
.overlay {
  background: rgba(27, 151, 209, 0);
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 100%;
  display: inline-block;
  position: absolute;
  transition: all .8s;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  z-index: 89;
  top: 0;
  left: 0
}
.videoCircle.hoverClass .overlay {
  background: rgba(27, 151, 209, 0.5)
}
.videoBut {
  background: url(../images/video-play.png);
  width: 57px;
  height: 69px;
  z-index: 88;
  margin: 80px 0 0 86px;
  top: -15px;
  left: 0
}
.overlay div {
  color: #fff;
  top: 150px;
  left: 87px
}
.videoBut, .overlay div {
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all .6s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  position: absolute
}
.videoCircle.hoverClass .videoBut, .videoCircle.hoverClass .overlay div {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.bgLightBlue {
  background: #2f9ed2
}
.bgLightGrey {
  background: #dedede
}
.feaBigImg div {
  text-align: center
}
.feaSmallImg {
  height: 280px;
  overflow: hidden !important;
  padding: 35px 0 0;
  position: relative;
  width: 1000px
}
.feaBigImg {
  width: 1000px;
  text-align: center;
  color: #fff;
  margin-bottom: 50px
}
.feaSmallImgList {
  padding: 0 !important;
  margin: 0 auto !important;
  width: 81%
}
.feaSmallImgList li {
  padding: 0;
  margin: 0 20px;
  display: inline-block;
  list-style: none;
  cursor: pointer;
  width: 115px;
  height: 115px;
  border-radius: 115px;
  vertical-align: top;
  float: left\9;
  position: relative
}
.feaSmallImgList li img {
  width: 115px !important;
  height: 115px !important;
  border-radius: 115px
}
.feaGallery {
  clear: both;
  padding: 0;
  position: relative;
  display: inline-block;
  margin: 0 0 20px
}
h3.feaHeader {
  color: #1d73cb;
  font-size: 28px;
  font-weight: 400;
  padding: 20px 0 5px;
  margin: 0 auto !important;
  text-align: left;
  width: 796px
}
h3.feaHeader + p, .feaThumpHea {
  color: #6e767f;
  line-height: 20px;
  padding: 7px 0 35px !important;
  margin: 0 auto !important;
  font-size: 16px;
  font-weight: 300px;
  height: 50px;
  text-align: left;
  width: 796px
}
.feaThumpHea {
  padding: 20px 0 0 !important
}
.feaSmallImgList li img.seletedThumbnail {
  opacity: 1;
  filter: alpha(opacity=100);
  border: 6px solid #4c4c4c
}
.feaSmallImgList li:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 115px;
  height: 115px;
  border-radius: 115px;
  opacity: .5;
  transition: all .5s;
  border: 6px solid #999;
  z-index: 999
}
.feaSmallImgList li img {
  opacity: .5;
  transition: all .5s
}
.feaSmallImgList li:hover img {
  opacity: 1
}
.UnseletedThumbnail {
  opacity: 1;
  filter: alpha(opacity=100);
  border: 6px solid #bcbcbc;
  transition: all .5s
}
.UnseletedThumbnail:hover {
  opacity: .5;
  filter: alpha(opacity=50);
  border: 6px solid #6E6E6E
}
.next {
  background: #fff;
  width: 90px;
  height: 90px;
  border-radius: 90px;
  text-align: center;
  line-height: 90px;
  color: #333;
  position: absolute;
  top: 180px;
  right: -20px;
  display: block;
  z-index: 99;
  font-size: 22px;
  cursor: pointer
}
.previous {
  background: #fff;
  width: 90px;
  height: 90px;
  border-radius: 90px;
  text-align: center;
  line-height: 90px;
  color: #333;
  position: absolute;
  top: 180px;
  left: -20px;
  display: block;
  z-index: 99;
  font-size: 22px;
  cursor: pointer
}
.previous img, .next img {
  opacity: .7;
  margin-top: 40px\9
}
.bgOrange {
  background: #f86305
}
.orangeBut, .moreCasestudies {
  background: #f86305;
  width: 500px;
  height: 75px;
  text-align: center;
  color: #fff;
  margin: 0 auto;
  cursor: pointer;
  position: absolute;
  bottom: -34px;
  border: 1px solid #D38888;
  text-decoration: none !important;
  font-size: 28px;
  font-weight: 500;
  line-height: 75px
}
.orangeBut:hover, .moreCasestudies:hover {
  text-decoration: none
}
.moreCasestudies {
  background: none repeat scroll 0 0 #2f9ed2;
  width: 300px !important
}
.calButton1 {
  width: 300px;
  margin: 0 auto;
  clear: both
}
.calButton2 {
  bottom: -42px;
  left: 350px;
  position: absolute
}
.calButton2 .orangeBut {
  width: 300px
}
.orangeBut span {
  font-weight: 700
}
.orangeBut small {
  font-size: 16px
}
.apm-sam-banner {
  position: relative;
  z-index: 1
}
.apm-sam-banner:before {
  background-color: #2e3e51;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  content: '';
  display: block;
  z-index: -1
}
.apm-sam-banner:after {
  background-color: #fcb03e;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  content: '';
  display: block;
  z-index: -1
}
.download-button {
  background: #f92 none repeat scroll 0 0;
  color: #fff !important;
  display: inline-block;
  font-size: 16px;
  padding: 4px 14px;
  text-decoration: none !important
}
.sapList .screenSlider p {
  line-height: 20px;
  margin-bottom: 5px
}
.fea-head {
  color: #333;
  font-size: 35px;
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 45px;
  margin: 0 0 30px;
  position: relative
}
.fea-head:before {
  width: 50px;
  position: absolute;
  content: "";
  display: block;
  bottom: -10px;
  border-bottom: 3px solid #03bca9;
  left: 50%;
  margin-left: -25px
}
.fea-sub-hea {
  font-size: 16px;
  font-weight: 500 !important;
  padding: 0 0 10px;
  margin: 0 0 5px;
  line-height: 0;
  color: #384047
}
.fea-sub-hea + p {
  color: #444;
  font-weight: 100
}
.fea-link-text {
  color: #7bbb2a;
  font-size: 15px;
  font-weight: 300;
  line-height: 24px;
  margin: 0 0 5px
}
.fea-top-sec {
  padding: 20px 0 0;
  margin-bottom: 40px;
  position: relative;
  background-color: #03bca9
}
.fea-top-sec .container {
  padding-bottom: 12px
}
.fea-top-sec:before, .fea-top-sec:after {
  position: absolute;
  bottom: -60px;
  content: '';
  width: 50%;
  height: 60px
}
.fea-top-sec:before {
  left: 0;
  background: linear-gradient(to right top, transparent 50%, #03bca9 50%)
}
.fea-top-sec:after {
  right: 0;
  background: linear-gradient(to left top, transparent 50%, #03bca9 50%)
}
.fea-top-sec ul {
  padding: 0 0 20px !important
}
.mT86 {
  margin-top: 86px
}
.fea-categories {
  margin: 0 auto;
  padding: 0;
  width: 86%
}
.fea-categories li {
  margin: 0;
  padding: 0 1%;
  list-style: none;
  display: inline-block;
  width: 31%;
  text-align: center
}
.fea-categories li a {
  display: inline-block;
  text-decoration: none;
  color: #777
}
.fea-categories li h2 {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  padding: 0;
  margin: 0
}
.fea-categories li p {
  font-size: 13px;
  color: #f3f3f3;
  font-weight: 100;
  line-height: 18px;
  padding: 0 10px;
  margin: 3px 0
}
#supported-technologies {
  padding: 50px 0 20px;
  overflow: hidden
}
.fea-sprite {
  background-image: url(../images/feature-icons.png);
  background-repeat: no-repeat;
  display: inline-block
}
.supported-tech, .highlights, .integration {
  width: 90px;
  height: 90px
}
.supported-tech {
  background-position: 0 0
}
.highlights {
  background-position: -124px 0
}
.integration {
  background-position: -243px 0
}
.supported-monitor-cat {
  margin: 0 0 12px;
  padding: 0;
  border-bottom: 1px solid #03bca9;
  position: relative
}
.supported-monitor-cat li {
  margin: 0 5px;
  padding: 0;
  list-style: none;
  display: inline-block;
  vertical-align: top;
  width: 110px;
  cursor: pointer
}
.supported-monitor-cat li a {
  height: 108px;
  width: inherit;
  border: 1px solid #f4f4f4;
  display: inline-block;
  border-radius: 4px;
  position: relative
}
.supported-monitor-cat li:last {
  margin-right: 0
}
.supported-monitor-cat li h1 {
  padding: 10px 0;
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  min-height: 36px;
  text-align: center;
  text-transform: uppercase
}
span#botBorder {
  height: 4px;
  background: #03bca9;
  width: 110px;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: .5s linear
}
li:nth-child(1):hover ~ span#botBorder, #botBorder.selHea1 {
  left: 0
}
li:nth-child(2):hover ~ span#botBorder, #botBorder.selHea2 {
  left: 130px
}
li:nth-child(3):hover ~ span#botBorder, #botBorder.selHea3 {
  left: 250px
}
li:nth-child(4):hover ~ span#botBorder, #botBorder.selHea4 {
  left: 370px
}
li:nth-child(5):hover ~ span#botBorder, #botBorder.selHea5 {
  left: 500px
}
li:nth-child(6):hover ~ span#botBorder, #botBorder.selHea6 {
  left: 630px
}
li:nth-child(7):hover ~ span#botBorder, #botBorder.selHea7 {
  left: 750px
}
li:nth-child(8):hover ~ span#botBorder, #botBorder.selHea8 {
  left: 870px
}
.supported-monitor-cat li i {
  width: 50px;
  height: 48px;
  display: inline-block;
  position: absolute;
  top: 30px;
  left: 34px
}
.app-monitor {
  background-position: 0 -119px
}
.db-monitor {
  background-position: -57px -119px
}
.server-monitor {
  background-position: -124px -119px
}
.vz-monitor {
  background-position: -192px -119px
}
.erp-monitor {
  background-position: -260px -119px
}
.eu-monitor {
  background-position: -323px -119px
}
.mp-monitor {
  background-position: -381px -119px
}
.cloud-monitor {
  background-position: -432px -112px
}
.monitor-detail-content {
  float: left;
  width: 1000px
}
#monitor-dc-container {
  transition: all .5s
}
.slidemove1 {
  margin-left: 0
}
.slidemove2 {
  margin-left: -1000px
}
.slidemove3 {
  margin-left: -2000px
}
.slidemove4 {
  margin-left: -3000px
}
.slidemove5 {
  margin-left: -4000px
}
.slidemove6 {
  margin-left: -5000px
}
.slidemove7 {
  margin-left: -6000px
}
.slidemove8 {
  margin-left: -7000px
}
.monitors-list {
  padding: 0;
  margin: 45px 0 20px
}
.monitors-list p {
  color: #777;
  font-size: 13px;
  font-weight: 100;
  line-height: 20px
}
.monitors-list li {
  margin: 0 2%;
  list-style: none;
  width: 29%;
  padding: 0 0 10px;
  float: left;
  position: relative;
  cursor: pointer
}
.monitors-list div {
  transition: all .3s ease 0
}
.mon-cont {
  height: 100%;
  overflow: hidden
}
.mon-icon {
  background-color: #fff;
  height: 80%;
  left: 0;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 0;
  visibility: hidden;
  border: 1px solid #e3e3e3;
  width: 100%
}
.mon-icon img {
  padding: 12px 0
}
.monitors-list li .mon-icon {
  visibility: hidden;
  text-align: center
}
.monitors-list li:hover .mon-icon {
  opacity: 1;
  transition: all .5s ease 0;
  visibility: visible
}
.monitors-list li:hover .mon-cont {
  opacity: 0;
  transition: all .3s ease 0;
  visibility: hidden
}
.monitors-list li:nth-child(1) i {
  background-color: #838cc7
}
.monitors-list li:nth-child(2) i {
  background-color: #53bbb4
}
.monitors-list li:nth-child(3) i {
  background-color: #5cb860
}
.monitors-list li:nth-child(4) i {
  background-color: #637a91
}
.monitors-list li:nth-child(5) i {
  background-color: #f9845b
}
.monitors-list li:nth-child(6) i {
  background-color: #f092b0
}
.monitors-list li:nth-child(7) i {
  background-color: #39add1
}
.monitors-list li:nth-child(8) i {
  background-color: #3079ab
}
.monitors-list li:nth-child(9) i {
  background-color: #e59a13
}
.monitors-list li:nth-child(10) i {
  background-color: #2c9676
}
.monitors-list li:nth-child(11) i {
  background-color: #c38cd4
}
.monitors-list li:nth-child(12) i {
  background-color: #20898c
}
.monitors-list li .mon-cont div {
  margin: 10px 0 0 45px
}
.monitors-list li h2 {
  font-size: 13px;
  font-weight: 600;
  padding: 0;
  margin: 0 0 5px;
  line-height: 0;
  color: #384047
}
.monitor-dis {
  width: 70%;
  margin: 0 auto;
  text-align: center;
  color: #777;
  font-weight: 100
}
.monitor-hea {
  font-size: 18px;
  font-weight: 300;
  margin: 20px 0 10px
}
.monitor-hea + p {
  line-height: 20px
}
.trainingad-strips img, .trainingad-strip img, .aus-trainingad-strip img, .ph-trainingad-strip img, .du-trainingad-strip img, .jo-trainingad-strip img, .us-trainingad-strip img {
  max-width: 100%
}
.monitor-icons {
  background-image: url(../images/fea-monitor-icons.png);
  background-repeat: no-repeat;
  width: 33px;
  height: 33px;
  border-radius: 33px;
  display: block;
  float: left
}
.fea-dotnet {
  background-position: -3px 2px
}
.fea-oracle {
  background-position: -160px 3px
}
.fea-jboss {
  background-position: -307px 3px
}
.fea-jetty {
  background-position: -42px 6px
}
.fea-tomcat {
  background-position: -196px 2px
}
.fea-vmware {
  background-position: -343px 4px
}
.fea-java {
  background-position: -81px -2px
}
.fea-silver {
  background-position: -233px 2px
}
.fea-ibm {
  background-position: -378px 2px
}
.fea-glassfish {
  background-position: -120px 4px
}
.fea-resin {
  background-position: -270px 2px
}
.fea-wildfly {
  background-position: -419px 4px
}
.fea-ibm-informix {
  background-position: -6px -45px
}
.fea-mysql {
  background-position: -82px -43px
}
.fea-sql-server {
  background-position: -124px -46px
}
.fea-db2 {
  background-position: -162px -45px
}
.fea-sybase {
  background-position: -208px -40px
}
.fea-postgres {
  background-position: -250px -43px
}
.fea-memcached {
  background-position: -295px -44px
}
.fea-database {
  background-position: -336px -46px
}
.fea-mongodb {
  background-position: -371px -46px
}
.fea-cassandra {
  background-position: -410px -41px
}
.fea-redis {
  background-position: -455px -44px
}
.fea-couchbase {
  background-position: -86px -51px
}
.fea-hardware {
  background-position: -4px -80px
}
.fea-windows {
  background-position: -47px -80px
}
.fea-windows-server {
  background-position: -89px -80px
}
.fea-linux {
  background-position: -126px -80px
}
.fea-solaris {
  background-position: -167px -80px
}
.fea-aix {
  background-position: -217px -82px
}
.fea-as400 {
  background-position: -258px -75px
}
.fea-hp {
  background-position: -303px -77px
}
.fea-freebsd {
  background-position: -348px -80px
}
.fea-novell {
  background-position: -459px -75px
}
.fea-mac {
  background-position: -421px -80px
}
.fea-udc {
  background-position: -383px -80px
}
.fea-event-log {
  background-position: -86px -80px
}
.fea-fea-fdm {
  background-position: -469px -80px
}
.fea-performance-counters {
  background-position: -469px -80px
}
.feaFixHeader {
  position: fixed;
  top: 0;
  height: 60px;
  background: #fff;
  width: 100%;
  border-top: 1px solid #ececec;
  box-shadow: 0 8px 6px -6px #ccc;
  z-index: 9999;
  display: none;
  font-weight: 100
}
.feaFixHeader ul {
  width: 80%;
  margin: 0 auto
}
.feaFixHeader li {
  float: left;
  width: 33%;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  line-height: 58px;
  color: #7e7e7e;
  cursor: pointer;
  transition: all .3s
}
#fea-fixed-hea .active {
  border-bottom: 2px solid #03bca9;
  font-weight: 600;
  color: #03bca9
}
.fea-search-box {
  background: #fff;
  border: 1px solid #03bca9;
  box-shadow: 0 8px 15px -10px #666;
  color: #03bca9;
  width: 380px;
  padding: 0;
  margin: 16px auto 0
}
.fea-search-box input {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  color: #03bca9;
  font-size: 16px;
  padding: 14px 4px;
  vertical-align: top;
  width: 326px
}
.fea-search-box input:focus {
  border: 0;
  box-shadow: none;
  outline: none
}
::-webkit-input-placeholder {
  opacity: .8
}
:-moz-placeholder {
  color: #03bca9;
  opacity: .8
}
::-moz-placeholder {
  color: #03bca9;
  opacity: .8
}
:-ms-input-placeholder {
  color: #03bca9;
  opacity: .8
}
.fea-search-icon {
  background: url(../images/fea-search-icon.png) no-repeat;
  width: 19px;
  height: 19px;
  display: inline-block;
  cursor: pointer;
  margin: 14px 8px 0 14px
}
#fix-header-search {
  background-color: #f3f3f3;
  border-radius: 40px;
  height: 40px;
  position: absolute;
  right: 10px;
  top: -4px;
  width: 40px;
  background-position: 11px 11px
}
.search-wrapper {
  background: #fff none repeat scroll 0 0;
  height: 60px;
  opacity: 0;
  position: absolute;
  top: -60px;
  transition: all .3s ease 0;
  width: 100%;
  z-index: 100000
}
.search-wrapper.active {
  opacity: 1;
  top: 0
}
.search-wrapper .float-search {
  position: absolute;
  height: 26px;
  width: 26px;
  top: 6px;
  left: 20px
}
.search-wrapper .form-control {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  color: #b1b1b1;
  font-size: 20px;
  height: 53px;
  margin: 2px 0 0 70px;
  opacity: 1;
  padding: 0;
  width: 80%
}
.search-wrapper .close {
  cursor: pointer;
  padding: 0;
  position: absolute;
  right: 30px;
  top: 18px;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #b1b1b1;
  font-size: 20px
}
.slider-sec {
  position: relative
}
.prev-arr, .next-arr {
  position: absolute;
  top: 550px;
  width: 60px;
  height: 60px;
  background: #f3f3f3;
  border-radius: 60px;
  display: block;
  cursor: pointer
}
.prev-arr.end, .next-arr.end {
  opacity: .5
}
.prev-arr img {
  padding: 12px 0 0 17px
}
.next-arr img {
  padding: 12px 0 0 21px
}
.prev-arr {
  left: -120px
}
.next-arr {
  right: -90px
}
.bgGrey {
  background: #f3f3f3;
  border-bottom: 1px solid #e3e3e3
}
.awardBox {
  width: 33%;
  float: left;
  border-right: 1px dotted #5f6f76
}
.awardBox:last-child {
  border: 0 !important
}
.awardBox h3 {
  padding: 15px 25px;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  color: #777;
  text-align: center
}
.gartner, .bronze, .virtualization, .hdfcLife, .carnival, .dependency-map, .apm-vs-sam, .energy-industry-img {
  background-image: url(../images/awards1.png);
  background-repeat: no-repeat;
  height: 170px;
  display: block
}
.gartner {
  background-position: -640px -380px;
  width: 190px;
  margin: 0 auto
}
.virtualization {
  background-position: -637px 0;
  width: 210px;
  margin: 0 auto
}
.bronze {
  background-position: -329px 0;
  width: 302px;
  margin: 0 auto
}
.hdfcLife {
  background-position: 21px -191px;
  width: 302px;
  margin: 0 auto
}
.carnival {
  background-position: -532px -212px;
  width: 266px;
  margin: 0 auto
}
.dependency-map {
  background-position: -297px -210px;
  width: 168px;
  margin: 0 auto
}
.apm-vs-sam {
  background-position: -10px -400px;
  width: 269px;
  margin: 0 auto
}
.energy-industry-img {
  background-position: -308px -400px;
  width: 269px;
  margin: 0 auto
}
.caseStudyBlk li {
  padding: 5px 0
}
.new-icon {
  position: relative
}
.new-icon:before {
  content: '';
  position: absolute;
  top: 5px;
  right: 15px;
  background: url(../images/new-icon.gif) no-repeat 0 0;
  width: 24px;
  height: 11px
}
a.new-icon:before {
  top: 5px;
  right: -46px
}
#oracle-cloud-autonomous a.new-icon:before {
  top: 19px;
  right: -29px;
}
#oracle-cloud-storage a.new-icon:before {
  top: 19px;
  right: -29px;
}
.scroll-down {
  background: url(../images/scroll-icon.png) no-repeat 0 top;
  width: 52px;
  height: 52px;
  position: fixed;
  opacity: .7;
  filter: alpha(opacity=70);
  cursor: pointer;
  bottom: 65px;
  right: 60px;
  z-index: 100;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transform: translate3d(0, 0, 0)
}
.rotate {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg)
}
#btmBar.fixed {
  z-index: 10000000000 !important
}
.feature-list {
  padding: 20px 0 !important;
  margin: 0 0 20px !important;
  width: 50%
}
.feature-list li {
  font-weight: 700;
  padding: 6px 0 6px 35px;
  background: url(../images/fea-bullet2.png) no-repeat 4px 10px;
  list-style: none;
  cursor: pointer;
  position: relative;
  transition: all .5s
}
.feature-list li:hover {
  background: url(../images/fea-bullet2-hover.png) no-repeat 4px 10px;
  color: #248dc1
}
.flexslider .flexBnrslides &gt; li {
  float: none;
  float: left\9
}
.flexslider .flexBnrslides &gt; li a {
  display: block !important
}
.addm-form iframe body {
  overflow: hidden
}
.release-notes .lhs-tree, .release-notes #lhsTree {
  width: 100%;
  max-width: 1000px !important;
  padding-top: 0 !important
}
.release-notes h3 {
  margin: 10px 0 5px !important
}
.release-notes #lhsTree &gt; li {
  border-bottom: 1px dotted #e3e3e3
}
#lhsTree {
  padding: 30px 0 0 0px !important
}
#first-tab ul li {
  padding: 6px 0 10px 4px !important
}
.rn-title {
  font-size: 20px;
  color: #09c !important
}
.release-notes .list li {
  border-top: none !important;
  padding-left: 5px !important;
  line-height: 20px !important;
  font-size: 14px !important
}
.rn-tabs {
  padding: 0;
  margin: 14px 0 5px;
  overflow: hidden;
  border-bottom: 1px solid #ccc
}
.rn-tabs div {
  list-style: none;
  padding: 15px 0;
  margin: 0;
  width: 33%;
  border-bottom: 3px solid #fff;
  cursor: pointer;
  font-size: 15px;
  line-height: 20px;
  text-align: center
}
.rn-tabs div:hover {
  background-color: #f8f9fa
}
.rn-tabs div.active {
  border-bottom: 3px solid #75ba0f;
  color: #000;
  font-weight: 600
}
.dropact .rn-title {
  background-color: #f3f3f3 !important;
  color: #000 !important
}
.rhs-cont {
  min-height: 650px
}
.bgWhite {
  background-color: #fff;
  overflow: hidden
}
.grey-box {
  background: #ecedee;
  border: 1px solid #c5cbd4;
  padding: 10px;
  margin: 40px 0 20px;
  overflow: hidden
}
.share span {
  padding: 0 10px 0 0;
  display: inline-block;
  color: #777
}
.share a {
  display: inline-block;
  height: 26px;
  margin: 0 5px 0 0;
  transition: all 1s ease-in-out 1s;
  width: 27px;
  vertical-align: middle;
  padding: 0 5px
}
.more-links {
  position: absolute;
  bottom: 100px;
  width: 100%;
  margin: 0 auto
}
.more-links a {
  border: 1px solid #0098ce;
  border-radius: 4px;
  padding: 20px;
  margin: 0 2px
}
.more-links a:hover {
  text-decoration: none
}
.more-links i {
  display: inline-block;
  font-style: normal;
  vertical-align: middle;
  padding: 0 6px 0 0
}
.iconPdf {
  width: 36px;
  height: 36px;
  background: url(../images/iconpdf.gif) no-repeat
}
.popup-container {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #000;
  left: 50%;
  margin-left: -210px;
  max-width: 100%;
  padding: 20px;
  position: fixed;
  top: 90px;
  width: 420px;
  z-index: 100001;
  display: none
}
.sub-list {
  margin: 10px 0 20px
}
.sub-list li {
  list-style: disc !important;
  padding: 3px 10px !important
}
.supportContact {
  width: 97%;
  margin: 0;
  background: #ccc;
}
.supportContact li {
  width: 29% !important;
  height: auto;
  border: solid 1px #ddd;
  margin: 0 20px 20px 0;
  padding: 10px;
  min-height: 200px;
}
#scroll .relPrd{
    padding: 5px 0;
    list-style-type: none;
}

@media screen and (max-width:1500px) {
  .inner-cont {
    max-width: 1200px !important;
  }
}
@media screen and (max-width:1300px) {
  .scroll-down {
    display: none !important
  }
  .previous {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 60px;
    left: 20px
  }
  .next {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 60px;
    right: 20px
  }
}
@media screen and (max-width: 1240px) {
  /*
nav ul.header-nav {
 display: none!important;
}
    
*/
  nav ul.productmenu.header-nav &gt; li {
    font-size: 13px
  }
  nav ul.productmenu.header-nav &gt; li {
    padding: 8px
  }
}
@media screen and (max-width: 1025px) {
  nav ul.header-nav {
    display: none !important;
  }
  .heading-menu {
    margin-top: -11px !important;
  }
}
@media screen and (max-width: 760px) {
  #customers {
    display: none !important
  }
  .btmBar {
    display: block !important;
  }
  .btmBar .desktop {
    display: none;
  }
  .btmBar .mobile {
    display: block;
  }
  .prd-nav li {
    width: 32% !important
  }
  .hTag1, h1, .pg-head {
    font-size: 26px;
    line-height: 30px;
    margin: 10px 0;
    letter-spacing: 0;
  }
  .footer {
    display: none
  }
  .heading-menu {
    margin-top: 0 !important;
  }
  .hglt {
    width: auto !important
  }
}
@media screen and (max-width: 1240px) {
  .inner-cont {
    max-width: 1000px !important;
  }
}
@media screen and (max-width:1110px) {
  #subHdrRhs {
    display: none
  }
}
@media screen and (max-width:1020px) {
  .headerStyle2 {
    font-size: 22px
  }
  .wid350 {
    width: 250px;
    padding: 0 5px
  }
  .successStories li:first-child {
    display: none
  }
  .customerImg {
    display: none
  }
  .successStories li {
    background: none
  }
  .successStories-cont {
    width: auto
  }
  .monitorCategory div.box {
    margin: 0 30px !important
  }
}
@media screen and (max-width:980px) {
  .feaBigImg {
    width: auto
  }
  h3.feaHeader {
    font-size: 20px
  }
  h3.feaHeader + p {
    padding: 7px 20px 0 !important;
    font-size: 14px
  }
  .feaBigImg div {
    padding: 0 0 15px;
    display: inline-block;
    overflow: hidden
  }
  .feaBigImg img {
    display: none
  }
  .hidden {
    display: block
  }
  .feaSmallImg {
    display: none
  }
  .next {
    display: none
  }
  .previous {
    display: none
  }
  .iconImg {
    margin: 0 1%;
    width: 30%
  }
  .awardBox {
    width: 100%;
    margin: 0 0 30px
  }
  .gartner, .bronze, .virtualization {
    height: 185px
  }
  .awardBox h3 {
    padding-top: 0
  }
  .monitorCategory div.box {
    margin: 10px !important
  }
  .monitorCategory {
    margin: 0
  }
  .headerStyle4 {
    line-height: 45px
  }
  .headerStyle1, .headerStyle3, .headerStyle4 {
    margin: 0 0 30px;
    font-size: 26px
  }
  .videoBlock {
    float: none;
    margin-bottom: 10px
  }
}
@media screen and (max-width:768px) {
  .wt50 {
    width: 100%
  }
  .dwn-nav-link {
    font-size: 12px
  }
  .prd-nav li {
    width: 19%
  }
  #customers {
    display: none
  }
  #customers.customersLogo {
    display: block
  }
  #customers.customersLogo .bg-l-grey {
    padding-bottom: 3px
  }
  .headerStyle2 {
    font-size: 22px
  }
  .redBtn {
    margin-left: 5px
  }
  .feaBigImg {
    width: auto
  }
  h3.fearHeader {
    font-size: 20px
  }
  .feaBigImg div {
    padding: 0 0 15px;
    display: inline-block;
    overflow: hidden
  }
  .feaBigImg img {
    display: none
  }
  .hidden {
    display: block
  }
  .feaSmallImg {
    display: none
  }
  .next {
    display: none
  }
  .ques-pop-container {
    left: 15%;
    top: 5%
  }
  .orangeBut, .moreCasestudies {
    font-size: 18px;
    width: 300px
  }
  .calButton2 {
    width: 300px;
    margin: 0 auto
  }
  .monitorCategory div.box {
    margin: 0 60px 60px !important
  }
  .monitorCategory {
    margin: 0
  }
  .section4 li {
    width: 100%
  }
  .section4 li:first-child {
    display: none
  }
  .iconImg {
    width: 100%;
    margin: 0 0 30px
  }
  .subHeaderStyle {
    padding: 122px 0 0
  }
  .custFix ul li {
    margin: 0;
    width: 33%
  }
  .customer-testimonials {
    width: auto
  }
  .apmHeader2 {
    font-size: 22px
  }
  .supportMain {
    width: 72%
  }
  .supportBlock .supportMain li {
    width: 41%
  }
  .per70.addm-content {
    width: 100%;
    float: left
  }
  .per30.addm-form {
    width: 100%;
    padding: 0;
    float: none
  }
  .sapList li &gt; div, .overView {
    text-align: center;
    margin-left: 0
  }
  .supportContact li {
    width: 40% !important;
  }
  
  @media screen and (max-width:500px) {
    .heading-menu {
      height: auto
    }
    .resource-col1, .resource-col2, .resource-col3, .resource-col4 {
      width: 100%;
      margin: 0;
      padding: 10px 0
    }
    .inner-fea-img {
      display: none
    }
    .inner-fea-txt, .inner-fea-txt1 {
      padding: 0;
      width: 100%;
      text-align: center
    }
    .rhs-cont-box {
      padding-bottom: 20px
    }
    #customers {
      display: none
    }
    #example {
      display: none
    }
    .wid350 {
      width: auto
    }
    .section2 li {
      width: 90%;
      display: block;
      float: none;
      text-align: center
    }
    .value-proposition {
      float: none;
      display: inline-block
    }
    .headerStyle2 {
      text-align: center
    }
    .watch-video {
      display: none
    }
    .ques-pop-container {
      left: 0;
      top: 0
    }
    .prd-logo {
      background: url(../images/apm-logo-mobile.png) no-repeat 0 0;
      width: 176px;
      height: 17px
    }
    .monitorCategory {
      padding: 0
    }
    .headerStyle1, .headerStyle3, .headerStyle4, .headerStyle5 {
      margin: 0;
      font-size: 20px;
      padding-top: 0;
      margin-bottom: 10px
    }
    .monitorCategory div.box {
      margin: 0 10px !important
    }
    .feaGallery {
      margin-bottom: 50px
    }
    .prd-logo {
      background: url(../images/apm-logo-mobile.png) no-repeat 0 0;
      width: 176px;
      height: 17px
    }
    .resourceFixDiv {
      height: 50px
    }
    .resourceFixDiv ul li div:first-child {
      display: none
    }
    .custFix ul li {
      margin: 0;
      padding: 0;
      width: 32%;
      vertical-align: top
    }
    .custFixDiv ul li {
      background: none;
      height: auto
    }
    .custFixDiv ul li .tab-link {
      padding-top: 0;
      font-size: 12px
    }
    .videoConOdd {
      margin-right: 0
    }
    .supportBlock .supportMain li {
      width: auto;
      margin: 0 0 10px;
      float: none
    }
    .supportMain {
      width: 100%;
      margin: 0;
      float: none
    }
    .supportSide li {
      float: none;
      width: auto;
      margin: 0;
      height: auto
    }
    .supportContact li {
      width: 97% !important;
    }
  }
  @media only screen and (max-width : 1280px) {
    nav ul.productmenu &gt; li {
      font-size: .8em !important
    }
    .apmPrice {
      font-size: 10px;
    }
  }
  @media screen and (max-width:650px) {
    #adRhsLnk {
      display: none
    }
  }</pre></body></html>