.flex {
    display: flex;
    align-items: center;
    justify-content: center;
}
.per30 {
    width: 35%;
    padding: 0 1.5%;
    float: left;
}
	#suppdevice{display: none}	
	
.banner {position: relative;z-index: 1;display: table-cell;
    vertical-align: middle;}
	
.banner .flex-row:before, .banner .flex-row:after {
content: '';display: table;clear: both;}
.flex-row {
display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;padding: 25px 0;flex-wrap: wrap;
}
.flex-row .col:nth-child(1) {width: 60%;}
.flex-row .col:nth-child(2) {width: 40%;}
.banner-con {text-align: left;padding: 3px 0px;position: relative;
	animation: bannerCon 1.8s ease-in;
margin-right: 35px;
}


	
.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 {width:30%;display:flex;margin:15px 15px;}
.row1 .cell{width:46%; display:flex;margin:15px 15px;}
	
	

	
.sec-pTB {    padding: 50px 0 !important;}
	
	p{font-size:15px !important;}	
	
	#customers{display: none !important}
	
	#customers h3{margin-top:0px;}
	.content h2{margin: 0px 0 30px}
	.mb{margin-bottom:15px !important;}
	.content .sub-heading{ margin: 0px 0px 30px;}
	.gartnerThanks{display: none;}	
	
	.content-cover{ padding-bottom: 35px;}
	.content-cover p{font-size: 15px;margin: 0px;     background: #ebf8ff;
    padding: 20px;
    text-align: center; line-height: 28px;}
	.div-row textarea{
    width: 93%;
    resize: none;
    height: 60px;
	border: solid 1px #ddd;
    border-radius: 6px;
    padding: 5px 10px;
	font: 400 13.3333px Arial;
}
	
	.div-row textarea:focus{outline:none;}
	.button-div {
    display: flex;
    align-items: center;
    justify-content: center; margin: 10px 0px 25px;
}
	
	
	.free-btn {
	background: #165b81;
	color: #fff;
	margin-top: 10px;
	font-size: 16px;
	font-weight: 700;
	padding: 10px 30px;
	border-radius: 50px;
	margin: 0px 25px;
	border-radius: 4px;
	border: 3px solid transparent;
		    transition: all .3s;
}
	
	.sec-pTB a:hover {
    text-decoration: none !important;
}

	a.free-btn:hover{border: 3px solid #ddd; background: #fff; color: #333; text-decoration: none;     transition: all .3s;}
	

	.paddbtm-none{padding-bottom: 0px !important;}
	.content h2{font-size:32px;}
	
.div-img {text-align: center;position: relative;     }
.anim-bg {position:absolute;z-index:-1;}	

	img{max-width: 100%}
	
.per100 {padding: 0 2%;}	
	
	.flex-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
	
ul.listed {display: inline-block;margin-top:20px;}
.listed li {margin-bottom: 34px;padding-left: 25px;position: relative; color: #000; font-size: 15px;}
.listed li:last-child {margin-bottom: 0;}
.listed li:after{content: '';display: block;width: 6px;height: 14px;border: solid #030303;border-width: 0 2px 2px 0;transform: rotate(45deg);position: absolute;left: 5px;top: 0;}	
	
.landing-page-bg {
/*    background-image: url(https://www.manageengine.com/latam/applications_manager/images/landingpage-banner.png);*/
    background-repeat: no-repeat;
    background-position: -80% center;
    background-attachment: scroll;
    background-size: cover;
	min-height: 563px;
	border-bottom: 1px solid #ddd;
	background-color: #175b81;
	position: relative
}	
	
	
	
	
.box-content h2{font-size:18px; text-align: left; padding-left: 70px;position: relative ; min-height: 45px; margin-bottom: 0px; color:#333;}
	
.rel-pos{position:relative !important;}	
.div-row {position:relative;}
.div-row .flex-container {width:100%; margin:0 auto; display:flex;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;flex-wrap:wrap;}

.div-row .content-sec {max-width:1400px;margin:0 auto;padding:0 10px;}
.content-sec .col-left {float: left;}
.custStory .col-left {width:100%; float:inherit;}

.bg-box{ padding: 15px 15px;position: relative; box-shadow: 0 0 5px 0px #f0eded; background: #fbfbfb;}
.fw600{font-weight: 600;}
.mar-align{margin:25px 0px !important;}
#scroll{display: none;}	
.heading-menu {	display: none}
	
.img-wrapper {width: 420px;}	
	
	
	
.apm-alternative-sprite {
   
    background: url(https://www.manageengine.com/latam/applications_manager/images/apm-alternative-sprite.png) no-repeat 0 0;
	display: inline-block;
    height: 52px;
    width: 52px;
	position: absolute;
	left: 0;
	transform: scale(0.9);
}
	
.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 -72px; width: 70px}	
.altr-icon6 {background-position: -150px -70px; width: 70px}	
	
	

@media (min-width:1401px){
.col-left {width:71%;}
}
@media screen and (max-width: 1400px) {
.col-left {width:65%;}
}



@media screen and (max-width: 1024px){
.col-left, .col-right {width:100%;} .banner .col-left {padding:40px;} 
.form-fixed {position: relative;margin: 0 auto;margin-bottom: 50px;}
.content-sec .col-left {width:95%;margin:0 auto;}
.banner-con {padding:0 15px; height: auto !important;}
	
	.display-table{min-height: auto !important;}
}	

	/*=========== customer css ============*/
	
.csBox {
	padding: 40px 25px;
	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  {
	
    height: 120px;
    width: 120px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: -75px;
    border-radius: 50%;
}
	
	.csIcon1 {
	background: url(https://www.manageengine.com/latam/applications_manager/images/customer-ze.png) no-repeat 0 0;background-size:cover;
	
}
.csIcon2 {
	background: url(https://www.manageengine.com/latam/applications_manager/images/chanjal-cs2.png) no-repeat 0 0;
	
}
.csIcon3 {
	background: url(https://www.manageengine.com/latam/applications_manager/images/wipro-customer.jpg) no-repeat -72px 0px;
	
}
.csIcon4 {
	background: url(https://www.manageengine.com/latam/applications_manager/images/lexmark-cs4.png) no-repeat 0 0;
	
}	

.csVidLink {	margin: 40px 0 20px}
.csVidLink a {
	background: #165B81 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: 15px;
}
	
	
	
.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;}
	
a.csMore {
        color: #333;
    text-align: center;
    display: inline-block;
    margin-top: 50px;
    background: #eaf8ff;
    padding: 9px 20px;
    border: 1px solid #165B7F;
    display: inline-block;
    border-radius: 6px;
	
}
	
a.csMore:hover {    text-decoration: none !important;}
	
	
	
	
/*=========== customer end css ============*/	
	
.no-gutter [class*="col-"] {
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.col-1 {
width: calc(1 / 12 * 100%);
}
.col-2 {
width: calc(2 / 12 * 100%);
}
.col-3 {
width: calc(3 / 12 * 100%);
}
.col-4 {
width: calc(4 / 12 * 100%);
}
.col-5 {
width: calc(5 / 12 * 100%);
}
.col-6 {
width: calc(6 / 12 * 100%);
}
.col-7 {
width: calc(7 / 12 * 100%);
}
.col-8 {
width: calc(8 / 12 * 100%);
}
.col-9 {
width: calc(9 / 12 * 100%);
}
.col-10 {
width: calc(10 / 12 * 100%);
}
.col-11 {
width: calc(11 / 12 * 100%);
}
.col-12 {
width: calc(12 / 12 * 100%);
}
[class*="col-"] {
	padding: 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

	
.flex-top {
	align-items: flex-start;
	text-align: center;
}
.heading {
	line-height: 48px
}


.display-table{display: table; min-height: 563px;}	
	
.banner-btn {    display: inherit !important;    margin: 0 !important;}
.banner-btn a{    margin: 0;    display: inline-block; }	
.banner-btn a:hover{background: #fff; border:3px solid #ddd;}
	
	
.custom-list {  padding-left: 18px;}
.custom-list li{margin: 10px 0px; list-style-type: disc;}
	
.sub-heading{margin: 10px 0px; font-size: 18px !important;}	
.sub-head{margin: 20px 0px 20px;}
	
	
.fnt-bld {
	font: 27px/1.1 'zoho_puvi_bold', Arial, Helvetica, sans-serif
}
.banner-con {
	
	animation: anim 2s ease-in-out;
	transition: all .5s ease-in-out;
	opacity: 1;  display: table-cell; vertical-align: middle;
}
.banner-con h2, .banner-con h1, .banner-con p {
	color: #fff;
}
.banner-con h1 {
	font-size: 46px;
	margin: 0;
	font-weight: 600;
	line-height: 48px;
	color: #fff;
}
.banner-con h2 {
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 16px;
}
.banner-con p {
	line-height: 28px;
	font-size: 14px;
	color: #fff; 
}
.banner-con h1 > span {
	color: #fff;
	font-size: 28px;
	display: block;
	font-weight: 300;
	margin: 20px 0px;
	color: #fff;
}
	
.img-wrapper img{max-width: 100%;}	
	
	
.form-con {
	background: #fff;
	border-radius: 6px;
	padding: 25px;
	text-align: center;
	position: relative;
	animation: formAnim 1s ease-in-out;
	min-height: 460px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form-con h2 {
	margin-bottom: 15px !important;
	font-size: 16px;
}
.form-con h2, .form-con p {
	color: #333;
}
.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;
	z-index: 2;
}
.form-con h2, .form-con p {
	margin: 0;
}
.form-con p {
	font-size: 12px;
	line-height: 20px;
	padding: 15px 0;
}
.input-row {
	padding: 5px 0; margin-bottom: 10px;
}
.input-row input, .input-row select {
	width: 100%;
	border: solid 1px #ddd;
	border-radius: 6px;
	padding: 5px 10px;
	outline: none;
	height: 40px;
	box-sizing: border-box;
	background: #fff;
	font-size: 13px;
	transition: all .3s ease-in-out;
}
.input-row input:hover, .input-row select:hover {
	box-shadow: 0 0 10px 0 #ddd;
	-webkit-box-shadow: 0 0 10px 0 #ddd
}
.input-row input[type="submit"] {
	background: #dd1e02;
	color: #fff;
	margin-top: 10px;
	font-size: 15px;
	font-weight: 700;
}
.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;
	color: #655A5A !important;
}
.dwn-priv a {
	color: #41AEDD;
}
.fnt17 {
	font-size: 17px;
}
.fnt16 {
	font-size: 16px;
}
.fnt15 {
	font-size: 15px !important;
}
.fnt25 {
	font-size: 25px;
}
.heading-menu,  #fixedbtn {
	display: none !important;
}
	#customers{display: block;}
.hglt-bg1 {
	background: #fbfbff;
}
.hglt-bg2 {
	background: #621f8b;
}
.hglt2 h1 {
	color: #fff;
}
.img-md {
	width: 100%;
	max-width: 100px;
}
.ct-mnht {
	min-height: 193px
}
.ct-mnht1 {
	min-height: 55px
}
.ct-mnht2 {
	min-height: 100px
}
.div-box {
	background: #fbf8ff;
	padding: 15px;
	margin: 15px;
	position: relative;
	border-radius: 6px;
} /* border-top: solid 1px #beb1f0;border-bottom: solid 5px #beb1f0;*/

	
	
}
.btn-list {
	display: flex;
	align-items: center;
	justify-content: left;
	margin-top: 40px;
}
.custom-btn {
	background: #07c387;
	color: #fff;
	margin-top: 10px;
	font-size: 16px;
	font-weight: 700;
	padding: 14px 55px;
	border-radius: 50px;
	margin: 0px 25px;
	border-radius: 4px;
	border: 3px solid transparent;
}
.btn-list a:hover {
	text-decoration: none !important;
	cursor: pointer !important;
}
.demo-btn {
	transition: all 300ms ease;
}
.signup-btn {
	background: #e9122b;
	transition: all 300ms ease;
}
.signup-btn:hover {
	background: none;
	border: 3px solid #db132a;
	color: #333;
	transition: all 300ms ease;
}
.demo-btn:hover {
	background: none;
	border: 3px solid #07a875;
	color: #333;
	transition: all 300ms ease;
}
.content p {
	
	line-height: 28px;
	    color: #616365;
}
.counter-box {
	background: #fff;
	padding: 20px;
	margin: 10px 15px;
	position: relative;
	border-radius: 6px;
	text-align: center;
	min-height: 230px;
	border: 1px solid #ececec;
	transition: all 300ms ease;
}
.counter-box:hover {
	border: 3px solid #f4f5fd;
	margin-top: -5px;
	transition: all 300ms ease;
	box-shadow: 0px 0px 24px #f4f5fd;
}
.counter-box .img-wrapper {
	background: #f4f6fd;
	padding: 20px;
	display: inline-block;
	border-radius: 50%;
}
.counter-box .img-wrapper img {
	max-width: 75px
}
.counter-box h3 {
	font-size: 46px;
	font-weight: 600;
	color: #2c9acd;
}
.border-top {
	border-top: 1px solid #f2f2f2;
}
.swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}
.swiper-slide {
	text-align: center;
}
.swiper-button-next, .swiper-button-prev {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	display: none;
}
.swiper-pagination-bullet-active {
	background: #000;
}
.note {
	padding: 50px;
	text-align: left;
	border: 15px solid #f9f9ff;
	line-height: 28px;
	font-size: 14px;
	background: #fff;
	margin-top: 50px;
	font-style: italic;
	border-radius: 4px;
}
.note span {
	font-weight: 600;
	font-style: normal;
}
.swiper-cont {
	background: #f3f4f6;
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 25px;
}
.swiper-cont .quote-icon {
	background: url(../images/quote.svg) top center no-repeat;
	height: 40px;
	width: 40px;
	background-size: cover;
	margin-top: -20px;
	filter: grayscale(1);
	opacity: 0.2;
}
.swiper-cont .rotate-quote {
	transform: rotate(180deg)
}
.swiper-cont p {
	padding: 0px 15px;
	font-size: 16px;
}
.swiper-cont p span {
	background: #2c9acd;
	padding: 15px 25px;
	position: absolute;
	top: 0;
	left: 0;
	border-bottom-right-radius: 50px;
	color: #fff;
	text-align: center;
	font-size: 14px;
}
.frst-lter {
	font-size: 18px;
}
.download-cont h2 {
	margin-top: 0px;
}
@-wekit-keyframes formAnim {
0% {
transform: translateY(-100px);
}
100% {
transform: translateY(0px);
}
}
@keyframes formAnim {
0% {
transform: translateY(-100px);
}
100% {
transform: translateY(0px);
}
}
@-webkit-keyframes banner-con {
0% {
top: -100px;
}
100% {
top:0;
}
}
@keyframes banner-con {
0% {
top: -100px;
}
100% {
top:0;
}
}
.animation-element {
	opacity: 0;
	position: relative;
}
/*animation element sliding left*/
.in-view {
	animation: anim 2s ease-in-out;
	transition: all .5s ease-in-out;
	opacity: 1;
}
@-webkit-keyframes anim {
0% {
transform: translateY(50px) scale(.90);
}
100% {
transform: translateY(0) scale(1);
}
}
@keyframes anim {
0% {
transform: translateY(50px) scale(.90);
}
100% {
transform: translateY(0) scale(1);
}
}

	
	
/*======= Media query css ==========*/	
	
	@media screen and (max-width: 500px){
		.per30 {    margin-top: 80px;}
		.fixed-form{width:unset;}
		}
	
@media screen and (max-width: 767px) {

	.content h2 {font-size: 30px;}
	.banner-con h1{line-height: 42px;     margin: 20px 0px 10px;}
	.banner-con h1 > span{margin: 5px 0px; font-size: 20px;}
	.banner-con p{width:100%}
	.landing-page-bg{height: auto;}

	.btn-list{display: flex !important}
	.banner-con{height: auto !importanti; padding: 0 15px !important}
	.box-content .per50{width:100%;}
	.img-wrapper{margin-top: 30px;}
	.banner-btn{align-items: center !important;}
	
	.box-content.clearfix{display: block !important;}
	.per50{width:100% !important;}
	
	.box-content h2{font-size: 18px;}
	.box-content{display: inherit;}

	
	.apm-alternative-sprite{top:-10px;}
	.box-content .row .cell{width:100% !important;}
	.row1 .cell{width:100%; display: flex; align-items: center; justify-content: center; }
	.per30{width:100% !important}
	.sec-pTB {padding: 20px 0 !important;}
	
	
}	
	

@media (max-width: 650px) {
.flex-row .col:nth-child(1) {
	width: 100% !important;
}
.flex-row .col:nth-child(2) {
	width: 100% !important;
}
.flex-row .col {
	flex: none;
	width: 100%;
}
.fdbk-box p {
	min-height: auto;
}
}

@media (max-width: 1025px) {
	
	.img-wrapper {
  
    display: flex;
    align-items: center;
    justify-content: center;
}
	.box-content .row .cell{width:46%;}
	
.flex-row .col:nth-child(1) {
	width: 64%;}
	
	ul.listed{padding-left: 0px;}	
	.fixed-form{margin: 0 auto;}
	.flex-row .col:nth-child(2) {
		width: 35%;
	}
	.col-8 {
		width: 100%;
	}
	.banner-con .row .col-4 {
		width: 100%;
	}
	.flex-row {
		align-items: flex-start;
	}
	.banner-con h1 {
		font-size: 40px;
	}
	.banner .container .row .col-8, .banner .container .row .col-4 {
		width: 100%;
	}
	.fixed-form {
		position: relative;
		top: 0;
	}
	.banner-con {
		text-align: center;
	}
	.banner-con h2 {
		margin-bottom: 25px;
	}
	
	.landing-page-bg{background-position: -40% center; }	
	
	.btn-list{justify-content: center;}
	.banner-btn{display: flex !important;}
	
	
}


@media (max-width: 1100px){
		{position: relative;    top: 0;}
	}
	
		
	
@media (min-width: 1200px) {
.container {
	max-width: 1170px !important;
}
.counter-box {
	min-height: 258px;
}
}

@media (min-width: 1400px) {
.container {
	max-width: 1390px !important;
}
.custom-btn {
	padding: 15px 65px
}
}

	
	
	
@media(max-width:768px) {
	
	.banner{padding: 0px 0px}
.connect:before {
	border-bottom: 0;
}
.banner-con {
	align-content: center;
}
.hid {
	display: none;
}
[class*="col-8"] {
	width: 100%;
}
.custom-btn {
	margin: 0px 10px;
	padding: 15px 45px;
	font-size: 14px;
}
.swiper-cont .quote-icon {
	display: none;
}
		
}
	
	
		
	
		
	@media (min-width: 768px) and (max-width:1114px) {
		
		.landing-page-bg{height: auto;}
	
		.banner-con p{width:100%}
		.box-content .per50{width:48%}
	}	
	
	
	@media (min-width: 1025px) and (max-width:1115px) {
		
		.form-con{padding: 9px;}
		
	}

		@media (min-width: 1025px) and (max-width:1999px) {
		.counter-box {
			margin: 10px;
			padding: 10px;
			min-height: 245px;
		}
		.counter-box .img-wrapper img {
			max-width: 60px;
		}
		.custom-btn {
			padding: 12px 35px !important;
		}
		}	
	
	
		
 
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;
    }
@media screen and (max-width: 480px) {
  #btmscroll{
    display: none;
  }
  .banner-con{
    padding: 0px!important;
  }
  [class*="col-"]{
    padding: 15px 0px;
  }
  .tac.mb{
    font-size: 1.4em;
  }
  .content.bg-box h2{
    display: flex;
    justify-content: center;
    align-items: center;
  }
.apm-alternative-sprite{
    top: 0px;
  }
}


.prd-nav li {
  float: left;
  width: 32%;
  padding: 0 .5%;
  text-align: center;
}