#btmscroll {
        display: none;
      }
#customers h3 {
    font-size: 50px;
    font-weight: 100!important;
    padding: 30px 0 0!important;
    text-align: center!important;
    font-family: Roboto Slab;
    font-weight: 300
}
.per30 {
    width: 45%;
    padding: 0 1.5%;
    float: left;
}
.custStory .h1, .custStory .csMore, .apmUpdates .h1 {
    text-transform: uppercase;
    font-weight: 100;
    font-size: 38px
}
.custStory .csMore {
    font-size: inherit;
    font-weight: 300
}
.csIconMain {
    background: url(https://www.manageengine.com/latam/applications_manager/images/apm-cust-stories.png) no-repeat 0 0;
    height: 80px;
    width: 80px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    top: -40px
}
.custStory {
    border-top: 1px solid #ddd;
    position: relative;
    border-bottom: 1px solid #ddd;
}
.csBox {
    padding: 40px;
    border: 1px solid #e6e7ff;
    box-shadow: 0 0 10px #eee;
    border-radius: 5px;
    min-height: 200px;
    position: relative;
    margin-top: 70px;
    text-align: center;
    background: #fff;
    font-size: 15px;
}
.csBox:hover strong {
    color: #444;
    font-weight: 700 !important;
}
.csIcon1, .csIcon2, .csIcon3, .csIcon4 {
    height: 120px;
    width: 120px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: -75px;
    border-radius: 50%;
    border: 1px solid #e6e7ff;
}
.csVidLink {
    margin: 40px 0 20px
}
.csVidLink a {
    background: #3c3c75 url(https://www.manageengine.com/latam/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
}
.csName {
    margin-top: 20px
}
a.csMore {
    color: #333;
    text-align: center;
    display: inline-block;
    margin-top: 50px;
    background: #fff;
    padding: 9px 20px;
    border: 1px solid #ddd;
    display: inline-block;
    border-radius: 6px;
}
a.csMore:hover {
    text-decoration: none;
    cursor: pointer;
}
.csMoreIcon {
    background: url(https://www.manageengine.com/latam/applications_manager/images/apm-vid-more.png) no-repeat 0 0;
    height: 25px;
    width: 25px;
    display: inline-block;
    margin-right: 10px;
}
body{font:300 14px/24px 'ZohoPuvi', sans-serif !important;}
	
header{display: none !important;}	

.menuheader, .btmBar{display: none !important;}
footer{border-top: none !important;}	
	
	
.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;}
.footer .col3,.footer .footCol3 {padding: 2% 0 0 5%;}	
	
#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;}
	
	
	
/*======= custom header css===========*/	
	
h1, h2, h3, h4, h5, h6 {
font-family: 'zoho_puvi_bold', 'Roboto', 'Poppins', 'Open Sans', sans-serif;margin: 0;
}
.heading-menu, #customers, #fixedbtn, #commonHeader {display: none !important;}
.csm-header {background:#fff;min-height:100px;-webkit-box-shadow:0px 0px 5px #e2e2e2;box-shadow:0px 0px 5px #e2e2e2;position: relative;z-index: 2; position: fixed;top: 0;left: 0;width: 100%;animation: smooth 0.3s ease-in-out;z-index: 99999999; }
	
	
.fixed-header {position: fixed;top: 0;left: 0;width: 100%;background: #fff;animation: smooth 0.3s ease-in-out;z-index: 99999999;-webkit-box-shadow: 0px 0px 5px #b3b3b3;box-shadow: 0px 0px 5px #b3b3b3;}
@keyframes smooth {
 from {transform:translateY(-50px);} to {transform:translateY(0px);}
}
.main-container {width:100%;position: relative;}
.left-column {width:75%;float: left;}
.right-column {width:25%;float: left;position: relative;}
.form-con{position:fixed;height:100%;background:#2a5b8e;width:350px;top:100px;padding: 25px;-webkit-box-sizing:border-box;box-sizing:border-box;animation:formAnim 1s ease-in-out;}

.container {max-width: 1200px;width: 95%;margin: 0 auto;transition: all 0.2s ease-in 0s;}
.header-wrapper {display: flex;padding: 20px 0;align-items: center;} .header-wrapper > div {flex:1;}
.header-right-col {text-align:right;}
a.apm-logo {}
a.apm-logo > img {width:100%;max-width:300px;}
.menu-list > li {display:inline-block;position: relative;margin: 5px; border:1px solid #eaeaea;padding: 0 5px;}
.menu-list li a {text-decoration: none;color: #4a4a4a;font-size: 14px;position: relative;display:inline-block;padding:5px;text-transform:uppercase;}
.menu-list li a:hover{color:#362476;}
.menu-list li a:before {content: "";width: 0%;border-bottom: 2px solid #362476;position: absolute;top: 20px;left: 0px;bottom: 0;transition: all ease-in-out 0.3s;}
.menu-list>li a:hover:before {width: 100%;}	
	
/*======= custom header end css===========*/	
	

.landing-page-bg {position: relative; background:#513f8e; z-index: 1; padding-top: 100px;}
.landing-page-bg:before {
    content: '';
    background: url(https://www.manageengine.com/latam/applications_manager/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:40px 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: 500; margin-bottom: 25px !important; font-size: 48px}
.banner-con p{font-size: 16px !important;}
	
.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: 700;    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(https://www.manageengine.com/latam/applications_manager/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%}

	
/* ================= 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;}
.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: 34px; color: #444; margin-bottom:30px !important; margin: 0px;}	
.cont-section1 .cont-box{padding: 10px 0px;}
.cont-section1 .cont-box p{line-height: 26px;}
.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: 21%; display: flex;margin: 15px 15px;    border: 1px solid #eaeaea;}
.icon-section.first-row .icon-grid {width: 38%;}
.bg-box {padding: 15px 15px; position: relative;}
.apm-alternative-sprite {background: url("https://www.manageengine.com/latam/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: 440px; margin-left: -20%;margin-top: -7%;}
	
	
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(https://www.manageengine.com/latam/applications_manager/images/customer-aydee.jpg) no-repeat 0 0;
    background-size: cover;
}
.csIcon2 {
    background: url(https://www.manageengine.com/latam/applications_manager/images/customer-jose.jpg) no-repeat 0 0;
    background-size: cover;
}
.csIcon3 {background: url(https://www.manageengine.com/latam/applications_manager/images/wipro-customer.jpg) no-repeat -82px 0px;}
.csIcon4 {background: url(https://www.manageengine.com/latam/applications_manager/images/lexmark-cs4.png) no-repeat 0 0;}
.csIcon5 {background: url(https://www.manageengine.com/latam/applications_manager/images/apm-banking-hdfc.jpg) no-repeat 0px 3px;     background-size: 122px;}
.csIcon6 {background: url(https://www.manageengine.com/latam/applications_manager/images/apm-baniking-unicredit.jpg) no-repeat 4px 15px;     background-size: 106px;}
	
.csVidLink a {background: #3B1DA2 url(https://www.manageengine.com/latam/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;}
.csMoreIcon {background: url(https://www.manageengine.com/latam/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;}
	
[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("https://www.manageengine.com/latam/applications_manager/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%}
.header-wrapper {flex-wrap: wrap;text-align: center;}
.menu-list {text-align: center; margin: 10px 0px 0px;}	
	
.header-wrapper > div {flex: none;width: 100%;}
.banner-con {padding: 20px 0px 0px !important;}
	
}
	
	


@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%;}
.icon-section.first-row .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;}	
p, .icon-listed li, .csTxt{font-size: 14px !important}
	
}

	
@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: 370px;margin-left: 5%;}
	.icon-section h2{font-size: 18px;}
	
}	
	
@media (min-width: 1201px) and (max-width:1400px){	
	.icon-section{justify-content: flex-end;}
	.icon-section .icon-grid{width: 22%;}
	.mockup-holder .grid50:nth-child(1){width: 30%;}
	.mockup-holder .grid50:nth-child(2){width: 70%;}
}
		
	


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

	
.div-row .content-sec {max-width: 1390px !important;}
.col-left {width: 73%;}	
.icon-section{justify-content: flex-end;}
.icon-section .icon-grid{width: 22%;}
	
}
em {
	font-style: italic;
}
#fixedbtn {
	position: fixed;
	right: 0;
	top: initial;
	bottom: 300px;
	z-index: 4;
}
#fixedbtn .demo {
	color: #fff!important;
	background: #34ad65;
	text-align: center;
	display: block;
	height: 90px;
	font-weight: 500;
	font-size: .75em;
	letter-spacing: -.1px;
	line-height: normal;
	vertical-align: middle;
	border-radius: 0;
	width: 60px;
	padding: 10px 16px 0;
	text-transform: capitalize;
}