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

	
		.thanks {
    display: none;
    font-size: 20px;
    color: #000;
    vertical-align: middle;
    margin: 138px auto;
    text-align: center;
}
body{font: 300 14px/24px 'ZohoPuvi', sans-serif !important;}
	
h1, h2, h3, h4, h5, h6{font: 600 14px/24px 'ZohoPuvi', sans-serif }	

	h2{font-size: 32px ;
    line-height: 35px ;
    margin: 0 0 30px;
    color: #0d192a;
    font-weight: 600;}	
	
.bgGrey{background: #f7f7f9}
	
.sec-pTB{padding:80px 0px}	
.sec-pTB2 {padding: 0px 0 20px;}
.pb0{padding-bottom: 0px;}	
	
#scroll{display: none;}	
.custom-para {
    line-heighT: 30px;
    font-size: 17px;
    padding: 0px 35px;
}
.heading-menu {
	display: none;
}
.no-gutter [class*="col-"] {
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.col-4 {
width: calc(4 / 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;
}
.row::after {
	content: "";
	clear: both;
	display: table;
}
.row {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.row1::after {
	content: "";
	clear: both;
	display: table;
}
.row1 {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-left: 50px !important;
}
.flex-top {
	align-items: flex-start;
	text-align: center;
}
.heading {
	
}
	
.SourceHead {
    font-size: 12px;
    margin: 0px 10px;
    color: #7c7c7c;
    font-weight: 300;
	position: absolute;
    bottom: -50px;
	left: 0px;
}	
	
.banner {
	background: #f2f3f5 !important; /* Old browsers */
	
	position: relative;
	z-index: 1;
	padding: 40px 0px;
	min-height: 400px;
	display: flex;
	align-items: center;
}
.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;
	
	flex-wrap: wrap;
	justify-content: center;
}
.flex-row .col {
	flex: 1;
	margin: 5px;
	display: inline-grid;
}
.banner-con {
	text-align: left;
	padding: 3px 25px;
	position: relative;
}
.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;
}
.banner-con h2, .banner-con h1, .banner-con p {
	color: #fff;
}
.banner-con h1 {
	
    margin: 0;
    padding-bottom: 10px;
    font-weight: 600;
    
}
.banner-con h2 {
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 16px;
}

	.banner-con h5{
    font-size: 22px;
    color: #e9592b;
    line-height: 34px;
    font-weight: 300;
}	
	
	.banner-con h5 span{font-weight: 500; font-size: 21px;}
	
.banner-con p {
	    line-height: 32px;
    font-size: 16px;
    letter-spacing: 0.2px;
    color: #0d192a;
	font-weight: 300;
	margin: 25px 0px 15px
}
.banner-con h1 > span {
	
	font-size: 45px;
    display: block;
    font-weight: 600;
    color: #0d192a;
    letter-spacing: 0.1px;
    line-height: 65px;	
	
}
.form-con {
	background: #fff;
	border-radius: 6px;
	padding: 25px;
	text-align: center;
	position: relative;
	animation: formAnim 1s ease-in-out;
}
.form-con h2 {
	margin-bottom: 5px !important;
	font-size: 20px;font-weight: 600;
}
.form-con h2, .form-con p {
	color: #333;
}
.fixed-form {
	top: 0px;
	width: 310px;
	margin: 0 auto;
	transition: all .5s ease-in-out;
	box-shadow: 0px 0px 2px #c8d5ef;
}
.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;
}
.input-row input, .input-row select {
	width: 100%;
	border: solid 1px #ddd !important;
	padding: 12px 10px;
	outline: none;
	
	box-sizing: border-box;
	background: #fff;
	font-size: 13px;
	transition: all .3s ease-in-out;
	border: none;
}
	
	.input-row select {
	 -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #5a5a5a 50%), linear-gradient(135deg, #5a5a5a 50%, transparent 50%), linear-gradient(to right, #fff0, #fff0) !important;
    background-position: calc(100% - 17px) calc(1em + 4px), calc(100% - 12px) calc(1em + 4px), calc(100% - 2.5em) .5em !important;
    background-size: 6px 5px, 5px 5px, 1px 1.5em !important;
    background-repeat: no-repeat !important;
		
	}
	
/*
.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: #e9592b;
	color: #fff;
	margin-top: 10px;
	font-size: 15px;
	font-weight: 700;border: 1px solid #444;
	cursor: pointer;
}
	
	.input-row input[type="submit"]:hover{background: #0d192a;}	
	
.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: 10px;
	color: #655A5A !important;
}
.dwn-priv a {
	color: #e9592b;
}
.fnt17 {
	font-size: 17px;
}
.fnt16 {
	font-size: 16px;
}
.fnt15 {
	font-size: 15px !important;
}
.fnt25 {
	font-size: 25px;
}
.heading-menu, #customers, #fixedbtn {
	display: none !important;
}
.hglt-bg1 {
	background: #f9f9ff;
}
.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;*/
ul.listed {
	display: inline-block;
}
.listed li {
	margin-bottom: 15px;
	padding-left: 25px;
	position: relative;
	color: #000;
	font-size: 16px;
}
.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;
}
.listed li:nth-child(1) {
	-webkit-animation: AnimFadeUp 1s ease-in-out;
animation:animation:AnimFadeUp 1s ease-in-out;
}
.listed li:nth-child(2) {
	-webkit-animation: AnimFadeUp 2s ease-in-out;
animation:animation:AnimFadeUp 2s ease-in-out;
}
.listed li:nth-child(3) {
	-webkit-animation: AnimFadeUp 3s ease-in-out;
animation:animation:AnimFadeUp 3s ease-in-out;
}
.listed li:nth-child(4) {
	-webkit-animation: AnimFadeUp 3s ease-in-out;
animation:animation:AnimFadeUp 4s ease-in-out;
}
@-webkit-keyframes AnimFadeUp {
0% {
transform:translateX(-20px);
opacity:0;
}
100% {
transform:translateX(0px);
opacity:1;
}
}
@keyframes AnimFadeUp {
0% {
transform:translateX(-20px);
opacity:0;
}
100% {
transform:translateX(0px);
opacity:1;
}
}
	

