.heading-menu,#customers, #allFea {
    display: none;
}
.container{
   max-width:1200px;
}
.bannerflex {
    min-height: 307px;
    position:relative;
}
.bannerflex.light{
    background-color:#f1f1f1 !important;
    color:#000;
}
.bannerflex.light.zendesk{
    background: linear-gradient(to right, #a5bb77, #d6e8b0, #a5bb77) !important;
}
.bannerflex.light.tenable{background: linear-gradient(to right, #7ba1bf, #b0d6e8, #7ba1bf) !important}
.bannerflex.light:before {
    content: '';
    background-image: url(https://www.manageengine.com/fr/sites/meweb/images/fr/ems/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/fr/sites/meweb/images/fr/ems/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:#000;
   color: #fff;
   display: block;
   max-width:fit-content;
   font-size:18px;
   text-align: center;
   line-height:normal;
   padding:7px 14px;
   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: #f1f1f1;
    margin: 7px 15px 0 0;
    padding: 12px;
    border-radius: 50%;
}
.int.fea.zendesk .flex .fea-box .fea-box-icon {
    background-color: #cdddab;
}
.int.fea.tenable .flex .fea-box .fea-box-icon{background-color:#98bed5;}
.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%;
}




.bannerflex.light.spiceworks {
    background-color: #ffd99f !important;
}

.int.fea.spiceworks .flex .fea-box .fea-box-icon, .prd-dc.int.res.spiceworks .flex .res-box a img {
    background-color: #ffd99f;
}
.prd-dc.int.res.tenable .flex .res-box a img{background-color:#98bed5;}
.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;
}


.bannerflex.light.servicenow {
    background-color: #94ecd3 !important;
}

.int.fea.servicenow .flex .fea-box .fea-box-icon, .prd-dc.int.res.servicenow .flex .res-box a img {
    background-color: #94ecd3;
}

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

.bannerflex.light.sdp, .bannerflex.light.sdpod {
    background-color: #b8e5ff !important;
}

.int.fea.sdp .flex .fea-box .fea-box-icon, .int.fea.sdpod .flex .fea-box .fea-box-icon, .prd-dc.int.res.sdp .flex .res-box a img, .prd-dc.int.res.sdpod .flex .res-box a img{
    background-color: #b8e5ff;
}

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

.bannerflex.light.freshservice{
    background: linear-gradient(to right, #83d8f1, #c2f1ff, #83d8f1) !important;
}

.int.fea.freshservice .flex .fea-box .fea-box-icon, .prd-dc.int.res.freshservice .flex .res-box a img{
    background:  #c2f1ff;    
}

.bannerflex.light.assetexplorer{
    background: linear-gradient(to right, #ecffaf, #deecad, #ecffaf) !important;
}
.bannerflex.light.ap,.ap.int.fea .flex .fea-box .fea-box-icon{
    background-color:#ccecd8 !important;
}
.int.fea.assetexplorer .flex .fea-box .fea-box-icon, .prd-dc.int.res.assetexplorer .flex .res-box a img{
    background:  #deecad;    
}

.bannerflex.light.jira{
    background: linear-gradient(to right, #89c6ff, #c4e2ff, #89c6ff) !important;
}
.int.fea.jira .flex .fea-box .fea-box-icon, .prd-dc.int.res.jira .flex .res-box a img{
    background:  #c4e2ff;    
}

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

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

.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.res.zendesk .flex .res-box a img {
    background-color: #ccddab;
}
.prd-dc.int.res.ap .flex .res-box a img {
    background-color: #ccecd7;
}
.prd-dc.int.other {
    background: transparent;
    min-height: 300px;
    background-image: url(/sites/meweb/images/fr/desktop-central/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: #09c6fa;
    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;
}

@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;}
}