#custmrlgosroll{display: none}
#btmBar.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
}
#btmBar ul {
    margin-left: 50px;
}
#custmrlgosroll #dload{
	display: none;
}
body{
	overflow-x: hidden;
}
h1.ftrmnhdr {
    color: #fff;
}

.heading-menu {
    display: none;
}
.banner h1 {
    color: unset;
}

@charset "UTF-8";
.container-new {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 30px;
}
p {
  font-size: 17px;
  line-height: 1.6;
  margin: 0 0 20px
}
/*banner section starts*/
.cmn-breadcrum a {
  color: #fff !important;
}
.cmn-breadcrum .root-page {
  color: #fff !important;
}
.cmn-breadcrum .bread-crumb-arrow {
  color: #fff !important;
}
.cmn-breadcrum > a:hover {
  color: #fff !important;
}
.cmn-breadcrum a::after {
  background: #fff;
}
.banner-bg {
  background: url(https://www.manageengine.com/products/service-desk/images/microsoft-integration-banner.png);
  background-size: cover;
}
.banner {
  text-align: center;
  color: #fff;
  padding: 75px 0px 100px 0px;
}
.banner h1 {
  font: 48px/1.2 Zoho_Puvi_Bold !important;
  max-width: 650px;
  margin: 0 auto;
}
.banner p {
  font: 18px/1.5 Zoho_Puvi_Regular;
  margin: 15px 0px 0px 0px;
}
/*banner section ends*/
.inner-sections-bg {
  padding: 75px 0px;
}
.inner-sections h2 {
  font: 36px/1.2 Zoho_Puvi_Bold;
  text-align: center;
  max-width: 850px;
  margin: 0 auto;
}
ul.integrations-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}
ul.integrations-list li {
  max-width: 22%;
  margin: 3%;
  padding: 30px;
}
ul.integrations-list li:hover {
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.09);
}
.integrations-list a {
  padding-top: 15px;
  display: inline-block;
  color: #0067ff;
  text-decoration: none !important;
  font: 18px/1.2 Zoho_Puvi_Medium;
}
.arrow-animation-btn {
  display: inline-block;
  vertical-align: middle
}
.integrations-list a:hover .arrow-animation-btn {
  transform: translateX(5px);
  transition: all .3s ease;
}
.ms-integ-sprite-icon {
  background: url(https://www.manageengine.com/products/service-desk/images/ms-integrations-sprite.png);
  background-repeat: no-repeat;
  display: block;
  background-size: 2000px;
}
.ms-icon-1 {
  width: 70px;
  height: 65px;
}
.ms-icon-2 {
  width: 54px;
  height: 65px;
  background-position: -77px 0px;
}
.ms-icon-3 {
  width: 50px;
  height: 65px;
  background-position: -141px 0px;
}
.ms-icon-4 {
  width: 55px;
  height: 65px;
  background-position: -200px 0px;
}
.ms-icon-5 {
  width: 55px;
  height: 65px;
  background-position: -265px 0px;
}
.ms-icon-6 {
  width: 50px;
  height: 65px;
  background-position: -330px 0px;
}
.ms-icon-7 {
  width: 51px;
  height: 65px;
  background-position: -390px 0px;
}
.ms-icon-8 {
  width: 47px;
  height: 65px;
  background-position: -450px 0px;
}
.screenshots {
  max-width: 750px;
}
.screenshots p {
  text-align: center;
  margin: 30px 0px;
}
.product-screenshots img {
  display: block;
  margin: 50px auto;
  box-shadow: 0px 0px 10px #d3d3d3;
}
.blue-bg-light {
  background: #f6faff;
}
.blue-bg-medium {
  background: #e1eeff;
}
.blue-bg-regular {
  background: #d4e6fd;
}
.blue-bg-bold {
  background: #c7defb;
}
.close-btn {
  right: 15px !important;
  top: 15px !important;
  background-repeat: no-repeat;
}
/*Animation style starts*/
.fadein {
  opacity: 0;
  transition: all ease 1s;
  -webkit-transition: all ease 1s;
  -moz-transform: translateY(100px);
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
}
.active-anim .fadein {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: inherit;
}
.delay1 {
  opacity: 0;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transform: translateY(25px);
  -webkit-transform: translateY(25px);
  -moz-transform: translateY(25px);
}
.active-anim .delay1 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: inherit;
}
.delay2 {
  opacity: 0;
  transition: all ease 0.8s;
  -webkit-transition: all ease 0.8s;
  -moz-transform: translateY(25px);
  -webkit-transform: translateY(25px);
  -moz-transform: translateY(25px);
}
.active-anim .delay2 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: inherit;
}
.delay3 {
  opacity: 0;
  transition: all ease 1.3s;
  -webkit-transition: all ease 1.3s;
  -moz-transform: translateY(25px);
  -webkit-transform: translateY(25px);
  -moz-transform: translateY(25px);
}
.active-anim .delay3 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: inherit;
}
/*Animation style starts*/
.sdplogosvg img {
  width: auto !important;
}
.slick-dots li {
  border: none !important;
}
.sdp-exe-img img {
  margin: 50px 0px 0px 0px;
}
@media only screen and (max-width: 1500px) {
  .globe-type-menu-page .cmn-breadcrum {
    width: auto;
  }
}
@media only screen and (max-width:1024px) {
  .banner-bg {
    margin-top: 27px;
  }
  ul.integrations-list li {
    max-width: 21%;
  }
}
@media only screen and (max-width:768px) {
  ul.integrations-list {
    justify-content: flex-start;
  }
  ul.integrations-list li {
    max-width: 100%;
    margin: 25px 0px;
    padding: 30px;
  }
}
@media only screen and (max-width:414px) {
  .inner-sections h2 {
    max-width: 100%;
  }
  .close-btn {
    height: 40px;
    width: 40px;
  }
}
