.footer .col1,.footer .footCol1 {padding: 2% 5% 2% 0;border-right: 1px solid #292929;min-height: 250px;width: 25%;}
.footer .col2,.footer .footCol2 {padding: 2% 5%;border-right: 1px solid #292929;}
    
#fixedbtn{display: none !important;}    
.heading-menu, #scroll, #customers{display: none;}
h1,h3,h4,h5,h5,p{margin: 0px !important;}
p{line-height: 26px !important; font-size: 16px !important;}
.div-row {position: relative;}
    
.gartnerThanks{display:none;}
.landing-page-bg {position: relative; background:#513f8e; z-index: 1; }

.landing-page-bg:before {
    content: '';
    background: url(images/apm-banking-banner-bg.png) no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-size: contain;
    opacity: .03;
    left: 0;
    z-index: 0;
    transform: rotate(0deg);
    transform: scale(1);
    filter: grayscale(1);
    background-position: center center;
}   
    
.landing-page-bg:after {
    content: '';
    background: url(images/apm-banking-bg.svg) no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-size: cover;
    opacity: .08;
    left: 0;
    z-index: 0;
    transform: rotate(180deg);

    
}       
    
    
    
.div-row .content-sec {max-width: 1400px;margin: 0 auto;padding: 0 10px; display: flex;align-items: center;}
.content-sec .col-left{float:left;} 
.display-table {display: table;}
.custom-container {width:100%;position: relative; display: block;}
.col-left {width:75%;float: left;}

.container {max-width: 1200px;width: 95%;margin: 0 auto;transition: all 0.2s ease-in 0s;}
.row::after {content: "";clear: both;display: table;}
.row {display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: normal;width:100%;justify-content: center;}
.row .cell, .row1 .cell {width:29%;display:flex;margin:10px;-webkit-box-shadow:0 0 5px 0px #f0eded;box-shadow:0 0 5px 0px #f0eded;background:#fff;}
.sec-pTB {padding:60px 0 !important;} .sec-pTB1 {padding:30px 0;}
.banner-cover {position: relative;z-index: 1;animation: anim 2s ease-in-out;
    transition: all .5s ease-in-out;opacity: 1;display: table-cell; vertical-align: middle;}
    
.banner-cover .custom-row{justify-content: left;}
.banner-cover .flex-row:before, .banner .flex-row:after {content: '';display: table;clear: both;}
.custom-row .col:nth-child(1) {width: 80%;}
.banner-con {text-align: left;position: relative;animation: bannerCon 1.8s ease-in; ; color: #fff; padding: 0px 20px}
.banner-con h1{color: #fff; font-weight: 600; margin-bottom: 25px !important; font-size: 52px}
.banner-con p{font-size: 14px !important;letter-spacing:.5px;font-weight:100;}
    
.baner-btn a {
    position: relative;
    background: #f9ad3a;
    color: #333;
    padding: 10px 35px;
    border-radius: 6px;
    text-decoration: none;
    margin-top: 15px;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;    transition: all .3s ease-in-out;
}
    
.baner-btn a:hover{text-decoration: none;background:#ef9b1d;    transition: all .3s ease-in-out; }  
    
 #demoDate{display: none;padding: 5px 10px; margin-bottom: 5px;}
.ui-datepicker-trigger {position: absolute;top: 10px;right: -15px;width: 30px;display:none;}
.clearDate {font-family: sans-serif;display: none;justify-content: center;align-items: center;position: absolute;width: 20px;height: 20px;font-size: 15px;color: #222;background-color: #e8e8e8;right: 50px;top: calc(50% - 14px);z-index: 1;border-radius: 50%;cursor: pointer;display: none;}
.ui-widget-header .ui-icon {background-image: url(images/ui-icons.png)!important;}      
    
    
    
@-webkit-keyframes bannerCon {
0% {left: -50px;}100% {left:0;}
}
@keyframes bannerCon {
0% {left: -50px;}100% {left:0;}
}   
    
.lnk {color: #8D38BA;}
.div-img {text-align: center;position: relative;}
.anim-bg {position:absolute;z-index:-1;}
img{max-width: 100%;}   
    
/* ================= form style ================*/  


.custom-row::after {content: "";clear: both;display: table;}
.custom-row {display: flex; flex-wrap: wrap;align-items: normal;width: 100%; justify-content: center; }
.custom-row .grid50 , .custom-row .grid30{display: flex;padding: 0px 15px;}
.custom-row .grid50 {width: 47%;}
.custom-row .grid30 {width: 30%;}
.custom-row .grid{width: 100%;font-weight:100;}

    
/* ================= form style ================*/
    
.form-con{position:relative;background:#362476;width:360px;animation:formAnim 1s ease-in-out; border-radius: 6px;padding: 25px;text-align: center;display: flex;align-items: center;justify-content: center; top:0px; z-index: 9; margin: 10px; min-height: 410px}
.fixed-form {position: relative;top: 0px;width: 310px;margin: 0 auto;transition: all .5s ease-in-out;box-shadow: 0px 0px 2px #3d7f9e;margin: 0px 0px;}
    
.form-title h2{text-align:center;font-size: 25px; line-height: 24px;}
.form-con h2{font-size: 20px !important;}   
.form-con h2, .form-con p { margin: 0; color: #fff;}
.form-con p { font-size: 14px !important; line-height: 17px !important;padding:15px 0 10px;font-weight:100;letter-spacing:.5px;}
    .form-con p a{color: #fff !important}
.form-con .input-row {padding: 5px 0; position: relative;}
.form-con .input-row input, .input-row select {width: 100%;border: solid 1px #ddd;padding: 5px 10px;outline: none;height: 40px;box-sizing: border-box;background: #fff;font-size: 13px;transition: all .3s ease-in-out; border-radius: 4px;}
/*.form-con .input-row input:hover, .form-con .input-row select:hover {box-shadow: 0 0 10px 0 #ddd;-webkit-box-shadow: 0 0 10px 0 #ddd}*/
.form-con .input-row input[type="submit"] {background: #f9ad3a;color: #333;margin-top: 10px;font-size: 15px;font-weight: 700;}
.form-con .input-row textarea{width: 94%;resize: none;height: 60px;padding: 5px 10px;font: 400 13.3333px Arial; border: solid 1px #ddd; border-radius: 4px;}
.form-con .input-row textarea:focus{outline:none;}  
.btn-div a {position: relative;background: #ec1131;color: #fff;padding: 10px 15px;border-radius: 6px;text-decoration: none;margin: 25px 15px;display: inline-block;}
    
.btn-div a:link, .btn-div a:visited {transition: all .5s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.btn-div a:hover {box-shadow: 0 5px 10px 0 #8a8a8a;-webkit-box-shadow: 0 5px 10px 0 #8a8a8a;}
.dwn-priv {margin-top: 0 !important;color: #fff !important;}
.dwn-priv a {color: #ffa927;}
    
@-webkit-keyframes formAnim {0%{left:0px;} 100%{left:100px;}}
@keyframes formAnim {0%{left:0px;} 100%{left:100px;}}
    

/*=========== content section1 css ============*/
    
    
.content h2.main-title{font-size: 36px; color: #444; margin-bottom:30px !important; margin: 0px;}   
.cont-section1 .cont-box{padding: 10px 0px;}
.cont-section1 .cont-box p{line-height: 26px;font-weight:100;}
.bdr1 { border-top: 8px solid #484f8c;border-left: 8px solid #bfc3de;}
.bdr2 { border-bottom: 8px solid #484f8c;border-right: 8px solid #bfc3de;}  
.hglt-bg2{background: #f8f6ff;}
.hglt-bg1{background: #fff8ee;}
    
    
    
/*=========== icon list section css ============*/  
    
    
.icon-listed ul {list-style: none;margin: 10px 0 35px; padding: 0;} 
.icon-listed li { list-style: none;display: block; position: relative; margin-bottom: 12px; padding-left: 40px; font-weight: 600; font-size: 16px;
}
.icon-listed ul li span {height: 22px; width: 20px; background: #fff;color: #fff; border-radius: 50%;text-align: center; line-height: 20px; font-size: 18px;padding-left: 2px;position: absolute;display: inline-block;top: 1px;left: 0px;    border: 1px solid #e1daf5;}
    
.icon-listed ul li span:after { content: '';display: block; width: 4px;height: 10px;border: solid #704fdc;border-width: 0 3px 3px 0;transform: rotate(45deg);position: absolute;left: 8px;top: 3px;}
    
.button-div {display: flex;align-items: center;justify-content: center;margin: 60px 0px 0px;}   
.free-btn {background: #362476; color: #fff;margin-top: 10px;font-size: 14px;font-weight: 600; padding: 10px 25px; border-radius: 50px;margin: 0px 25px; border-radius: 4px;border: 2px solid transparent;transition: all .3s;} 
a.free-btn:hover {border: 2px solid #3b1da0;background: #2c1c67; color: #fff;text-decoration: none !important;transition: all .3s;}     
.listed-section .cont-box{padding: 30px; box-shadow: 0 2px 28px -14px rgba(160,158,158,.75); background: #fff;}
    
    
/*=========== icon and gif section css ============*/
    
.icon-section {display: flex;flex-wrap: wrap;align-items: normal;width: 100%;justify-content: center;}
.icon-section .icon-grid {width: 30%; display: flex;margin: 15px 15px;}
.bg-box {padding: 15px 15px; position: relative;font-weight:100;}
.apm-alternative-sprite {background: url("https://www.manageengine.com/fr/applications_manager/images/apm-banking-sprite.png") no-repeat 0 0;display: inline-block; height: 52px;width: 52px;position: absolute;left: 0;transform: scale(0.9);transition: all .3s;}
.altr-icon1 {background-position: 0px 0px;} 
.altr-icon2 {background-position: -83px -3px;}  
.altr-icon3 {background-position: -155px -3px;} 
.altr-icon4 {background-position:2px -70px} 
.altr-icon5 {background-position:-74px -69px; width: 70px}  
.altr-icon6 {background-position: -150px -70px; width: 70px}    
    
.icon-section h2 {font-size: 20px;text-align: left;padding-left: 70px;position: relative;min-height: 45px;margin-bottom: 15px;line-height: 24px;margin-top: 0px !important;}    
.bg-box a:hover{color:#3ca7e8;text-decoration: none; margin-top: 10px; }    
.gif-section { position: relative;}
.mockup-bg{background-image: url(images/mockup-bg.png); background-repeat: no-repeat;background-position: -80% center;background-attachment: scroll; background-size: cover;width: 400px;}
    
.mockup-holder .grid50:nth-child(1){width:26%; float: left;}
.mockup-holder .grid50:nth-child(2){width:74%; float:left}
.img-holder img{max-width: 550px; margin-left: -30%}
    
    
a.view-btn h2{ margin-top: 10px;display: inline-block;color: #333;    transition: all .3s ease-in-out;} 
a.view-btn:hover h2{color: #35168e; text-decoration:none!important;   transition: all .3s ease-in-out;} 
a.view-btn:hover h2 .apm-alternative-sprite{transform: scale(1.1);  transition: all .3s ease-in-out;}
/*=========== customer css ============*/
    
    
.customer-cont-box {
    padding: 0px 25px 40px;
}

.dark-box {padding: 80px 0px 20px;}
.csBox {border: 1px solid #f7f7f7;box-shadow: 0 0 10px #eee;border-radius: 5px;min-height: 210px;position: relative;margin-top: 70px;text-align: center; background: #fff;} 
.csIcon1, .csIcon2, .csIcon4, .csIcon3,  .csIcon5,  .csIcon6   {height: 120px;width: 120px;display: block; position: absolute;left: 50%;margin-left: -60px; top: -75px; border-radius: 50%;     border: 1px solid #efeeee;}
    
.csIcon1 {background: url(images/apm-baniking-go-global.jpg) no-repeat -0px 0px;background-size: 125px; }
.csIcon2 {background: url(images/chanjal-cs2.png) no-repeat 0 0;}
.csIcon3 {background: url(https://www.manageengine.com/fr/applications_manager/images/wipro-customer.jpg) no-repeat -82px 0px;}
.csIcon4 {background: url(https://www.manageengine.com/fr/applications_manager/images/lexmark-cs4.png) no-repeat 0 0;}
.csIcon5 {background: url(https://www.manageengine.com/fr/applications_manager/images/apm-banking-hdfc.jpg) no-repeat 0px 3px;     background-size: 122px;}
.csIcon6 {background: url(https://www.manageengine.com/fr/applications_manager/images/apm-baniking-unicredit.jpg) no-repeat 4px 15px;     background-size: 106px;}
    
.csVidLink a {background: #3B1DA2 url(https://www.manageengine.com/fr/applications_manager/images/apm-vid-icon.png) no-repeat 18px 8px;display: inline-block;color: #fff;padding: 5px 20px 5px 40px;border-radius: 40px}
    
.csVidLink a:hover {text-decoration: none !important; } 
.csTxt {font-size: 16px;font-weight:100;}
.csMoreIcon {background: url(https://www.manageengine.com/fr/applications_manager/images/apm-vid-more.png) no-repeat 0 0;height: 25px;width: 25px;display: inline-block;margin-right: 10px;
}   
.csName {margin-top: 20px; font-size: 16px;font-weight:100;}
a.csMore {color: #fff;text-align: center; display: inline-block;margin-top: 60px;background: #473587;padding: 9px 20px; border: 1px solid #4c2abc;display: inline-block; border-radius: 6px;}
a.csMore:hover {    text-decoration: none !important;}
    
[class*="col-"] {-webkit-box-sizing: border-box;box-sizing: border-box;padding: 15px 0px;}
    
    
.view-more-btn {
    background: #473587;
    color: #fff;
    padding: 8px 18px;
    border-radius: 50px;
}   
.view-more-btn:hover{text-decoration:none !important;} 
    .sec-pTB a:hover{text-decoration:  none !important;}
    
    
/*======= logosection query css ==========*/        
    
    
ul.logosection {
margin: 0;
padding: 0;
}
.a-tag a{color: #000}
ul.logosection li {
display: inline-block;
padding: 0;
margin: 10px;
}
ul.logosection li  span {
display: inline-block;
padding: 10px;
text-indent: -9999px;
text-align: center;
border: solid 1px #f1f1f1;
border-radius: 6px;
}
ul.logosection li a {display:block;}
.brand {
background: url("images/apm-banking-financial-logo.png");
height: 45px;
}
.brand.logo1 {
    background-position: 2px -243px;
    width: 106px;
}
.brand.logo2 {
    background-position: -110px -237px;
    width: 120px;
}

.brand.logo3 {
background-position: -236px -238px;
    width: 120px;
}
.brand.logo4 {
background-position: 9px -300px;
    width: 120px;
}

.brand.logo5 {
    width: 120px;
    background-position: -123px -297px;
}

/*======= Media query css ==========*/  
    

@media (max-width: 650px) {
    
.icon-section .icon-grid{width:100% !important}
.form-con .input-row textarea{width:92%}    
.form-con{width:86%}
    
}
    
    

@media(max-width:768px) {
    
.custom-row .grid50, .custom-row .grid30{width:100% !important;}  
.cont-section1 .custom-row .grid50{width:100%;margin-bottom: 20px;} 
.img-holder img {width: 80% !important;   margin: 0 auto;}  
.icon-listed ul{margin: 0px 0 0px}  
.listed-section .cont-box{margin-top: 30px;}
.div-row .content-sec {display: inherit !important;}
.banner-con h1{    margin: 35px 0px 10px !important;}
.csBox{margin-bottom: 20px;}

        
    
    
}
        
    
    
@media (max-width: 1025px) {
    
.content-sec .col-left{width:100%;}
.content-sec .col-right{width:100%}
.custom-row .col:nth-child(1){width:100% !important}
.banner-con{text-align: center; padding: 0px;}
.form-con{margin: 0 auto;}
.display-table{min-height: auto;}
.banner-cover{padding:0px;}
.icon-section .icon-grid{width:40%;}
.gif-section{border-top-left-radius:0px;border-bottom-left-radius:0px;}     
.img-holder {text-align: center;}
.img-holder img {width: 55%;     margin: 0 auto;}
.custom-row .grid50{width:100%;margin-bottom: 15px;}
.content h2{font-size:16px;line-height: 24px; }
.content p { line-height: 28px;color: #616365;}
.custstory .custom-row .grid30 {width: 28%;}
.content h2.main-title{font-size:26px; line-height: 28px;}
.mockup-holder .grid50:nth-child(1){width:100%;}
.mockup-holder .grid50:nth-child(2){width:100%;}
.banner-con h1{font-size:28px;}
    
.custstory .custom-row .grid50{width:45%;}      
    
a.view-btn h2{    display: flex;
    align-items: center;
    justify-content: left;} 

}

    
@media (min-width: 1025px) and (max-width:1199px){  
    .img-holder img {   max-width: 550px;}
    .icon-section{justify-content: flex-end;}
    .img-holder img{ max-width: 550px;margin-left: -35%;}
    
}   
    
@media (min-width: 1201px) and (max-width:1400px){  
    .icon-section{justify-content: flex-end;}
    .icon-section .icon-grid{width: 38%;}
    .mockup-holder .grid50:nth-child(1){width: 30%;}
    .mockup-holder .grid50:nth-child(2){width: 70%;}
}
        
    


@media (min-width: 1200px){
.container {max-width: 1170px !important;}  
.div-row .content-sec {max-width: 1170px !important;}   
.icon-section .icon-grid{width: 27%;}
    
}
    
@media screen and (max-width: 1400px){
.col-left { width: 64%;}
.container {max-width:95%;}
    
}       
    
    
@media (min-width: 1401px){

    
.container {max-width: 1315px !important;}
.div-row .content-sec {max-width: 1390px !important;}
.col-left {width: 73%;} 
.icon-section{justify-content: flex-end;}
.icon-section .icon-grid{width: 28%;}
    
}