/*---- icon section ---------*/	
	
	
	
.row::after {
    content: "";
    clear: both;
    display: table;
}
.row, .row1, .row2 {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: normal;
    width: 100%;
    justify-content: center;
}
.row .cell {
    width: 45%;
    padding: 0px 15px;
    padding: 1.5rem!important;
}
.row1 .cell {
    width: 100%;
}
.row2 .cell {
    width: 28%;
    padding: 25px 13px 10px;
    border: 1px solid #ddf;
    margin: 15px 15px;
    border-radius: 6px;
    transition: all .2s cubic-bezier(.02, .54, .58, 1);
    position: relative;
    border: 1px solid #ececec;
}	
	
	
.bg-color {
    background: #f5f6f7;
   
}
	
.icon-section .cell {
    position: relative;
    width: 26%;
    border: 1px solid #ececec;
    margin: 15px 15px;
    background: #fff;
    border-radius: 6px
}	
	
.content-wrap {
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
}	

	
.icon-section h3 {
    margin-left: 60px;
    color: #0d192a;
    font-weight: 500;
	margin-top: 0px;
}
	
	
.content-wrap h3 {
    display: inline-block;
    font-size: 18px;
    margin-bottom: 8px!important;
}	

.apm-ab-test-sprite {
    background:  url(https://www.manageengine.com/products/applications_manager/images/apm-tools-sprite-1.svg) no-repeat 0 0;
    display: inline-block;
    height: 60px;
    width: 74px;
    position: absolute;
    left: 0px;
    top: 14px;
    background-size: 230px;
    transition: all .2s cubic-bezier(.02, .54, .58, 1);
}
.altr-icon1 {
    background-position: 10px -10px
}
.altr-icon2 {
    background-position: -74px 0px
}
.altr-icon3 {
    background-position: -142px -7px;
}
.altr-icon4 {
    background-position: 6px -70px;
}
.altr-icon5 {
    background-position: -73px -67px
}
.altr-icon6 {
    background-position: -142px -58px
}
.altr-icon7 {
    background-position: 3px -132px;
    transform: scale(0.9);
}
.altr-icon8 {
    background-position: -72px -134px
}
.altr-icon9 {
    background-position: -141px -133px
}
.altr-icon10 {
    background-position: -82px -208px;
    background-size: 250px;
}
.altr-icon11 {
    background-position: -144px -200px
}
.altr-icon12 {
    background-position: 7px -122px;
	background-size: 210px;
}	
	
	
	
	
@media (min-width: 1200px) {
.hero-wrap {
    max-width: 1140px;
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.content-wrap {
    max-width: 1140px;
}
.trusted-section .content-wrap {
    max-width: 1190px;
}
}

@media screen and (max-width: 1400px) {
.trusted-section .content-wrap {
    max-width: 95%;
}
}

@media (min-width: 1401px) {
.trusted-section .content-wrap {
    max-width: 1390px;
}
}	
	
	

	
@media screen and (max-width: 760px) {
.row .cell, .row2 .cell, .row1 .cell {
    width: 100%;
}
	}
	
	
	
/*--------- swiper section -------*/
	
	.swiper-cont {
	background: #f7f7f9;
    min-height: 100px;
    padding: 40px 50px;
    position: relative;
    text-align: center;

}
	
	.swiper-cont:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 5px;
    background: #5b5bc1;
}
	
.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 {
 font-size: 20px;
    line-height: 24px;
	color: #444;
	margin: 0px;
}
	
.swiper-cont h5{   
	color: #838694;
    font-size: 16px;
    margin-top: 15px;font-weight: 500;}
	
.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);
}
}
	
