/************* New APm submenu css ****************/
nav ul.productmenu.header-nav>li {
    position: relative;
}

.nav a {
    padding: 17px 0px 30px;
}

.dropdown .dropdown-menu {
    position: absolute;
    top: 25px !important;
    left: 0;
    background: #FFF;
    margin: 0 auto;
    border-radius: 2px;
    -webkit-box-shadow: 0px 1px 38px -8px rgb(89 86 89 / 32%);
    -moz-box-shadow: 0px 1px 38px -8px rgb(89 86 89 / 32%);
    box-shadow: 0px 1px 38px -8px rgb(89 86 89 / 32%);
    transform: translateY(10px);
    transition: transform .3s ease-in-out, opacity .3s ease-in-out;
    z-index: 91;
    padding: 15px 25px;
    border-right: none;
    border-left: none;
    border-bottom: none;
    border: none;
    min-width: 215px;
}

.nav .dropdown .dropdown-menu:before {
    content: '';
    height: 20px;
    width: 20px;
    background: #ffffff;
    position: absolute;
    left: 30px;
    top: -9px;
    transform: rotate(45deg);
    transition: .4s ease all;

}

.nav .dropdown .dropdown-menu li {
    margin-bottom: 5px;
}

.nav .dropdown .dropdown-menu li:last-child {
    margin-bottom: 0px;
}

.nav .dropdown .dropdown-menu li a {
    font-size: 14px;
    padding: 5px 0px;
    display: inline-block;
    color: #333;
    width: 100%;
}

.nav .dropdown .dropdown-menu li a:hover,
.nav .dropdown .dropdown-menu li a:focus {
    color: #7bbb2a;
    text-decoration: none;
}

.nav .dropdown .dropdown-menu li a.active {
    color: #7bbb2a;
}

.nav .dropdown a {
    transition: .4s ease all;
}

.nav .dropdown a:hover .caret {
    transform: rotate(180deg);
    transition: .4s ease all;
}

.caret {
    height: 7px;
    width: 10px;
    display: inline-block;
    margin-left: 2px;
    position: relative;
    top: 10px;
    transition: .4s ease all;
}

.caret:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1px;
    margin: auto
}

.menu .expanded {
    position: relative;
}

/*************  End css   ****************/

/****** new global css start  ********/
section p,
p {
    font-size: 15px;
    line-height: 28px;
}

#scroll p,
.rhs-cont p {
    font-size: 15px;
    line-height: 28px;
}

.rhs-cont li {
    font-size: 15px;
    line-height: 28px;
}

table.windowsmonoTable td {
    font-size: 15px;
    padding: 1em;
}

.rhs-cont {
    font-size: 15px;
    line-height: 28px;
}

#websoa-ibmhttp a.new-icon:before {
    top: 5px;
    right: -30px;
}

#websoa-orachttp a.new-icon:before {
    top: 5px;
    right: -30px;
}

#wsm-ii span::after {
    top: 90px !important;
}

/*ul li{font-size: 15px !important; line-height: 28px !important;}*/

#apm-gartner-mq a {
    padding: 12px 0 12px 24px;
    display: block;
}

#fea-mic-mon a {
    padding: 12px 0 12px 24px;
    display: block;
}

/*tooltip style*/
.stickyfixed-header {
    position: fixed !important;
    top: 100px;
    left: 0;
    width: 100%;
    z-index: 1000000;
    animation: smooth 0.2s ease-in;
}

@keyframes smooth {
    0% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }
}

.promotion-bg.dn {
    display: none !important;
}

#fixedbtn {
    bottom: 130px !important
}

.promotion-bg {
    background: #1f1f1f;
    text-align: center;
    /*	padding: 14px 0px;*/
    /*promo-bg-new-css*/
    padding: 0px 0px;
    position: relative;
    box-sizing: border-box;
    z-index: 999 !important;
    margin-top: -8px;
    /*display: none;*/
}

.promotion-bg .container {
    max-width: 1200px !important;
}

.promotion-bg.ad {
    z-index: 99999 !important;
    width: 99%;
}

.promotion-bg.ad.stickyfixed-header {
    width: 100%;
}

.promotion p {
    margin: 0px;
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
}

.promotion p sup {
    color: #fff;
}

.promotion a {
    color: #ff9f1e;
    border-bottom: 1px dotted #ff9f1e;
    margin-left: 5px;
    text-decoration: none !important;
    font-size: 16px;
}

span.tooltip-close {
    position: absolute;
    top: 15px;
    color: #fff;
    right: 20px;
    cursor: pointer;
    font-size: 16px;
}


/****** new css end  ********/

/***** header template *****/

.s-icon,
.ssFB,
.ssTW,
.ssIN,
.ssGP,
.ssYT,
#close {
    background: url(https://www.manageengine.com/images/v1/icon-sprite.png) no-repeat 0 0;
    height: 30px;
    width: 30px;
    display: inline-block;
}

.icon-s-quote {
    background-position: -120px 0;
}

.apmlogosvg {
    display: inline-block !important
}

em {
    font-style: normal
}

#rp-dcmsp {
    display: none
}

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

#vmonitor-container span.ifTree.dropact:after {
    top: 267px;
}

#abtapm-wht-is-apmonitoring span.ifTree:after {
    top: 192px;
}

#abtapm-wht-is-apmonitoring span.ifTree.dropact:after {
    top: 196px;
}

#cloud-wam span.ifTree.dropact:after {
    top: 15px;
}

#cloud-wam span.ifTree:after {
    top: 13px;
}

#cloud-wam {
    position: relative
}

#fea-m365 span.ifTree:after {
    top: 13px;
}

#fea-m365 span.ifTree.dropact:after {
    top: 15px;
}

#fea-m365 span.ifTree:after {
    top: 13px;
}

#fea-m365 {
    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
}

#cloud-aws span.ifTree.dropact:after {
    top: 13px;
}

#cloud-aws span.ifTree:after {
    top: 13px;
}

#cloud-aws {
    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;
}

#cloud-wam 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>li {
    font-size: 12px;
}

#lhsTree>li>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>li>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;
}

#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>li {
    font-size: .9em !important
}

nav ul.productmenu>li:first-child,
nav ul.productmenu>li:last-child,
nav ul.productmenu>li {
    padding: 0 5px
}

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>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>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: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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: arial, 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: Verdana, 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", Arial, Helvetica, 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', arial, 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>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>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
}

#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>p {
    float: left
}

.testimonialCon>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>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>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>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>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>.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>div {
    margin-top: 0;
    text-align: left
}

.sapList li>div img {
    margin: 5px 0 25px;
    float: none
}

.subContent {
    padding: 0 !important;
    margin-bottom: 30px
}

.textCenter {
    text-align: center !important
}

.textCenter>* {
    display: inline-block
}

.sapList.exchangeMonList li>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
}

.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: 12px;
    right: 15px;
    background: url(../images/new-icon.gif) no-repeat 0 0;
    width: 24px;
    height: 11px
}

a.new-icon:before {
    top: 5px;
    right: -33px
}

.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>li {
    float: none;
    float: left\9
}

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


@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: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>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>li {
                font-size: .8em !important
            }

            .apmPrice {
                font-size: 10px;
            }
        }

        @media screen and (max-width:650px) {
            #adRhsLnk {
                display: none
            }
        }