#scroll{display:none;}
.div.per100{text-align:Center;}
.custom-para{font-size:17px;line-height:30px;padding:0px 35px;}
.indhea{font-size:33px;font-weight:400;margin:0 0 20px;}
.indtopcon{font-size:17px;line-height:30px;margin:0 auto;max-width:900px}
.filterTab{cursor:pointer;margin:0 auto 25px !important;max-width:900px;padding:0 !important}
.filterTab li{cursor:pointer;display:inline-block;font-size:18px;list-style:none;padding:13px 20px;position:relative}
.filterTab li:before{background:#007dbe;bottom:0;content:"";height:1px;left:50%;position:absolute;transition:all .5s;width:0}
.filterTab li.active{color:#007dbe; border-bottom: 1px solid #007dbe;}
.boxCont{display:none;}
.boxCont a .hea,
.boxCont a .con{color:#444}
.boxCont a:hover{text-decoration:none}
.boxCont .per30:nth-child(1),
.boxCont .per30:nth-child(3){margin:50px 0 0 0;opacity:0;filter:alpha(opacity=0);transition:all .5s}
.boxCont .per30:nth-child(2){margin:70px 0 0 0;opacity:0;filter:alpha(opacity=0);transition:all .5s}
.boxCont .per25:nth-child(1),
.boxCont .per25:nth-child(3){margin:50px 0 0 0;opacity:0;filter:alpha(opacity=0);transition:all .5s}
.boxCont .per25:nth-child(2){margin:70px 0 0 0;opacity:0;filter:alpha(opacity=0);transition:all .5s}
.boxCont .eff1,
.boxCont .eff3{margin:0 !important;opacity:1 !important;filter:alpha(opacity=100) ;transition:all .5s}
.boxCont .eff2{margin:0 !important;opacity:1 !important;filter:alpha(opacity=100) !important;transition:all .5s;}
.boxCont ul{border:solid 1px #cdcdcd;margin:0 0 30px !important;padding:20px !important;transition:all .5s}
.custom-filter-section .boxCont ul{min-height: 200px;}

.boxCont ul:hover{box-shadow:0 0 25px #ccc;transition:all .5s;  -webkit-transform: translate(0, -5px);
transform: translate(0, -5px);}
.tabset{height:52px;margin-top:40px;}
.tabfixed{background:#fff;border-bottom:solid 1px #f2f2f2;height:50px;left:0;max-width:100% !important;position:fixed;top:89px;transition:all .5s;width:100%;z-index:9}
.tabmcont{transition:all .5s;width:100%;}
#apm, #infrastructure, #services, #cloud-new, #website, #others{margin-top:25px;transition:all .5s}

.boxCont ul li.hea{font-size:18px;font-weight:700}
.boxCont ul li.con{font-size:15px;}
.boxCont ul li.lnk{color:#03a9f5;position:relative;}
.boxCont ul li.lnk a:hover{text-decoration:none}
.boxCont ul li.lnk:before{background:#03a9f5;bottom:3px;content:"";height:1px;left:0;position:absolute;transition:all .5s;width:75px;}
.boxCont ul li.lnk:hover:before{left:36px;transition:all .5s;width:0;}
.boxCont .tilLnk{border:1px solid #000;color:#000;padding:7px 30px;text-transform:uppercase;}   

.boxCont ul li{line-height:25px;list-style:none;margin:0 0 10px 0;}
.boxCont ul li.ico{background:url(https://www.manageengine.com/fr/applications_manager/images/apm-sprite.png) no-repeat;background-size:250px;height:44px;width:43px;}
.boxCont ul li.fic1{height:44px;width:43px;}    
.bg-l-grey {background: #f1f1f1;}   

.boxCont ul li{line-height:25px;list-style:none;margin:0 0 10px 0;}
.boxCont ul li.ico{background:url(https://www.manageengine.com/fr/applications_manager/images/apm-sprite.png) no-repeat;background-size:250px;height:44px;width:43px;}
.boxCont ul li.fic1{height:44px;width:43px;}    
.bg-l-grey {background: #f1f1f1;}   


.common-box-section .box-wrapper{background:#fff;    border: solid 1px #cdcdcd;margin: 0 0 30px !important;padding: 20px !important;transition: all .5s;position: relative; min-height: 290px;}
.common-box-section .box-wrapper:hover {box-shadow: 0 0 25px #ccc;transition: all .5s; -webkit-transform: translate(0, -5px);
transform: translate(0, -5px);}
.common-box-section .box-wrapper .hea{font-size:18px;font-weight:700; line-height: 25px;list-style: none;margin: 0 0 10px 0;padding-left: 75px; position: relative; min-height: 50px;}  

.common-box-section .box-wrapper .con{font-size:15px;    margin: 15px 0px 15px;}
.common-box-section .box-wrapper .lnk{color:#03a9f5;position:relative;}
.common-box-section .box-wrapper .lnk a:hover{text-decoration:none}
.common-box-section .box-wrapper .lnk:before{background:#03a9f5;bottom:3px;content:"";height:1px;left:0;position:absolute;transition:all .5s;width:75px;}
.common-box-section .box-wrapper .lnk:hover:before{left:36px;transition:all .5s;width:0;}
.common-box-section .box-wrapper .tilLnk{border:1px solid #000;color:#000;padding:7px 30px;text-transform:uppercase;}   

.common-box-section .box-wrapper div{line-height:25px;list-style:none;margin:0 0 10px 0;}

.common-box-section  .box-wrapper .ico {background: url(https://www.manageengine.com/fr/applications_manager/images/apm-icons-sprite.png) no-repeat;background-size: 720px;position: absolute;width: 80px;height: 62px;top: 15px;left: 7px;}
.common-box-section .box-wrapper .fic1 {background-position: 0px -7px;}
.common-box-section .box-wrapper .fic2 {background-position: -95px -8px;}
.common-box-section .box-wrapper .fic3 {background-position: -188px -6px;}
.common-box-section .box-wrapper .fic4 {background-position: -275px -4px;}
.common-box-section .box-wrapper .fic5 {background-position: -359px -8px;}
.common-box-section .box-wrapper .fic6 {background-position: -429px -5px;}
.common-box-section .box-wrapper .fic7 {background-position: -530px 5px}
.common-box-section .box-wrapper .fic8 {background-position: -633px -5px}
.common-box-section .box-wrapper .fic9 {background-position: -4px -65px;}
.common-box-section .box-wrapper .fic10 {background-position: -84px -68px}
.common-box-section .box-wrapper .fic11 {background-position: -192px -60px}
.common-box-section .box-wrapper .fic12 {background-position: -268px -66px;}
.common-box-section .box-wrapper .fic13 {background-position: -358px -65px}
.common-box-section .box-wrapper .fic14 {background-position: -438px -52px}
.common-box-section .box-wrapper .fic15 {background-position: -530px -62px}
.common-box-section .box-wrapper .fic16 {background-position: -638px -62px}
.common-box-section .box-wrapper .fic17 {background-position: 0px -126px}
.common-box-section .box-wrapper .fic18 {background-position: -100px -120px}
.common-box-section .box-wrapper .fic19 {background-position: -178px -112px;}
.common-box-section .box-wrapper .fic20 {background-position: -284px -122px }
.common-box-section .box-wrapper .fic21 {background-position: -364px -122px;}   
.common-box-section .box-wrapper .fic22 {background-position: -440px -118px}    
.common-box-section .box-wrapper .fic23 {background-position: -542px -110px}    
.common-box-section .box-wrapper .fic24 {background-position: -635px -115px}    
.common-box-section .box-wrapper .fic25 {background-position: 0px -175px}   
.common-box-section .box-wrapper .fic26 {background-position: -100px -163px}    
.common-box-section .box-wrapper .fic27 {background-position: -197px -171px}    
.common-box-section .box-wrapper .fic28 {background-position: -269px -161px}    
.common-box-section .box-wrapper .fic29 {background-position: -363px -161px}    
.common-box-section .box-wrapper .fic30 {background-position: -460px -161px}    
.common-box-section .box-wrapper .fic31 {background-position: -550px -165px;}   
.common-box-section .box-wrapper .fic32{background-position: -269px -171px}
.common-box-section .box-wrapper .fic33{background-position: -96px -228px;}
.common-box-section .box-wrapper .fic34{background-position: -624px -175px;}
.common-box-section .box-wrapper .fic35{background-position: -188px -228px}
.common-box-section .box-wrapper .fic36{background-position: -6px -230px;}
.common-box-section .box-wrapper .fic37{background-position: -272px -228px;}    

.common-box-section .box-wrapper .fic38 {background-position: -362px -228px;}   
.common-box-section .box-wrapper .fic39 {background-position: -442px -228px;}


.padl50 {padding-left: 50px !important;}            
.padl95{padding-left: 76px !important;}

.features-section .pg-head{color: #fff;}
.features-section .boxCont .box-wrapper{background:#fff;    border: solid 1px #e9e9e9;margin: 0 0 30px !important;padding: 25px !important;transition: all .5s;position: relative; min-height: 215px;;}
.features-section .box-wrapper:hover {box-shadow: 0 0 25px #ccc;transition: all .5s; -webkit-transform: translate(0, -5px);
transform: translate(0, -5px);}
.features-section .box-wrapper .hea{font-size:18px;font-weight:700; line-height: 25px;list-style: none;margin: 0 0 10px 0;padding-left: 80px; position: relative; min-height: 50px;}

.features-section .box-wrapper .con{margin: 15px 0 10px 0;    color: #444;font-size: 15px;;}
.features-section .box-wrapper .lnk {color: #03a9f5;position: relative;}
.features-section .box-wrapper .lnk:before {bottom: 3px;content: "";height: 1px;left: 0;position: absolute;transition: all .5s;width: 75px;}
.features-section .box-wrapper .lnk a:hover{text-decoration: underline;}    

.features-section  .box-wrapper .ico {background: url(https://www.manageengine.com/fr/applications_manager/images/apm-sprite.png) no-repeat;background-size: 235px;position: absolute;width: 75px;height: 72px;top: 20px;left: 27px;}
.features-section .box-wrapper .fic1 {background-position: 0px 0px;}
.features-section .box-wrapper .fic2 {background-position:-83px 3px;}
.features-section .box-wrapper .fic3 {background-position: -160px 0px;}
.features-section .box-wrapper .fic4 {background-position:0px -70px; top:18px;}
.features-section .box-wrapper .fic5 {background-position: -79px -70px;top:18px;}
.features-section .box-wrapper .fic6 {background-position: -160px -70px; top:18px;}



#band-section {  background: url('https://www.manageengine.com/fr/applications_manager/images/highsec-bg.jpg') center center no-repeat #0b506c; background-size: 1144px; padding: 40px 0;}  
#band-section .per70 {width: 65%;}  
#band-section h3 {color: #fff;font-size: 24px;font-weight: 100;line-height: 48px;margin: 0;text-align: center;} 
#band-section .per30 p:nth-child(1) {color: #cdd0d0;}
.tac {text-align: center;}
p {margin: 15px 0;} 
#band-section .per30 p a {background: #e9142b;color: #fff;font-size: 16px;padding: 10px 35px;position: relative;border-radius: 4px;}
#band-section .per30 p a:hover{background:#E3142B;text-decoration: none;}

.custQuote .testimonial_con p{text-align: center;}
.custQuote .swiper-slide{background: #f6f7f8;}
.custQuote .succ-author {text-align: center;font-style: normal!important;margin-top:20px}
.custQuote .testimonial_con p{   padding: 0px 55px;    font-style: italic;}
.custQuote .slide-cont{padding: 40px 15px 35px;position: relative; }
.custQuote .swiper-container{position:relative;background: #f6f7f8;;}
.custQuote .swiper-container .quote {background: url('https://www.manageengine.com/fr/applications_manager/images/index-sprite.png') 0px -384px no-repeat;background-size: 250px;display: block;height: 51px;width: 73px;position: absolute;left: 22px;top: 10px;z-index: 2;}       
.custQuote .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;}        
.features-section .boxCont, .intergration-section .boxCont{display: block !important}   
.intergration-section .boxCont ul{min-height: 182px;}   
.intergration-section .box-wrapper .hea{padding-left:80px;}

.parllex-bg {position:relative;}
.parllex-bg:before{content:"";background: #2b1812 url('https://www.manageengine.com/fr/applications_manager/images/features-bg.png') no-repeat top center;background-size:cover;background-attachment: fixed;position:absolute;z-index:-1;width:100%;height:100%;top:0;}
.parllex-bg:after{content:"";position:absolute;width:100%;height:100%;background:#000;z-index:-1;top:0;opacity:.7;top:0;}

.ftrmnhdr{color:#fff}
.heading-menu .menuhead h1{font-weight:500;font-size:45px;}
.heading-menu {text-align:center;padding: 57.3px 0;background: url(https://www.manageengine.com/fr/applications_manager/images/sdp-banner-bg.png) no-repeat center top;
        background-position-x: center;background-position-y: top;background-size: auto;background-attachment: relative;background-position: center center;width: 100%;
    -webkit-background-size: 100%;-moz-background-size: 100%;background-size: 100%;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;
color: #fff;border-bottom: 1px solid #C5CBD4;font-weight: 400;letter-spacing: -1px;position: relative;overflow: hidden;clear: both;height: auto;font-weight: 500}


.breadcrumb{display: none;}


.link-btn {
display: inline-block;
padding: 12px 25px;
border: 1px solid #ddd;
margin: 20px 0px;
}   

.link-btn:hover {
box-shadow: 0 0 25px #ccc;
transition: all .5s;
-webkit-transform: translate(0, -5px);
transform: translate(0, -5px);
}

/*======== Media Query ===========*/
@media screen and (max-width:767px) {
#band-section{background:url('https://www.manageengine.com/fr/applications_manager/images/highsec-bg.jpg') center center no-repeat #0b506c;background-size:1144px;padding:80px 0;}  
.per30 {width: 100% !important;}
.boxCont ul{padding:28px;}
.boxCont ul li.hea{font-size: 16px;}
.filterTab li{padding:6px 12px; font-size: 16px;}
#band-section .per70 {width:100%;}
.common-box-section .box-wrapper{min-height: auto;}
.per25,.per30{width:100%;padding:0;}
.filterTab{max-width:500px;}

}
@media screen and (max-width:800px){


}
@media screen and (max-width:600px){
.per30 {width: 100% !important;}
.per25{width:100% !important;}
.filterTab li{padding:6px 12px; font-size: 16px;}
.intergration-section .boxCont ul {min-height: 130px;}
}

@media screen and (min-width:768px) and (max-width:1024px){
.intergration-section .per20{width:30% !important;}
.custom-filter-section .per25{width:50% !important;padding:10px;box-sizing: border-box; }
.custom-filter-section .box-wrapper {min-height: 205px !important;}
.features-section .boxCont .box-wrapper{text-align: center;}
.features-section .box-wrapper .ico{left: 50%; margin-left: -26px;}
.features-section .box-wrapper .hea{margin: 70px 0 10px 0; padding-left: 0px;}
.boxCont ul{padding: 20px !important;}
.intergration-section .boxCont ul {min-height: 230px;}
}

@media screen and (min-width: 1200px) { 
.media-container-width .container{max-width:1198px !important;}
}

@media screen and (min-width: 1400px){
.media-container-width .container{max-width:1398px !important;}
}
