.heading-menu {
    display: block;
    background: #DFF7F5;
    background: linear-gradient(to left, #EDF7F6 0%, #F9F7EF 100%);
}
.breadcrumb {
    font-size: 12px;
    line-height: 40px;
}
.breadcrumb a {
    position: relative;
    margin-right: 53px;
    color: #000;
}
.breadcrumb a.res {
    margin-right: 38px;
}
.breadcrumb a.res:after,
.breadcrumb a.res:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border: 1px solid #7d7c78;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
    top: 4px;
    border-radius: 1px;
}
.breadcrumb a.res:before {
    left: -22px;
}
.breadcrumb a.res:after {
    right: -22px;
}
.breadcrumb .homeIcon {
    background: url(../images/sso-sprite.png) no-repeat;
    background-position: -6px -5px;
    background-size: 104px;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0px;
}
.breadcrumb a.res:nth-child(3):before {
    display: none
}
.main-page *,
.main-page ::before,
.main-page ::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-weight: 300
}
.m-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1400px;
    padding: 0 30px;
    margin: 0 auto;
    position: relative
}
.main-page {
    font-family: "ZohoPuvi", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    color: #000
}
.main-page strong {
    font-weight: 500
}
.main-page a {
    text-decoration: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}
.main-page p a {
    color: #0067FF
}
.main-page ul {
    list-style: none
}
.heading-menu {
    padding: 2px 0;
}
.sec-pTB {
    padding-top: 32px;
}
.m-center h1, .m-center .h1 {
    color: #000;
    font-weight: 600;
    font-size: 32px;
    line-height: 1.25;
	margin: 0 0 30px;
	letter-spacing: -1px;
}
.m-center h1 span, .m-center .h1 span {
    color: #004F4F;
}
.m-center h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    color: #000;
    margin-bottom: 20px;
}
.lcr-container .m-center li {
    padding-bottom: 17px;
}
.lcr-container .m-center .note {
    border-left: 4px solid #004F4F;
    background: #e5eded;
    padding: 6px 0 6px 37px;
    position: relative;
}
.lcr-container .m-center .note:before {
    position: absolute;
    content: "";
    background: url(../images/sso-sprite.png) no-repeat -34px -3px;
    background-size: 104px;
    width: 11px;
    height: 17px;
    left: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.lcr-container .m-center li .note {
    margin: 13px 0 7px;
}
.lcr-container .m-center .img-box {
    margin: 10px 0 0;
    text-align: center;
}
.lcr-container .m-center .img-box img {
    box-shadow: 0 0 4px #b3b3b3;
    border-radius: 5px;
}
.lcr-container .m-center .img-box img.wd-75 {
    width: 75%;
}
.lcr-container .m-center .img-box span {
    display: block;
    font-weight: 400;
    font-style: italic;
    margin-top: 5px;
}
#scroll ul,
#scroll ol {
    margin: 0 0 0 20px;
}
#scroll .lcr-container .m-center .alpha {
    padding-top: 17px;
}
#scroll .lcr-container .m-center .alpha li {
    list-style: lower-alpha;
}
#scroll .lcr-container .m-center .alpha,
#scroll .lcr-container .m-center .roman,
#scroll .lcr-container .m-center .upper-alpha,
#scroll .lcr-container .m-center .bullul {
    padding-top: 17px;
}
#scroll .lcr-container .m-center .upper-alpha li {
    list-style: upper-alpha;
}
#scroll .lcr-container .m-center .roman li {
    list-style: lower-roman;
}
.main-page img {
    width: 100%;
    height: auto
}
.lr-container {
    display: block;
    width: 100%;
    font-size: 0;
    position: relative
}
.lr-container .m-lhs,
.lr-container .m-rhs {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    position: relative
}
.lcr-container {
    display: block;
    font-size: 0
}
.lcr-container .m-lhs,
.lcr-container .m-center,
.lcr-container .m-rhs {
    display: inline-block;
    vertical-align: top;
    font-size: 15px
}
.lcr-container .m-lhs {
    width: 185px;
    padding-right: 24px;
    position: sticky;
    top: 90px
}
.lcr-container .m-center {
    width: calc(100% - 295px);
    padding: 0 50px;
    padding-left: 36px;
}
.lcr-container .m-rhs {
    width: 200px;
    position: sticky;
    top: 90px
}
.lhs-search {
    position: relative;
    margin-bottom: 24px;
    z-index: 1
}
.lhs-search::before {
    content: '';
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAyOCAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIuMDcxMSIgY3k9IjExLjA4NDciIHI9IjcuMDg4MTQiIHRyYW5zZm9ybT0icm90YXRlKC00NSAxMi4wNzExIDExLjA4NDcpIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPHBhdGggZD0iTTE3LjYxMzggMTYuNjI3MkwyMS40OTM0IDIwLjUwNjkiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==) no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 16px;
    top: 0;
    bottom: 0;
    margin: auto
}
.lhs-search input {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    background: #fff;
    border: 1px solid #000;
    border-radius: 4px;
    padding: 14px 20px;
    padding-right: 40px;
    width: 100%
}
.lhs-search input::-webkit-input-placeholder {
    color: #737373;
    font-weight: 300
}
.lhs-search input::-moz-placeholder {
    color: #A5A5A5;
    font-weight: 300
}
.lhs-search input:-ms-input-placeholder {
    color: #A5A5A5;
    font-weight: 300
}
.lhs-search input::-ms-input-placeholder {
    color: #A5A5A5;
    font-weight: 300
}
.lhs-search input::placeholder {
    color: #A5A5A5;
    font-weight: 300
}
.lhs-search input:focus {
    outline: none;
    border-color: #0067FF
}
.lhs-search .lhs-search-list {
    width: 100%;
    background: #fff;
    border: .5px solid #C5CEDC;
    border-top: none;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    right: 0;
    top: 45px;
    margin: auto;
    padding: 14px 20px;
    z-index: -1;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in;
    display: none;
    max-height: 302px;
    overflow: auto
}
.lhs-search .lhs-search-list li:not(:last-child) {
    border-bottom: 1px solid #C5CEDC
}
.lhs-search .lhs-search-list li a {
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.3;
    color: #000;
    padding: 10px 0;
    position: relative;
    cursor: pointer
}
.lhs-search .lhs-search-list li:last-child a {
    padding-bottom: 0
}
.lhs-search .lhs-search-list li a:hover {
    color: #0067FF
}
.lhs-search .lhs-search-list .empty-data {
    font-size: 14px
}
.link-list-title h3 {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 16px
}
#scroll .lhs-menu-links {
    height: calc(100vh - 100px);
    overflow: auto;
    margin: 0;
    padding-left: 12px;
}
#scroll .lhs-menu-links li {
    list-style: none;
}
.lhs-menu-links>li:not(:last-child) {
    margin-bottom: 23px
}
.lhs-menu-links li a {
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.3;
    color: #000;
    border-radius: 3px;
    padding: 10px 12px;
    position: relative;
    cursor: pointer
}
.lhs-menu-links li .lhs-drop-sub {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    padding-right: 24px;
    position: relative;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #000;
    padding-bottom: 7px;
}
.lhs-menu-links li span.lhs-act {
    font-weight: 500
}
.lhs-menu-links li span::before {
    content: '';
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDggMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjExMjkzIDEwLjg4N0w2LjQ1MDI1IDYuMjY0OTNDNi42ODA0OSA2LjA2NTU1IDYuNjgwNSA1LjcwODM4IDYuNDUwMjUgNS41MDg5OUwxLjExMjkzIDAuODg2OTYzIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K) no-repeat;
    background-size: 8px;
    width: 8px;
    height: 12px;
    position: absolute;
    right: 8px;
    top: 4px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}