.swiper-cover{position: relative; margin-top: 40px;}	
	
.quote-icon{
    position: absolute;
    z-index: 999;
    top: -30px;
    right: 30px;
    height: 64px;
    width: 64px;
    text-align: center;
    line-height: 64px;
    background: #d7d7d7;
    color: #1b1f2e;
    font-size: 18px;
}
	.quote-icon	img {
    max-width: 20px;
    transform: rotate(180deg);
}
h2.xs { display: none;}	

	
.swiper-pagination-bullet-active {

    background: #5b5bc1;
}	
	
/*------ end swiper ---------*/
	
	
	
.btn-mrgn{margin:45px auto 0px! important;}	
	
.btn-list {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
	margin-top: 30px;
	
}
.custom-btn {
	background: #faca39;
	color: #444;
	margin-top: 10px;
	font-size: 16px;
	font-weight: 700;
	padding: 14px 55px;
	border-radius: 50px;
	margin: 0px 25px;
	border-radius: 0px;
	border: 3px solid transparent;
}
	
	
.btn-list a.custom-btn{color: #fff}	
	
.btn-list a:hover {
	text-decoration: none !important;
	cursor: pointer !important;
}
	
		
.demo-btn {
	transition: all 300ms ease;
}
.signup-btn {
	background: #1b1f2e;
	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 #faca39;
	color: #333;
	transition: all 300ms ease;
}
.content p {
	font-size: 14px;
	line-height: 28px;
	text-align: center;
}

	
.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);
}
}
	
.swiper-cover{position: relative; margin-top: 40px;}	
	
.quote-icon{
    position: absolute;
    z-index: 999;
    top: -30px;
    right: 30px;
    height: 64px;
    width: 64px;
    text-align: center;
    line-height: 64px;
    background: #c7c7ff;
    color: #1b1f2e;
    font-size: 18px;
}
	.quote-icon	img {
    max-width: 20px;
    transform: rotate(180deg);
}
h2.xs { display: none;}	

	
/*============ button css ============*/
	
