.heading-menu,#customers, #allFea {
    display: none;
}
.container{
   max-width:1200px;
}
.bannerflex {
    min-height: 307px;
    position:relative;
}
.bannerflex.light{
    background-color:#C6E0FF  !important;
    color:#000;
}

.bannerflex.light:before {
    content: '';
    background-image: url(https://www.manageengine.com/ems/css/../images/int-banner-bg.png);
    background-size: 150% auto;
    background-position: top right;
    position: absolute;
    z-index: 0;
    top: 30px;
    bottom: 0;
    left: 0;
    width: 25%;
    animation: slideup 550ms 1;
}
.bannerflex.light:after{
    content: '';
    background-image: url(https://www.manageengine.com/ems/css/../images/int-banner-bg.png);
    background-size: 150% auto;
    background-position: bottom left;
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 30px;
    right: 0;
    width: 25%;
    animation: slidedown 550ms 1;
}
.bannerflex .flexslider{
    animation: fade 550ms 1;
}
.bannerflex .logo-sec {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px auto 10px;
    max-width: 630px;
}
.bannerflex .logo-sec span {
    font-size: 50px;
    font-weight: 700;
    width:33%;
    margin: 0 5px;
}
.bannerflex .logo-sec span img{
    margin:auto;
    display: block;
    max-width:100%;
}
.bannerflex .logo-sec span:last-child img {
    width: 90%;
    margin: inherit;
}
.bannerflex.jira .logo-sec span:last-child {
    width: 45%;
}
.bannerflex.jira .logo-sec span:last-child img[alt="Jira"] {
    width: 100%;
}
.bannerflex h1 {
    font-size: 25px;
    max-width: 600px;
    margin: auto;
    text-align: center;
    line-height: 42px;
    font-weight:300;
    letter-spacing:normal;
}
.bannerflex h1 strong {
    font-size: 28px;
    font-weight:600;
}
.bannerflex.light a.cta{
   background-color:#4450be;
   color: #fff;
   display: block;
   max-width:fit-content;
   font-size:18px;
   text-align: center;
   line-height:normal;
   padding:8px 35px;
   border-radius:5px;
   margin:30px auto;
   text-decoration:none;
   transition: transform ease 350ms;
}
.bannerflex.light a.cta:hover {
    background-color: #fff;
    color: #000;
    box-shadow: 0 0 10px #0004;
    transform: scale(1.1);
}
@keyframes slidedown{
from{bottom:100px; opacity:0;}
to{bottom:30px; opacity:1;}
}
@keyframes slideup{
from{top:100px; opacity:0;}
to{top:30px; opacity:1;}
}
@keyframes fade{
from{ opacity:0;}
to{ opacity:1;}
}
.int.fea .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.int.fea .flex .fea-box {
    position:relative;
    width:auto;
    max-width: 300px;
    display: inline-flex;
    align-items: flex-start;
    margin: 15px 15px 30px;
    box-shadow: 0 0 5px #0004;
    padding: 15px;
    border-radius: 15px;
}

.int.fea .flex .fea-box .fea-box-icon {
    width: 100px;
    background-color: #C6E0FF  !important;
    margin: 7px 15px 0 0;
    padding: 12px;
    border-radius: 50%;
}
.int.fea.zendesk .flex .fea-box .fea-box-icon {
    background-color: #cdddab;
}

.int.fea .flex .fea-box .fea-box-content {
    width: 200%;
}
.int.fea .flex .fea-box .fea-box-content h3 {
    margin: 0 0 10px;
    font-size: 18px;
    line-height: normal;
    font-weight: 600;
    min-height: 70px;
    display: flex;
    align-items: center;
}
.int.fea .flex .fea-box .fea-box-content p {
    margin: 0;
}

.int.fea .cta {
    display: block;
    margin: auto;
    max-width: 100px;
    background-color: #eaeaea;
    text-align: center;
    font-size: 14px;
    line-height: normal;
    padding: 10px 18px;
    border-radius: 5px;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
}
.int.other {
    background-color: #f1f1f1;
    padding: 40px;
    text-align: center;
}

.int.other .int-logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin:auto;
    max-width:950px;
}

.int.other .int-logo a {
    background-color: #fff;
    max-width: 200px;
    min-height:80px;
    margin: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.int.other .int-logo a img {
    max-width: 80%;
}

.int.fea.spiceworks .flex .fea-box:nth-child(3):before {
    top: 151px;
    height: 174px;
}
.int.fea.spiceworks .flex .fea-box:nth-child(2):before {
    top: 324px;
}

.int.fea.servicenow .flex .fea-box:nth-child(3):before {
    top: 139px;
    height: 162px;
}
.int.fea.servicenow .flex .fea-box:nth-child(2):before {
    top: 300px;
}

.int.fea.sdp .flex .fea-box:nth-child(3):before {
    top: 116px;
    height: 140px;
}
.int.fea.sdp .flex .fea-box:nth-child(2):before {
    top: 255px;
}


.int.fea.zoho .flex .fea-box {
    max-width: 800px;
}
.int.fea.zoho .flex .fea-box .fea-box-content h3 img {
    max-width: 200px;
}

.int.fea.zoho .flex .fea-box .fea-box-content li {
    list-style: disc outside;
    line-height: 25px;
    font-size: 15px;
    margin: 10px 0 0 20px;
}
.int.fea.zoho .flex .fea-box:after,.int.fea.zoho .flex .fea-box:before     {
    display: none;
}
.bannerflex.zoho h1 {
    margin: 100px auto;
    max-width: 650px;
}

.int.res {
    background-color: #f1f1f1;
    padding: 0 0 50px;
}

.int.res h2 {
    font-size: 34px;
    text-align: center;
    margin: 0;
    padding: 50px 30px 0px;
    font-weight: 600;
}

.int.res h3 {
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    margin: 0;
    padding: 10px 30px 30px;
}

.int.res .flex {
    display: flex;
    flex-wrap: wrap;
    max-width: 900px;
    margin: auto;
    align-items: center;
    justify-content: center;
}

.int.fea .flex .fea-box .bullet, .int.fea .flex .fea-box:after, .int.fea .flex .fea-box:before{
    display:none;
}

.prd-dc + section .container, .new-container{
    max-width: 1400px;
}

.prd-dc.int.fea .flex .fea-box{
    max-width:350px;
    min-height:160px;
    padding:20px 40px 10px 20px;
}
.prd-dc + section .container > p, section .new-container > p {
    max-width: 800px;
    margin: 0 auto 30px;
    text-align: center;
    font-size: 15px;
    line-height: 30px;
}

.prd-dc.int.res .flex .res-box {
    margin: 20px;
    max-width:200px;
}

.prd-dc.int.res .flex .res-box a {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 20px;
}

.prd-dc.int.res .flex .res-box a img {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto 20px;
    border-radius: 15px;
    padding: 20px;
    background-color:#C6E0FF;
}

.prd-dc.int.res .flex .res-box a span {
    font-size: 20px;
    line-height: normal;
    font-weight: 100;
    color: #000;
}

.prd-dc.int.res .flex .res-box a:hover {
    box-shadow: 0 0 5px #0004;
    border-radius: 10px;
    background-color: #fff;
}

.prd-dc.int.other {
    background: transparent;
    min-height: 300px;
    background-image: url(https://www.manageengine.com/ems/css/../images/other-integrations-bg.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    display: flex;
    justify-content: center;
}

.prd-dc.int.other .half {
    width: 50%;
    position: relative;
}

.prd-dc.int.other .half span {
    background-color:#fff;
    width:130px;
    height:130px;
    position:absolute;
    box-shadow:0 0 5px #0002;
    border-radius:50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: scale(0);
    transition: all ease-in 350ms;
}

.prd-dc.int.other.active .half span {
    opacity: 1;
    transform: scale(1);
}


.prd-dc.int.other .half span img {
    width: 80%;
}

.prd-dc.int.other .half:first-child span:nth-child(odd){
    top:0;
}
.prd-dc.int.other .half:first-child span:nth-child(even){
    bottom:0;
}
.prd-dc.int.other .half:first-child span:nth-child(1) {
    right:96px;
    transition-delay: 350ms;
}

.prd-dc.int.other .half:first-child span:nth-child(2){
    right:220px;
    transition-delay: 500ms;
}
.prd-dc.int.other .half:first-child span:nth-child(2) img {
    width: 190px;
}
.prd-dc.int.other .half:first-child span:nth-child(3){
    right:360px;
    transition-delay: 750ms;
}

.prd-dc.int.other .half:first-child span:nth-child(4){
    right:500px;
    transition-delay: 1000ms;
}

.prd-dc.int.other .half:first-child span:nth-child(5){
    right:640px;
    transition-delay: 1350ms;
}

.prd-dc.int.other .half:last-child span:nth-child(odd){
    top:0;
}

.prd-dc.int.other .half:last-child span:nth-child(even){
    bottom:0;
}

.prd-dc.int.other .half:last-child span:nth-child(1) {
    left: 96px;
    transition-delay: 350ms;
}

.prd-dc.int.other .half:last-child span:nth-child(2){
    left:220px;
    transition-delay: 500ms;
}

.prd-dc.int.other .half:last-child span:nth-child(3){
    left:360px;
    transition-delay: 750ms;
}

.prd-dc.int.other .half:last-child span:nth-child(4){
    left:500px;
    transition-delay: 1000ms;
}

.prd-dc.int.other .half:last-child span:nth-child(5){
    left:640px;
    transition-delay: 1350ms;
}

.prd-dc.int.other .cta {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 80px;
    background-color: #2753C1;
    color: #fff;
    font-size: 20px;
    padding: 10px 5px;
    max-width: 140px;
    margin: auto;
    line-height: normal;
    font-weight: 600;
    border-radius: 8px;
    z-index: 2;
    text-decoration: none;
}
.int.fea.tenable .flex .fea-box .fea-box-icon {
    background-color: #98bed5;
}

@media(max-width:1100px){
.int.fea .flex .fea-box:after, .int.fea .flex .fea-box:before,.int.fea .flex .bullet {
    display: none;
}
}
@media(max-width:800px){
    .bannerflex{display:block;}
}
    .other-integrations {
        text-align: center;
        padding: 60px 0px;
    }

    .other-integrations h2 {
        font-size: 34px;
        text-align: center;
        margin: 0;
        font-weight: 600;
    }

    .other-integrations img {
        width: 100%;
        height: 70%;
    }

    .other-integrations .flex {
        display: flex;
        margin: 40px auto;
        max-width: 1000px;
        justify-content: center;
        grid-gap: 15px;
        flex-wrap: wrap;
    }

    .other-integrations .flex li a {
        background: aliceblue;
        border: solid #ddf2ff 1px;
        border-radius: 10px;
        width: 200px;
        height: 50px;
    }

    .other-integrations img.square-image {
        height: 100%;
    }

    .other-integrations p {
        font-size: 18px;
    }

    .other-integrations img.mini-image {
        height: 50%;
    }

    .other-integrations .flex li a {
        padding: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .other-integrations .flex li a:hover {
        box-shadow: 0px 0px 5px #ddf2ff;
        transform: scale(1.01);
    }

    .other-integrations a.cta {
        border: solid red 1px;
        color: #e9142b;
        font-size: 18px;
        line-height: 30px;
        padding: 4px 10px;
        display: inline-block;
        width: 225px;
        border-radius: 5px;
        text-decoration: none;
        text-align: center;
    }

    .other-integrations a.cta:hover {
        background: #e9142b;
        color: #fff;
    }