#scroll .lhs-menu-links li.active span::before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}
#scroll .lhs-menu-links li .lhs-sub-menu {
    margin: 0;
    padding: 0
}
#scroll .lhs-menu-links li .lhs-sub-menu a {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.3;
    color: #616161;
    background: transparent;
    border-radius: 3px;
    padding: 6px 12px;
    padding-left: 0;
}
#scroll .lhs-menu-links li .lhs-sub-menu a:hover {
    color: #000;
    font-weight: 400;
    text-decoration: none;
}
#scroll .lhs-menu-links li .lhs-sub-menu a.sso-lhs-act {
    background: #f5f5f5;
    color: #000;
    font-weight: 400;
    min-width: 100px;
    padding-left: 12px;
    margin-left: -12px;
    margin-bottom: 7px;
}
#scroll .lhs-menu-links span.sso-lhs-act,
{
background: #f5f5f5;
color: #000;
font-weight: 400;
min-width: 100px;
padding: 6px 12px;
margin-left: -12px;
display: block;
}
#scroll .lhs-menu-links li .sso-apps .lhs-drop-sub {
    font-weight: 300;
	line-height: 1.3;
    color: #616161;
    padding: 6px 0;
}
#scroll .lhs-menu-links li .sso-apps li.active .lhs-drop-sub {
    background: #f5f5f5;
    color: #000;
    font-weight: 400;
    min-width: 100px;
    margin-left: -12px;
    padding: 6px 0 6px 12px;
    border-radius: 3px;
}
#scroll .lhs-menu-links li .sso-apps .lhs-sub-menu {
    display: none;
	padding-left: 13px;
}
#scroll .lhs-menu-links li .sso-apps .lhs-sub-menu li.active a {
    color: #008080;
}
#scroll .lhs-menu-links li .sso-apps .lhs-drop-sub::before {
    height: 1.5px;
    width: 10px;
    right: 8px;
    top: 14px;
    bottom: 0;
    background: #000;
    transform: rotate(0deg);
}
#scroll .lhs-menu-links li .sso-apps li.active .lhs-drop-sub::before {
    top: 14px;
}
#scroll .lhs-menu-links li .sso-apps .lhs-drop-sub::after {
    content: "";
    position: absolute;
    width: 1.5px;
    height: 10px;
    right: 12.5px;
    top: 9.5px;
    bottom: 0;
    background: #000;
}
#scroll .lhs-menu-links li .sso-apps li.active .lhs-drop-sub::after {
    display: none;
}
#scroll .lhs-menu-links li .lhs-sub-menu .sso-cta {
    padding-top: 15px;
}
#scroll .lhs-menu-links li .lhs-sub-menu .sso-cta a {
    background: #008080;
    color: #fff;
    padding: 9px 0 9px 12px;
    font-weight: 400;
}
#scroll .lhs-menu-links li .lhs-sub-menu .sso-cta a em {
    width: 11px;
    height: 2px;
    background: #fff;
    display: inline-block;
    margin: 1px 0 0 4px;
    position: relative;
    transition: all .5s ease;
    vertical-align: middle;
    transform: rotate(-45deg);
}
#scroll .lhs-menu-links li .lhs-sub-menu .sso-cta a em:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin: -3px 0 0 0px;
}
#scroll .lhs-menu-links li .lhs-sub-menu .sso-cta:hover a em {
    transform: translateX(2px);
}
/* Page top tab section start */
#scroll .lcr-container .m-center .tab-head {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
    margin-left: 0;
}
#scroll .lcr-container .m-center .tab-head li {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    padding: 10px;
    float: left;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in;
    overflow: hidden;
    cursor: pointer;
    line-height: 17px;
    position: relative;
}
#scroll .lcr-container .m-center .tab-head li.active {
    font-weight: 500;
}
#scroll .lcr-container .m-center .tab-head li a {
    color: #000;
    padding: 10px 20px;
}
#scroll .lcr-container .m-center .tab-head li a:hover {
    text-decoration: none;
}
#scroll .lcr-container .m-center .tab-head li.active::before {
    position: absolute;
    content: "";
    background: #144650;
    height: 4px;
    bottom: 0;
    border-radius: 10px 10px 0 0;
    width: 80%;
    left: 10%;
}
.mew-tab-pane.active {
    display: block;
}
/* Page top tab section end */
/* UL Drop down start */
.lcr-container .m-center .sso-dr-dwn ul {
    display: inline-block;
}
.lcr-container .m-center .sso-dr-dwn li {
    cursor: pointer;
    padding-bottom: 7px;
    position: relative;
}
.lcr-container .m-center .sso-dr-dwn li strong {
    font-weight: 400;
    padding-right: 10px;
}
.lcr-container .m-center .sso-dr-dwn li.opened {
    padding-bottom: 0;
}
.lcr-container .m-center .sso-dr-dwn li .drop-icon {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    top: 5px;
    line-height: 20px;
    text-align: center;
    border: 1px solid;
    border-left: 0;
    border-top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in;
}
.lcr-container .m-center .sso-dr-dwn li.opened .drop-icon {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    top: 10px;
}
.lcr-container .m-center .sso-dr-dwn p {
    background: #f0f0f0;
    line-height: 1.4;
    padding: 15px 22px;
    border-radius: 5px;
    margin: 13px 0;
    display: none;
}
/* UL Drop down End */
.m-center a {
    color: #0067FF
}
.m-center h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    color: #000;
    margin: 30px 0 20px
}
.m-center h3 a {
    font: inherit;
    color: inherit;
    text-decoration: underline
}
.m-center h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 10px
}
.m-center h4 a {
    font: inherit;
    color: inherit
}
.m-center p {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 20px
}
.m-center p a:hover {
    text-decoration: underline
}
.m-center picture {
    display: block;
    margin: 24px 0
}
.m-center .link-icon {
    position: relative;
    vertical-align: middle
}
.m-center .link-icon span {
    display: inline-block;
    vertical-align: middle;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDcuOTIzMDhWOUMxMSAxMC4xMDQ2IDEwLjEwNDYgMTEgOSAxMUgzQzEuODk1NDMgMTEgMSAxMC4xMDQ2IDEgOVYzQzEgMS44OTU0MyAxLjg5NTQzIDEgMyAxSDQuMDc2OTIiIHN0cm9rZT0iIzAwNjdGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNy4xNTM4MSAxSDkuOTk5OTZDMTAuNTUyMiAxIDExIDEuNDQ3NzIgMTEgMlY0Ljg0NjE1IiBzdHJva2U9IiMwMDY3RkYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTEwLjYxNTQgMS4zODQ4NEw0Ljk4MTAzIDcuMTA5MzEiIHN0cm9rZT0iIzAwNjdGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K) no-repeat;
    background-size: 12px;
    width: 12px;
    height: 12px;
    margin-left: 4px;
    position: relative;
    top: -1px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}