.custom-btn.signup-btn {
    background-color: #e9592b;
    color: #fff;
}
.custom-btn {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0px;
    padding: 5px 30px;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 45px;
    border-radius: 0px;
    color: #444;
    cursor: pointer;
    z-index: 5;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    background-color: #5B5BC1;
    position: relative;
	border:1px solid transparent;
}
	
.custom-btn.signup-btn::before {
    background: #fff;
}
.custom-btn.demo-btn::before {
    background: #fff;
}	
.custom-btn:hover::before {
    width: 100%;
    height: 100%;
}

.custom-btn::before {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    height: 100%;
    width: 0px;
    background: #1b1f2e;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    z-index: -1;
}	
		
.custom-btn.signup-btn:hover {
    background-color: #fff;
    color: #1b1f2e;
	border:1px solid #1b1f2e;
}	
	.custom-btn.demo-btn:hover {
    background-color: #fff;
    color: #1b1f2e;
	border:1px solid #5B5BC1;
}	

	.link-btn{background: #fff;margin: 0px; margin-top: 15px;}
	
	.custom-btn.link-btn:hover {
    background-color: #fff;
	color: #fff; border: 1px solid #1b1f2e; text-decoration: none;}
	
	
/*	.link-btn::before{height: 0; width: 0;}*/
	
	
	
	
	/*------ whyus css -------*/
	
	
.ul-y-us {margin:0;display:inline-block;display:flex;flex-wrap:wrap;margin-top:0px;width:100%;justify-content: center;}
.ul-y-us li {padding: 25px;background:#f5f6f7;margin:10px; width: 27%;}
.y-us-head {background:#fff;padding:10px;border-radius:50%;width: 65px;height: 65px;margin: 0 auto;text-align: center;-webkit-transform:scale(.85);transform:scale(.85); line-height: 48px; border: 1px solid #eeeff1}
.y-us-head img {width:100%;max-width:40px;position: relative;top:10px;}
.y-us-body {padding:20px 0 0;}
.y-us-body p {font-weight:300;font-size:14px;line-height: 25px;margin:0;}
.y-us-body p > span {font-weight:700;font-size:40px;line-height: normal;color:#e9592b;}
	
	
/*------ brand css -------*/	
	
	
ul.ulCompIcons {margin: 0;margin-top:30px;padding: 0;}
.a-tag a{color: #000}
ul.ulCompIcons li {display: inline-block;padding: 0;margin: 10px;}
ul.ulCompIcons li  span {
display: inline-block;padding: 10px;text-indent: -9999px;text-align: center;border: solid 1px #f1f1f1;border-radius: 6px;}
ul.ulCompIcons li a {display:block;}	
	
.brand {background: #fff  url(https://www.manageengine.com/products/applications_manager/images/cloud-server-logos.png) no-repeat top center;height: 45px;}
.brand.who {background-position: 0 -220px;width: 130px;}
.brand.thomson {background-position: -148px -217px;width: 50px;}
.brand.yokogawa {background-position: -228px -213px;width: 50px;}
.brand.ericsson {background-position: -1px -286px;width: 50px;}
.brand.cnpc {background-position: -73px -286px;width: 50px;}
.brand.loreal {background-position: -148px -287px;width: 130px;}
.brand.aws {background-position: 1px 2px;width: 65px;}
.brand.azure {background-position: -89px 6px;width: 110px;}
.brand.office365 {background-position: -213px 6px;width: 110px;}
.brand.vm {background-position: 12px -69px;width: 65px;}
.brand.googlecloud {background-position: -70px -72px;width: 115px;}
.brand.oraclecloud {background-position: -215px -75px;width: 115px;}
.brand.openstack {background-position: 10px -140px;width: 90px;}
.brand.conmonitor {background-position: -110px -145px;width: 65px;}	
	
	
/*======= icon section ==========*/		
	
.link-icon-section .row .cell, .link-icon-section .row1 .cell {width:26%;display:flex;margin:10px;-webkit-box-shadow:0 0 5px 0px #f0eded;box-shadow:0 0 5px 0px #f0eded;background:#fff; padding: 0px !important;     transition: transform .2s;  will-change: transform;     border: 1px solid #f5f5f5; border-radius: 8px;}	
	
.link-icon-section .row .cell:hover{transform: scale(1.025);}	
	
.link-icon-section .row .cell a	{padding: 10px !important; width: 100%; color: #0d192a}
.link-icon-section .row .cell a:hover{text-decoration: none;}	
	
	
.div-box {padding: 25px;position: relative;border-radius: 6px;-webkit-box-sizing: border-box;box-sizing: border-box;} 
.div-box2 {
padding: 0px;position: relative;display: flex;
align-items: center;-webkit-box-sizing: border-box;box-sizing: border-box;
}
.div-box2 > div {margin-right:10px;}
.div-box2 > h3 {text-align:left;font-size: 15px;line-height: 20px; margin: 0px;}
.div-box p, .box2 p {font-size: 15px;margin-bottom: 0;}	
	
.icon-holder {position: relative;-webkit-transform:scale(.75);transform:scale(.75);}
.icon-holder > span {display: inline-block;position: relative;}	

.cs-sprite {background: #fbfbfb  url(https://www.manageengine.com/products/applications_manager/images/apm-tools-sprite.svg) no-repeat top center;height: 65px;width: 65px;border-radius: 6px;background-size:230px;border: solid 1px #ddd;z-index: 1;}
	
	
	
.it-elements-icon1 {background-position: -152px -193px;}
.it-elements-icon2 {background-position: 0px -190px;}
.it-elements-icon3 {background-position: -151px -123px;}
.it-elements-icon4 {background-position: -85px -192px;}
.it-elements-icon5 {background-position: -88px -252px;}
.it-elements-icon6 {background-position: 0px 0px;}	
.it-elements-icon7 {background-position: -86px -65px;}
.it-elements-icon8 {background-position:-4px -252px;}
.it-elements-icon9 {background-position: -154px 0px;}
.it-elements-icon10 {background-position: -4px -65px;}	
		
	
	
/*-------- Trusted section -----------*/	
	
	.slider {
    position: relative;
    overflow: hidden;
    margin: 20px auto 0;
    border-radius: 4px;
    width: 100%;
}
.slider > ul {
    position: relative;
    margin: 0;
    padding: 0;
    height: 200px;
    list-style: none;
}
.slider > ul > li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
}
.slider .slider-content {
/*    padding: 20px;*/
}
.slider .slider-content .flex {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.slider .slider-content .flex .client-logo {
    width: 115px;
    height: 107px;
    margin-right: 10px;
    margin-left: 10px;
    text-indent: -9999em;
    margin: 8px 10px;
    /*    background: #f1f1f1;*/
    border: 1px solid #f5f5f5;
}
.logo-area[brand="costco"] {
background-position: calc(125px * 4.03) calc(125px * 13.07);
}
.bg-gray {
    background: #f1f1f1;
}
#customers {
    display: none !important;
}
	
	
.logo-area {
    background-image:  url(https://www.manageengine.com/products/applications_manager/images/me_apm_customer_logo_sprite.png);
    background-size: 1000px 1379px;
    display: block;
    width: 100%;
    height: 100%;
    transform: scale(0.65);
}	
	
	
	
	/*--------- custom stories -----------*/
	
	.per30 {
    width: 30%;
    padding: 0 1.5%;
    float: left;
	display: flex;
}
	
	
.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/products/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: 6px;
    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;
}
.csIcon1 {
    background:  url(https://www.manageengine.com/products/applications_manager/images/customer-ze.png) no-repeat 0 0;
    background-size: cover;
}
.csIcon3 {
    background:  url(https://www.manageengine.com/products/applications_manager/images/wipro-customer.jpg) no-repeat -72px 10px;
    background-color: #ebe5e5;
}
.csIcon4 {
    background:  url(https://www.manageengine.com/products/applications_manager/images/lexmark-cs4.png) no-repeat 0 0;
}
.csVidLink {
    margin: 40px 0 20px
}
.csVidLink a {
    background: #e9592b  url(https://www.manageengine.com/products/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/products/applications_manager/images/apm-vid-more-tools-page.png) no-repeat 0 0;
    height: 25px;
    width: 25px;
    display: inline-block;
    margin-right: 10px;
}
	
.sub-title{
    margin-bottom: 40px;
    font-size: 18px;
    margin-top: 0;
}	
	
	
	
.flex {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: normal;
    width: 100%;
    justify-content: center;
}	
	
	
.section.trusted-section {
border: 1px solid #ddd;
}
	
.customer-stories-section h2{margin-bottom: 50px;}	
	

	
	/*======= rating  css ==========*/
	
	
	.feedback-cont {
    display: flex;
    flex-wrap: wrap;
    align-items: normal;
    width: 100%;
    justify-content: center;
		position: relative;
}
	
.feedback-cont .col{width:40%;padding:10px 20px 0px;margin:0px 10px;background:#f2f3f5;text-align:center;transition:all .25s ease-out;border-radius: 9px; position: relative;}

.feedback-cont .col h3{font-size:15px;margin:0;line-height:1.6;color:#0d192a; min-height: 50px; font-weight: 400;
    letter-spacing: 0.2px;     border-top: 1px solid #cfd0d3;   padding-top: 10px; }
.feedback-cont .col p{margin:15px 0 10px;padding:0;font-size:13px;line-height:18px;color:#0d192a;font-weight: lighter;}
.feedback-cont > a.col:hover {text-decoration: none;box-shadow:0 3px 15px 2px #c19ee0;}
.usr-rating{color:#fec101;letter-spacing:3px; font-size: 30px; margin-bottom: 15px;}
.usr-rating	span {color: #0d192a;    font-weight: 300;}

.SourceHead sup{font-size: 8px;}

#confirmMsg a {
    color: #ffd791 !important; font-weight: bold;
}	
	
	
/*------- awards new section ------*/

.logo-widget-section{background: #f5f6f7;}
.logo-widget {
     align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    display: flex;
    width: 100%;
}

.logo-widget  li {
    margin: 0px 12px;   
    width: 100%;    
}

.logo-widget  li a {
     margin: 0px 0px;
    box-sizing: border-box;
    width: 100%;
    box-shadow: rgb(0 156 251 / 15%) 4px 2px 20px 0px;
    padding: 15px 0;
    height: 130px;
    border-bottom: 1px solid #f2f1f1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	background: #fff;
}	
	

	
.logo-widget li a img {
     max-height: 120px;
    max-width: 120px;
   
}
	
.logo-widget li a span {
    color: #444;
    font-weight: 400;
}
.logo-widget li a:hover{text-decoration: none;} 
	
.pt-0 {
    padding-top: 0;
}



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

@media (max-width: 650px) {
.report-sec .flex-row .col{width: 100%;}
.report-sec .flex-row .col:nth-child(1) {	width: 100%;}
.report-sec .flex-row .col:nth-child(2) {	width: 100%;}	
.counter-box{margin: 10px 0px;}
	
.btn-list{display:inherit;text-align: center;   }	
.btn-list a{ margin-top: 20px;}	
.fixed-form {width: auto; }
	
.logo-widget{display: inherit;}
.logo-widget li{margin: 15px auto 12px;  max-width: 75%;}	
.logo-widget li a img{ max-width: 125px !important;}

	
	
	
}

	

@media(max-width:768px) {
	
.pt0{padding-top: 0px;}		
h2 {font-size: 20px;line-height: 32px;}
.why-use-5{display: none;}	
.why-use-sec h2{margin-bottom: 10px;}
	
.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% !important }	
	
	
.custom-btn{line-height: 25px;}
.banner-con p{font-size: 16px;font-weight: 400;}
.swiper-cont p a{font-size: 16px;}
.swiper-cont h5{    font-size: 14px;margin-top: 10px;}
.quote-icon{display: none;}
.banner-con h1 > span{font-size: 24px;line-height: 28px;}
.connect:before {border-bottom: 0;}
.banner-con {align-content: center;}
.hid {display: none;}
	
[class*="col-8"] {	width: 100%;}
.custom-btn {margin: 0px 10px;padding: 10px 20px;	font-size: 14px;}
.swiper-cont .quote-icon {display: none;}
	
.why-use-sec h2{font-size:20px; }
.why-use-sec h2 span{font-size:20px; }	
	
.feedback-cont .col{margin-bottom: 20px; width:100%;}	
.SourceHead{    position: inherit;bottom: inherit;}

.sec-pTB{padding: 40px 0px !important;}
.logo-widget li a img{ max-width: 60%;}	
	
}
	
	
	
	
	
@media (max-width: 1025px) {
	
	
h2.xs { display: block;}
.report-sec	.flex-row .col{    flex: unset;    width: 48%;}	



.col-8 {width: 100%;}
	
.banner-con .row .col-4 {width: 100%;}
.banner-con h1 {font-size: 25px;}
.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;}
	
}

@media (min-width: 1200px) {
	
.container {max-width: 1170px !important;}

}
	
	

@media (min-width: 1400px) {
	
.container {max-width: 1390px !important;}
.custom-btn {	padding: 15px 65px}
	
}
	
	
	
@media (min-width: 1025px) and (max-width:1090px){
	.form-con{padding: 20px 20px;}
	.fixed-form{width: 290px;}
		
	}	
	

@media (min-width: 1025px) and (max-width:1999px) {
	
.counter-box {margin: 10px;padding: 10px;}
.counter-box .img-wrapper img {max-width: 60px;}
.custom-btn {padding: 5px 25px !important;}
	
}	
	
	
@media screen and (max-width:1225px) {
	
h2.xs{display: block;}
.wam-container {margin: 0 auto;max-width: 95%;}
.why-use-5{display:none;}
.why-use-sec{height:auto;}
.why-use-1, .why-use-2, .why-use-3, .why-use-4, .why-use-6, .why-use-7{}
.why-use-com {
    position: relative;
    margin: 1%;
    width: 43%;
    padding: 20px 20px;
    margin-bottom: 25px;
    min-height: 185px;
	}
	
}
	
@media screen and (max-width:1020px) {
	
.wam-container{margin:0 auto;max-width:100%;width:95%}
.why-use-com{height: auto;/* margin:4%; */width: 50%;}

.why-use-sec h2:after{display:none}
.why-use-5{  margin: 37% 0 0 55%;}		
	
.why-use-com {
    height: auto;
    margin: 1%;
    width: 43%;
    min-height: 180px;
}
	
.why-use-5{display: none}	
	
	
}
	
	
@media screen and (max-width:992px) {
	
	
.why-use-com {
    height: auto;
    margin: 1%;
    width: 42%;
    min-height: 200px;
}	
	
.why-use-5{margin:0 auto;position:relative;margin-top:35px}
.why-use-5 {display: none;}
	
}
	
@media screen and (max-width:767px) {
	
.why-use-com{min-height:auto;margin:30px 0 0;width:90%;}
.customer-stories-section .per30{width: 100%; margin-bottom: 20px;}
	a.csMore{margin-top: 20px;}
.btn-mrgn {margin: 15px auto 0px ! important;}	
.link-icon-section .row .cell{width: 100%}
.logo-widget li a{margin: 0px !important;}
	
}