html, body {padding: 0;margin: 0;font-family: 'zoho_puvi_regular';font-size: 14px;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;background: #fff;color: #4A4A4A;}
h1, h2, h3, h4, h5, h6 {font-family: 'zoho_puvi_bold';margin: 0;}
.swiper-container {margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;margin-top:30px;background:#fff;border-radius: 10px;}
.swiper-slide img{width:85%;border:solid 1px #ccc;}
.swiper-slide{text-align:center}
 .swiper-button-next, .swiper-button-prev {  -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.swiper-pagination-bullet-active{background:#000;}
.box-customer {padding: 25px;width: 80%;margin: 0 auto;box-shadow:0 0 10px 0 #e6e6e6;text-align:left;}
.box-customer h3 {font-size: 16px;}
 .box-customer h3 > a {color:#3e5a9a;}
#band-section {background:#99eafd;}
 #band-section h3 {color:#333;font-size:25px;line-height:30px;}
img {width: 100%;}
.no-gutter [class*="col-"] {padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;}
.row::after {content: "";clear: both;display: table;}
.row {display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: normal;width:100%;justify-content: center;}
.flex-top {align-items: flex-start}
.row .cell, .row1 .cell {width:33.33%;display:flex;}
.sec-pTB {padding:60px 0;}
 .sec-pTB1 {padding:30px 0;}
.icon-tick{background:url(https://www.manageengine.com/fr/applications_manager/images/tick.svg) top center no-repeat;width:17px;display:inline-block;position:relative;}
.icon-cross{background:url(https://www.manageengine.com/fr/applications_manager/images/cross.svg) top center no-repeat;width:13px;display:inline-block;position:relative;}
#datepicker{display: none;padding: 5px 10px}
.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% - 9px);z-index: 1;border-radius: 50%;cursor: pointer;display: none;}
.ui-widget-header .ui-icon {background-image: url(images/ui-icons.png)!important;}
  .banner {background: #113c9c;position: relative;z-index: 1;}
.banner:before {content:'';background:url(https://www.manageengine.com/fr/applications_manager/images/alternative-to-solarwinds-bg.jpg) top center no-repeat;position:absolute;width:100%;height:100%;top:0;background-size:cover;opacity:.11;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.banner .flex-row:before, .banner .flex-row:after {content: '';display: table;clear: both;}
.btn {margin-top:20px;}
.btn a {display:inline-block;background:#e9142b;color:#fff;padding:8px 30px;margin:10px;border-radius: 20px;transition:all .3s ease-in-out;}
.btn a:hover {text-decoration:none;opacity: .7;}
.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: 69%;}
.flex-row .col:nth-child(2) {width: 30%;}
.banner-con {text-align: left;padding: 3px 25px;position: relative;margin-right: 35px;}
@-webkit-keyframes bannerCon {0% {top: -100px;}
100% {top:0;}
}
@keyframes bannerCon {0% {top: -100px;}
100% {top:0;}
}
.fnt-bld {font: 27px/1.1 'zoho_puvi_bold', 'Roboto', 'Poppins', 'Open Sans', sans-serif;}
.banner-con h2, .banner-con h1, .banner-con p {color: #333333;}
.banner-con h1 {font-size: 40px;margin: 0;line-height: 60px;color:#f7faff;}
.banner-con h2 {margin-top: 0;margin-bottom: 15px;font-size: 16px;}
.banner-con p {line-height: 28px;font-size: 20px;}
.banner-con h1 > span {color: #5425aa;font-weight: bold;font-size: 35px;}
.btn-div {margin-top:10px;}
.btn-div a {position: relative;background: #ffb75f;color: #000;padding: 10px 15px;border-radius:30px;text-decoration: none;margin-top: 15px;display: inline-block;font-size: 15px;font-weight:700;}
.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 {border-radius:6px;/*box-shadow: 0 5px 10px 0 #8a8a8a;-webkit-box-shadow: 0 5px 10px 0 #8a8a8a;*/}
.dwn-priv {margin-top: 0;}
.fnt17 {font-size: 17px;}
.fnt16 {font-size: 16px;}
.fnt15 {font-size: 15px !important;}
.fnt25 {font-size: 25px;}
.heading-menu, #customers, #fixedbtn {display: none !important;}
.hglt1 {background: #eafbff;}
.hglt2 {background: #621f8b;}
.hglt2 h1 {color: #fff;}
.ct-mnht {min-height: 85px}
.ct-mnht1 {min-height: 73px}
.div-box {width:100%;background: #ffffff;padding: 25px;margin: 15px 5px 0;position: relative;border-radius: 6px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.div-box2 {width:100%;background: #fff;padding: 5px;margin: 15px 5px 0;position: relative;border-radius: 6px;display: flex;align-items: center;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-shadow:0 0 5px 0px #f0eded;box-shadow:0 0 5px 0px #f0eded;}
.div-box2 > div {margin-right:10px;}
.div-box2 > h3 {text-align:left;font-size: 15px;}
.box1 {background: #8056e3;padding: 25px;margin: 15px 0;position: relative;border-bottom: solid 5px #5020a4;border-radius: 6px;}
.box2 {background: #fff;padding: 25px;margin: 15px 0;position: relative;border-radius: 6px;}
.div-box p, .box2 p {font-size: 15px;margin-bottom: 0;}
.box1 p {font-size: 17px;margin-bottom: 0;color: #fff;}
.bx-top-pos {top: -35px;}
.icon-holder {position: relative;-webkit-transform:scale(.75);transform:scale(.75);}
.icon-holder > span {display: inline-block;position: relative;}
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(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;}
.body-wrapper > .sec-pTB:nth-child(even){background:#f2f5ff;}
 .body-wrapper p {font-size:15px;}
.mb1{margin-bottom:20px !important;}
.ul-y-us {margin:0;display:inline-block;display:flex;flex-wrap:wrap;margin-top:40px;width:100%;justify-content: center;}
.ul-y-us li {flex:1;padding: 25px;background:#315098;margin:10px;position: relative;z-index:0;}
.ul-y-us li:before {content:'';position:absolute;width:100%;height:100%;background: #2d447d;left:0;top:0;z-index: -1;border-top-right-radius: 100%;}
.y-us-head {background:#fff;padding:10px;border-radius:50%;width: 55px;height: 55px;margin: 0 auto;text-align: center;-webkit-transform:scale(.85);transform:scale(.85);}
.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:700;font-size:14px;line-height: 25px;color:#dce6ff;margin:0;}
.y-us-body p > span {font-weight:700;font-size:40px;line-height: normal;color:#fff;}
.cs-sprite {background: #fff url(images/cloud-server-sprite.png) no-repeat top center;height: 65px;width: 65px;border-radius: 50%;}
.ImgBanner {max-width: 250px;}
.lnk {color: #8D38BA;}
.div-img {text-align: center;position: relative;}
.anim-bg {position:absolute;z-index:-1;}
/*======== Media query css=========*/ 
@media (max-width:1000px){.ul-y-us li {flex:none;width:20%;}
}
@media (max-width: 1025px) {.table1 {width:99% !important;}
.row-tooltip {width:550px !important;}
.flex-row .col:nth-child(1) {width: 64%;}
.row .cell {width:33.33%;}
.flex-row .col:nth-child(2) {width: 35%;}
.banner-con .row .col-7 {width: 100%;}
.banner-con .row .col-5 {width: 100%;}
/*.flex-row {align-items: flex-start;}
*/.banner-con h1 {font-size: 25px;}
}
@media (min-width: 1200px) {.container {max-width: 1170px;}
.row-tooltip {width:780px !important;}
}
@media (min-width: 1400px) {.container {max-width: 1315px;}
}
@media(max-width:900px) {.row-tooltip {width:460px !important;}
}
@media(max-width:768px) {.banner-con h1 {line-height: 50px !important;font-size: 35px;}
.form-con {margin-top:50px !important;width:300px;}
.row-tooltip {flex-wrap:wrap;width:400px !important;}
.row-tooltip > div {margin:0 !important;padding:20px;}
.row-tooltip > div:nth-child(1) {border-right:0 !important;border-bottom:solid 1px #ececec}
.flex-row .col:nth-child(1),.flex-row .col:nth-child(2) {width: 100%;}
/*.flex-row .col {width: 100% !important;}*/
.div-img {margin-top:20px;}
.div-img img {width:70%;}
#band-section .per70, #band-section .per30 {width:100% !important;}
.connect:before {border-bottom: 0;}
.banner-con {align-content: center;text-align: center;margin-right:0;}
.hid {display: none;}
.row .cell {width:50%;}
}
@media (max-width: 650px) {.flex-row .col:nth-child(1) {width: 100% !important;}
.row-tooltip {width:300px !important}
.flex-row .col:nth-child(2) {width: 100% !important;}
.row .cell {width:95%;display:block;}
.ul-y-us li {flex:none;width:35%;}
.div-img {padding-top:30px;}
}
@media screen and (max-width: 600px) {[class*="col-"] {width: 100%;}
.row .cell {width:100%;}
}
@media screen and (max-width: 768px) and (min-width: 601px) {[class*="col-"] {width: 50%;}
}
.bannerImg {max-width: 280px;width: 100%;}
.content-div {display:flex;}
  .form-con{background:#042b80;border-radius:6px;padding:15px 25px;text-align:center;position:relative;margin:0 auto;}
.form-con h2, .form-con p {color:#fff;}
@-wekit-keyframes formAnim {0%{top:0px;}
 100%{top:115px;}
}
@keyframes formAnim {0%{top:0px;}
 100%{top:115px;}
}
.form-con h2, .form-con p{margin:0;}
 .form-con p{font-size: 12px;line-height: 17px;padding: 5px 0;}
.input-row {padding:5px 0;position: relative;}
.input-row input, .input-row select{width:100%;border:solid 1px #f3f3f3;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:#ffb75f;color:#0a0a0a;margin-top:10px;font-size:15px;font-weight:700;}
.dwn-priv{margin-top:0;color:#fff;}
 .dwn-priv a {color:#fff931;}
.divTable{display: table;width: 100%;margin:0 auto;box-shadow:0 0 15px 0 #f7f7f7;position: relative;}
.divTableRow {display: table-row;}
.divTableHeading {background-color: #EEE;display: table-header-group;}
.divTableCell, .divTableHead {border: 1px solid #ddd;display: table-cell;padding: 3px 10px;background:#fff;position: relative;}
.divTableCell:nth-child(1), .divTableHead:nth-child(1) {width:40%;}
.divTableHeading {background-color: #EEE;display: table-header-group;font-weight: bold;}
.divTableFoot {background-color: #EEE;display: table-footer-group;font-weight: bold;}
.divTableBody {display: table-row-group;}
.comp-tooltip-con {position:relative;display: inline-block;}
.comp-tooltip-con:before {content:'i';position:absolute;width:15px;height:15px;background:#23499c;color:#fff;left:0;top:-15px;border-radius:100%;font-size:12px;line-height:15px;font-style:italic;padding:2px;font-family:'Open Sans', sans-serif;text-align: center;font-weight: bold;}
.row-tooltip {visibility:hidden;position:absolute;width: 700px;display:flex;box-shadow:0 0 15px 0 #cacaca;background:#fff;z-index:2;text-align:left;left: 5px;border: 1px solid #dadada;}
.row-tooltip > div {margin:10px 0;padding:20px;flex: 1;}
 .row-tooltip > div:nth-child(1){border-right:solid 1px #ececec}
.row-tooltip > div:nth-child(2){margin-left:0;}
.row-tooltip > div > p {font-size:14px;line-height:22px}
.comp-tooltip-con:hover .row-tooltip {visibility:visible;}
.table1 {max-width:99%;width:1000px;border:1px solid #eee;}
.table1 > .divTableHeading > .divTableCell {background:#fff;border-bottom:1px solid #ddd;border-top:0;font-size:18px !important;line-height:40px;border-left:0;}
.table1 .divTableCell:nth-last-child(1){border-right:0;}
.table1 .divTableCell:nth-child(1){text-align:left;font-size:18px;}
.table1 .divTableCell{padding:15px ;font-size:14px;border-bottom:1px solid #ddd;border-top:0;font-size:20px;line-height:25px;border-left:0;vertical-align:middle;}
.table2 {max-width:99%;}
.table2 > .divTableHeading > .divTableCell {background:#23499c;border-bottom:1px solid #ddd;border-top:0;font-size:18px !important;border-left:0;line-height: 35px;color:#fff;}
.table2 .divTableCell:nth-last-child(1){border-right:0;}
.table2 .divTableCell:nth-child(1){font-size:15px !important;font-weight: 700;}
.table2 .divTableCell{padding:10px ;font-size:15px !important;border-bottom:1px solid #ddd;border-top:0;font-size:20px;line-height:25px;border-left:0;vertical-align:middle;width:33%;}
.table2.align1 .divTableCell {width:20%}
.table2:before {content:'';background:url(https://www.manageengine.com/fr/applications_manager/images/out-box-bg.png) top center no-repeat;position: absolute;overflow:hidden;}
.table2:before {width:310px;height:600px;top: 20px;left: -220px;}
.table3 {border:1px solid #eee;}
.table3 > .divTableHeading > .divTableCell {background:#fff;border-bottom:1px solid #ddd;border-top:0;border-left:0;}
.table3 .divTableCell {font-size:14px !important;text-align: center !important;}
.pdt1{padding-top:25px;}
.cssProgress {width: 80%;margin:0 auto;position:relative;top:-5px;}
.cssProgress .cssProgress-bar {display: block;width: 0%;height: 100%;background: #ffd112;transition: width 0.8s ease-in-out;}
.progress1 .cssProgress-bar {display: block;width: 0%;height: 100%;background: #4eace6;transition: width 0.8s ease-in-out;}
.progress1, .progress2 {background-color: #e0e0e0;position:relative;}
.progress1 .cssProgress-bar, .progress2 .cssProgress-bar {height: 5px;}
.progress1 .cssProgress-label, .progress2 .cssProgress-label {line-height: 18px;position:absolute;color:#000;top:5px;left:0;font-size:12px;}
#certified {margin-top:50px;}
.certifiedUl {display:block;margin:0 auto;margin-top:20px;}
.certifiedUl li {display:inline-block}
.certified {background:url(https://www.manageengine.com/fr/applications_manager/images/certified-logos.jpg) top center no-repeat;width: 100px;display:inline-block;transform:scale(.75)}
.certified.logo1 {width: 178px;height:100px;background-position: 0 0;}
.certified.logo2 {width: 178px;height:100px;background-position: -185px 0;}
.certified.logo3 {width: 181px;height:100px;background-position: -386px -2px;}
.certified.logo4 {width: 183px;height:100px;background-position: -594px -2px;}
.certified.logo5 {width: 98px;height:100px;background-position: -800px -4px;}
.br0{border-right:0 !important;}
 .bb0{border-bottom:0 !important;}
.mrg1{margin-top:30px;}
.list1 {list-style:decimal inside;margin:0;padding:0;}
#confirmMsg a {color: #ffd791 !important;
}