.m-center .link-icon:hover span {
    -webkit-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px)
}
.m-center ul.tab-list {
    position: relative;
    margin-bottom: 0
}
.m-center .tab-list li {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    color: #3F3F3F;
    border-bottom: 1px solid #E1E3EA;
    padding: 22px 0;
    position: relative;
    cursor: pointer;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in
}
.m-center .tab-list li:first-child {
    padding-top: 0
}
.m-center .tab-list li:not(:last-child) {
    margin-bottom: 0
}
.tab-list li::before {
    content: '';
    width: 100%;
    height: 2px;
    background: #0067FF;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0
}
.tab-list li.active-tab::before {
    opacity: 1;
    -webkit-animation: tabLine .4s linear both;
    animation: tabLine .4s linear both
}
@-webkit-keyframes tabLine {
    0% {
        width: 0
    }
}
@keyframes tabLine {
    0% {
        width: 0
    }
}
.tab-list li.active-tab {
    font-weight: 500;
    color: #000
}
.tab-list li h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    color: #000;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}
.tab-list .active-tab h3,
.tab-list li:not(.active-tab):hover h3 {
    color: #2c85ce
}
.tab-list .active-tab h3 {
    font-weight: 500
}
.tab-list .tab-dropdown picture {
    display: none;
    margin-top: 8px
}
.tab-content-container {
    position: relative
}
.mew-tab-pane {
    display: none;
    -webkit-animation: fadeRight .6s cubic-bezier(.25, .46, .45, .94) both;
    animation: fadeRight .6s cubic-bezier(.25, .46, .45, .94) both
}
@-webkit-keyframes fadeRight {
    from {
        -webkit-transform: translateX(60px);
        transform: translateX(60px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes fadeRight {
    from {
        -webkit-transform: translateX(60px);
        transform: translateX(60px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
.tab-content:first-child {
    display: block
}
.next-header {
    text-align: center;
    margin: 80px 0 30px
}
.m-center .next-header h2 {
    margin-bottom: 10px
}
.res-cont {
    overflow: hidden
}
.res-tab-container {
    position: relative;
    height: 391px
}
.res-tab-container .tab-content {
    display: block;
    position: absolute;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-animation: none;
    animation: none
}
.res-tab-container .tab-content.active {
    opacity: 1;
    visibility: visible
}
.res-cont {
    background: #FAFBFE;
    border: 1px solid #EEEFF5;
    padding: 30px 50px
}
.res-cont h4 {
    text-align: center
}
.res-cs .res-top span {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 186px
}
.res-cs .res-top .cs1 {
    background-image: url(images/what-is-siem-res-case1-23.png)
}
.res-cs .res-top .cs2 {
    background-image: url(images/what-is-siem-res-case2-23.png)
}
.res-cs .res-top .cs3 {
    background-image: url(images/what-is-siem-res-case3-23.png)
}
.res-cs .res-top .cs4 {
    background-image: url(images/what-is-siem-res-case4-23.png)
}
.res-cont .tab-list li {
    width: auto;
    display: inline-block;
    font-size: 15px;
    font-weight: 300;
    padding: 0;
    padding-bottom: 10px;
    margin: 0 20px 30px;
    position: relative;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}
.res-cont .tab-list li::before {
    content: '';
    width: 0;
    height: 2px;
    border-radius: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #4B6DD2;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}
.res-cont .tab-list li.active-tab::before {
    width: 100%
}
.res-cont .tab-list li:hover {
    color: #4B6DD2
}
.res-cont .tab-list li.active-tab {
    font-weight: 500;
    color: #4B6DD2
}
.flex-direction-nav {
    display: block;
    list-style-type: none;
    padding: 0 !important;
    margin: 0
}
.flex-direction-nav li {
    list-style-type: none
}
.flex-direction-nav li a {
    line-height: 2.2;
    text-align: center;
    border-radius: 4px;
    width: 26px;
    height: 40px;
    position: absolute;
    top: 50%;
    opacity: 1;
    background: #4B6DD2
}
.flex-direction-nav li a.flex-prev {
    border-radius: 0 4px 4px 0
}
.flex-direction-nav li a.flex-next {
    border-radius: 4px 0 0 4px
}
.flex-direction-nav li a::before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    background: url(images/what-is-siem-sprite-23.png) no-repeat -65px -1px;
    background-size: 280px;
    width: 8px;
    height: 21px;
    position: absolute;
    left: 6px;
    top: 0;
    bottom: 0;
    margin: auto
}
.flex-direction-nav li a.flex-next::before {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    left: auto;
    right: 8px
}
.flex-direction-nav li a.flex-prev {
    left: -50px
}
.flex-direction-nav li a.flex-next {
    right: -50px
}
.flex-direction-nav li a.flex-prev.flex-disabled,
.flex-direction-nav li a.flex-next.flex-disabled {
    background: #bccaf5
}
.f-slide.flexslider1 {
    overflow: visible;
    max-height: inherit;
    position: relative;
    max-width: 950px;
    margin: auto
}
.f-slide:hover a.flex-prev,
.f-slide:hover a.flex-next {
    opacity: 1
}
.slides {
    padding: 0 !important
}
.slides li:last-child {
    display: none
}
.flex-control-nav li a {
    font-size: 0;
    color: #6C6C6C;
    width: 8px;
    height: 6px
}
.flex-control-nav li a.flex-active {
    width: 28px;
    background: #fff
}
@media(max-width:1200px) {
    .f-slide.flexslider1 {
        max-width: 850px
    }
}
@media(max-width:992px) {
    .f-slide.flexslider1 {
        max-width: 670px
    }
    .res-cont {
        padding: 30px 40px
    }
}
@media(max-width:767px) {
    .res-cont {
        padding: 40px 30px
    }
    .flex-direction-nav li a.flex-prev {
        left: -30px
    }
    .flex-direction-nav li a.flex-next {
        right: -30px
    }
}
form>ul li input::-webkit-input-placeholder {
    color: #737373;
    font-weight: 300
}
form>ul li input::-moz-placeholder {
    color: #737373;
    font-weight: 300
}
form>ul li input:-ms-input-placeholder {
    color: #737373;
    font-weight: 300
}
form>ul li input::-ms-input-placeholder {
    font-weight: 300;
    color: #737373
}
form>ul li input::placeholder {
    color: #737373;
    font-weight: 300
}
.form-type-box {
    position: relative
}
.m-center .hr-line {
    border-top: 1px solid #d9d9d9;
    margin: 50px 0;
}
.rel-topic {
    background: #f4f4f4;
    border-radius: 5px;
    padding: 10px 20px;
    margin-top: 20px;
}
.rel-topic h3 {
    text-align: center;
}
#scroll .rel-topic ul {
    margin: 0 auto;
    padding: 0;
    display: table;
    width: 100%;
}
#scroll .rel-topic ul li {
    list-style-type: none;
    float: left;
    width: 50%;
}
.rel-topic ul li div {
    border-radius: 5px;
    padding: 35px 32px 27px;
    margin: 20px;
    border: 1px solid #e4e4e4;
    transition: all 0.5s ease;
    cursor: pointer;
    position: relative;
    background: #fff;
}
.rel-topic ul li div:hover {
    box-shadow: 0 2px 27px 4px #0000001a;
}
.rel-topic ul li div i {
    background: url(../images/sso-sprite.png) no-repeat -5px -33px;
    background-size: 104px;
    width: 28px;
    height: 28px;
    display: block;
}
.rel-topic ul li div i.ic-req {
    background-position: -49px -34px;
}
.rel-topic ul li div h4 {
    font-size: 18px;
    font-weight: 400;
    margin: 17px 0 3px 0;
}
.rel-topic ul li div em {
    width: 11px;
    height: 2px;
    background: #000;
    display: inline-block;
    margin: 2px 0 0 6px;
    position: relative;
    transition: all .5s ease;
    vertical-align: middle;
    transform: rotate(-45deg);
}
.rel-topic ul li div em:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
    margin: -3px 0 0 0px;
}
.rel-topic ul li div:hover em {
    transform: translateX(3px);
}
.rel-topic ul li div p {
    margin: 0px;
    font-weight: 300;
    color: #333;
}
.rel-topic ul li div a.fcik {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}
.rel-topic ul li div a.fcik:hover{text-decoration: none;}
/*--=== Start diagram-box ===--*/
.diagram-box {
    background: #EFF8F6;
    border-radius: 8px;
    padding: 48px 0;
    margin-top: 25px;
	width: 85%;
}
.diagram-box .diagram-img-sec {
	width: 687px;
	margin: auto;
	position: relative;
}
.diagram-box .logo-sso-diagram {
    background-image: url(../images/marketplace-brand-sprite-24.png);
    background-repeat: no-repeat;
    background-size: 200px;
    display: inline-block;
    position: absolute;
    height: 14px;
    width: 34px;
    background-position: -103px 2px;
}
.diagram-box .set2-logo-sso-diagram {
    background-image: url(../images/marketplace-brand-sprite-25.png);
    background-repeat: no-repeat;
    background-size: 200px;
    display: inline-block;
    position: absolute;
    height: 14px;
    width: 34px;
}
/*--=== End diagram-box ===--*/


@media (max-width: 1300px) {
    .pro-demo-form {
        background: #0067FF;
        border-radius: 10px;
        max-width: 400px;
        margin: auto;
        padding: 30px 24px;
        margin-top: 40px
    }
}
.rhs-content .rhs-title {
    position: relative;
    padding-left: 30px
}
.rhs-content .rhs-title::before {
    content: '';
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMyAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgxMS44MzMzIiBzdHJva2U9IiMwMDY3RkYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTEgNy42NjY3NUgxMS44MzMzIiBzdHJva2U9IiMwMDY3RkYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTEgNC4zMzMyNUg3LjY2NjY3IiBzdHJva2U9IiMwMDY3RkYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTEgMTFINS4xNjY2NyIgc3Ryb2tlPSIjMDA2N0ZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat;
    background-size: 16px;
    width: 16px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto
}
.scroll-tab {
    position: relative;
    margin: 30px 0
}
.scroll-tab .lhs-highlight {
    width: 5px;
    height: 44px;
    background: #0067FF;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    z-index: 1
}
.scroll-tab-list {
    border-left: 5px solid #ECEFF5
}
.scroll-tab-list li {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.3;
    color: #000;
    position: relative;
    padding: 12px 16px;
    cursor: pointer
}
.scroll-tab-list li:hover,
.scroll-tab-list li.scroll-act {
    color: #0067FF
}
.scroll-tab-list li.scroll-act {
    font-weight: 500
}
@media (max-width: 1200px) {
    .m-container {
        padding: 0 24px
    }
    .ban-sprite span {
        right: 0
    }
    .lcr-container .m-lhs {
        width: 230px
    }
    .lcr-container .m-center {
        width: calc(100% - 320px);
        padding: 0 30px
    }
    .lcr-container .m-rhs {
        display: none
    }
	.diagram-box .diagram-img-sec {
        width: 90%;
    }
}
@media (max-width: 1024px) {
    .lcr-container .m-lhs,
    .lcr-container .m-rhs {
        top: 120px
    }
}
@media (max-width: 992px) {
    .ban-content .lr-container .m-rhs {
        display: none
    }
    .ban-content .lr-container .m-lhs {
        width: 100%;
        text-align: center;
        margin-top: 20px
    }
    .ban-content .m-lhs h1 {
        font-size: 40px
    }
    .m-center h2 {
        font-size: 26px
    }
    .tab-content:not(:last-child) {
        margin-bottom: 30px
    }
    .lhs-tab-sec .tab-content[data-tab="1"] {
        display: block
    }
    #scroll .rel-topic ul li {
        width: 100%;
        float: none;
        padding-bottom: 0;
    }
}
@media (max-width: 768px) {
    .ban-content .lr-container .m-lhs {
        margin-top: 40px
    }
    .ban-content .m-lhs h1 {
        font-size: 34px;
        margin-bottom: 20px
    }
    .ban-content .m-lhs .ban-cta a {
        font-size: 14px
    }
    .link-list-title,
    .lhs-menu-links {
        display: none
    }
    .lcr-container .m-lhs,
    .lcr-container .m-center {
        width: 100%;
        position: relative;
        top: 0
    }
    .lcr-container .m-center {
        border: none;
        padding: 0
    }
    .m-center h2 {
        font-size: 24px
    }
    .m-center h3 {
        font-size: 16px;
        margin: 20px 0 10px
    }
    .m-center h4 {
        font-size: 15px
    }
    .m-center p {
        font-size: 15px;
        line-height: 1.6
    }
    .m-center .m-list li {
        font-size: 15px
    }
    .m-center .m-list li:not(:last-child) {
        margin-bottom: 10px
    }
    .vr-box-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .vr-col .vr-box {
        padding: 30px 24px
    }
    .vr-br-box .vr-col .vr-box h4 {
        font-size: 16px
    }
}
.feb-pre-footer .col20 ul li a[href$="#"] {
    display: block
}


/* Temp */
/*--=== FOOTER ===--*/
.feb-pre-footer {
    background-color: #edf2f5;
    padding: 70px 0 72px;
    float: left;
    width: 100%;
    position: relative;
}
.feb-pre-footer.topcol {
    background: #f9f9f9;
}
.feb-pre-footer * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'ZohoPuvi';
}
.feb-pre-footer ul,
.feb-pre-footer ol {
    list-style-type: none;
    margin-bottom: 30px
}
.feb-pre-footer a,
.feb-pre-footer a:hover {
    text-decoration: none
}
.feb-pre-footer .feb-pre-footer-container {
    max-width: 1240px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto
}
.feb-pre-footer .mt-42 {
    margin-top: 42px
}
.feb-pre-footer .col1 {
    float: left;
    width: 40%;
    padding-right: 20px
}
.feb-pre-footer .col1 .plogo-base {
    margin-left: -15px
}
.feb-pre-footer .col1 .plogo-base ul li {
    float: left;
    width: 127px;
    height: 57px;
    border-radius: 4px;
    text-align: center;
    background-color: #fff;
    margin-left: 15px;
    margin-bottom: 15px
}
.feb-pre-footer .col1 .plogo-base ul li i,
.feb-pre-footer .col1 .plogo-base ul li a {
    height: 57px
}
.feb-pre-footer .col1 .plogo-base ul li .icn-plogo1 {
    background-position: -12px -512px;
    width: 87px
}
.feb-pre-footer .col1 .plogo-base ul li .icn-plogo3 {
    background-position: -240px -511px;
    width: 60px
}
.feb-pre-footer .col1 .vid-sec {
    margin-top: 25px;
    width: 411px;
    height: 231px;
    position: relative;
    display: none;
}
.feb-pre-footer .col1 .vid-sec .icn-vid {
    background-position: -9px -579px;
    width: 411px;
    height: 231px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0
}
.feb-pre-footer .col20 {
    width: 20%;
    float: left;
    padding-right: 10px;
    padding-top: 4px
}
.feb-pre-footer .col20 h4 {
    color: #272727;
    font-size: 19px;
    font-family: 'Zoho_Puvi_Bold';
    margin-left: 0;
    margin-bottom: 14px
}
.feb-pre-footer .col20 ul li {
    line-height: 20px;
    margin-bottom: 12px
}
.feb-pre-footer .col20 ul li a {
    color: #323433;
    font-size: 13px;
}
.feb-pre-footer .col20 ul li a:hover {
    text-decoration: underline
}
.feb-pre-footer .col20 ul li a[href$="#"] {
    display: none
}
.feb-pre-footer .col20.col3 {
    padding-left: 30px
}
.feb-pre-footer .col20.col4 {
    padding-left: 30px
}
.feb-pre-footer .vid-sec-vid {
    border: 0;
    height: 210px;
    border-radius: 5px;
}
.feb-pre-footer .col1 h4 {
    color: #272727;
    font-size: 19px;
    font-family: Zoho_Puvi_Bold;
    margin-left: 0;
    margin-bottom: 14px
}
.feb-pre-footer .col1 ul li {
    margin-bottom: 10px
}
.feb-pre-footer .col1 ul li a {
    color: #272727;
    font-size: 14px;
    line-height: 25px
}
.feb-pre-footer .col1 ul li a:hover {
    text-decoration: underline
}
.feb-pre-footer.fir-footer .col1 {
    width: 30%
}
.feb-pre-footer.fir-footer .col20 {
    float: right;
    width: 68%
}
.feb-pre-footer.fir-footer .col1 .vid-sec {
    margin-top: 0;
    width: 100%
}
.feb-pre-footer.fir-footer h2 {
    margin-bottom: 15px;
}
.feb-pre-footer.fir-footer p span {
    border-right: solid 1px #9ba3a5;
    display: inline-block;
    padding: 0 20px 0 30px;
    position: relative;
}
.feb-pre-footer.fir-footer p span:nth-child(2) {
    border: none;
    margin-left: 10px;
    padding-right: 0
}
.feb-pre-footer.fir-footer p span:after {
    background: url(https://www.manageengine.com/log-management/images/customer-testimonial-sprite.png);
    background-position: -226px -104px;
    background-size: 460px;
    content: "";
    height: 25px;
    left: 0;
    position: absolute;
    top: 0;
    width: 25px
}
.feb-pre-footer.fir-footer p span a {
    color: #333;
    font-size: 15px;
}
.feb-pre-footer.fir-footer ul li {
    box-shadow: 0px 0px 11px #ccc;
    display: inline-block;
    background: url(https://www.manageengine.com/log-management/images/customer-testimonial-sprite.png) #fff no-repeat;
    background-position: -4px -4px;
    border-radius: 7px;
    background-size: 460px;
    height: 92px;
    margin: 23px 14px 0 0;
    width: 107px;
}
.feb-pre-footer.fir-footer ul li a {
    display: block;
    height: 100%;
    width: 100%;
}
.feb-pre-footer.fir-footer ul li:nth-child(2) {
    background-position: -113px -5px
}
.feb-pre-footer.fir-footer ul li:nth-child(3) {
    background-position: -223px -5px
}
.feb-pre-footer.fir-footer ul li:nth-child(4) {
    background-position: -333px -5px
}
.feb-pre-footer.fir-footer ul li:nth-child(5) {
    background-position: -4px -99px
}
.feb-pre-footer.fir-footer ul li:nth-child(6) {
    background-position: -113px -99px
}
.nav-dwn a {
    font-size: 20px
}
.nav-clo {
    background: #1F96E5;
    border-radius: 3px;
    box-shadow: 0px 5px 6px #0026ef30;
    cursor: pointer;
    height: 39px;
    margin: 4px 0 0 10px;
    position: relative;
    transition: all .5s;
    width: 45px
}
.nav-clo:before {
    background: url(https://www.manageengine.com/products/eventlog/images/cloud-icons.png) no-repeat;
    background-size: 183px;
    content: "";
    height: 30px;
    left: 7px;
    position: absolute;
    top: 10px;
    width: 30px;
}
.nav-clo:hover {
    background: #1C6190;
    box-shadow: box-shadow: 0px 5px 6px #0026ef5c;
    transition: all .5s;
}
.nav-clo ul {
    background: #fbfeff;
    border: solid 1px #c0ddff;
    box-shadow: 0 13px 11px #00000042;
    display: none;
    padding: 30px;
    position: absolute;
    right: 0;
    top: 55px;
    width: 570px;
}
.nav-clo ul:after {
    background: #fff;
    content: "";
    border: solid #c0ddff;
    border-width: 0 1px 1px 0;
    height: 0px;
    padding: 5px;
    position: absolute;
    right: 14px;
    top: -6px;
    transform: rotate(222deg);
    width: 1px
}
.nav-clo ul:before {
    content: "";
    height: 10px;
    left: 0;
    top: 0;
    width: 100%
}
.nav-clo ul li {
    cursor: default;
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.nav-clo ul li:nth-child(1) {
    width: 30%
}
.nav-clo ul li:nth-child(1):after {
    background: url(https://www.manageengine.com/products/eventlog/images/cloud-icons.png) no-repeat;
    background-position: -29px -5px;
    background-size: 170px;
    content: "";
    height: 141px;
    left: 0;
    position: absolute;
    top: 0;
    width: 140px
}
.nav-clo ul li:nth-child(2) {
    width: 69%
}
.nav-clo ul li h3 {
    font-size: 20px;
    font-weight: 500;
    margin: 0
}
.nav-clo ul li p {
    margin: 5px 0 30px 0
}
.nav-clo ul li a {
    background: none;
    border: solid 1px #168eff;
    border-radius: 20px;
    color: #168eff;
    display: inline-block;
    font-size: 14px;
    padding: 7px 25px;
    position: relative;
    transition: all .3s ease
}
.nav-clo ul li a:hover {
    background: #168eff;
    color: #fff;
    text-decoration: none;
    transition: all .3s ease
}
.nav-clo span {
    background: url(https://www.manageengine.com/products/eventlog/images/cloud-icons.png) no-repeat;
    background-position: 0 -55px;
    background-size: 200px;
    height: 17px;
    position: absolute;
    right: 12px;
    top: 11px;
    width: 15px;
    z-index: 9
}
.nav-clo {
    display: none
}
@media(max-width:760px) {
    .breadcrumb {
        display: inline-block;
    }
}
@media(max-width:500px) {
    .rel-topic ul li div {
        margin: auto;
    }
    #scroll .rel-topic ul li {
        padding-bottom: 15px;
    }
}
@media(max-width:375px) {
    .heading-menu {
        display: none;
    }
}