.heading-menu{display:none}
.sec-pTB {padding: 0;}
.acp.bannerflex {
    background-image: url(https://www.manageengine.com/application-control/images/banner-bg.png);
    background-size: 1440px auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: inherit;
}
.acp.bannerflex .flexslider{
    max-height: none;
}
.acp.bannerflex h1,.acp.bannerflex .h1 {
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    padding: 30px 15px 0;
    margin: 0;
    letter-spacing: normal;
}
.acp.bannerflex a.cta {
    background-color: #feca46;
    color: #000;
    padding: 10px 20px;
    line-height: 26px;
    font-size: 21px;
    border-radius: 10px;
    display: block;
    max-width: 160px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    position: absolute;
    bottom: 41px;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: 0 3px 7px 0 #000;
}
.acp-slider.ems-slide {
    max-width: 1000px;
    margin: auto !important;
    display: block;
}

.acp-slider.ems-slide li {
    float: none;
}
.concept {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    width: 100%;
}

.concept .apps {
    max-width: 350px;
}

.concept .apps img {
   /* animation: float 6s ease-in-out infinite;*/
}

.concept .pitstop {
    max-width: 300px;
}

.concept .pitstop .scanner {
    position:relative;
    max-width: 100px;
    margin:10px auto 20px;
}

.concept .pitstop .sysadmin {
    position: relative;
    display: block;
    width: 300px;
    height: 280px;
    margin: 0 0 60px;
    background-image: url(https://www.manageengine.com/application-control/images/banner-clip-sysadmin-left.png);
    background-image: url(https://www.manageengine.com/application-control/images/banner-clip-sysadmin-center.png);
    background-image: url(https://www.manageengine.com/application-control/images/banner-clip-sysadmin-right.png);
    background-size: 100% auto;
}

.concept .pitstop .sysadmin.left{
    background-image: url(https://www.manageengine.com/application-control/images/banner-clip-sysadmin-left.png);
}

.concept .pitstop .sysadmin.center{
    background-image: url(https://www.manageengine.com/application-control/images/banner-clip-sysadmin-center.png);
}

.concept .pitstop .sysadmin.right{
    background-image: url(https://www.manageengine.com/application-control/images/banner-clip-sysadmin-right.png);
}

.concept .pitstop .sysadmin .monitor {
    position: absolute;
    left: 0;
    right: -7px;
    top: 8px;
    margin: auto;
    width: 200px;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.concept .pitstop .sysadmin .monitor.loading {
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center center;
}
.concept .pitstop .sysadmin .monitor div {
    display: flex;
    align-items: center;
    justify-content: center;
}
.concept .pitstop .sysadmin .monitor div p {
    font-size: 13px;
    font-weight:300;
    margin: 0;
    line-height: normal;
    text-align: center;
    min-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.concept .pitstop .sysadmin .monitor div h3 {
    font-size: 14px;
    font-weight:400;
    margin: 0;
    line-height: normal;
    text-align: center;
    display: flex;
    justify-content: center;
    min-height: 30px;
    align-items: center;
    flex-wrap: wrap;
}

.concept .pitstop .sysadmin .monitor div h3 b {
    font-size: 22px;
    font-weight:700;
}

.concept .pitstop .sysadmin .monitor .mon-grey h3 b {
    font-size: 20px;
    font-weight:600;
}

.concept .pitstop .sysadmin .monitor div h3:before, .concept .pitstop .sysadmin .monitor .mon-grey h3 span strong:before {
	content: '';
	background-size:contain;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin:0 5px 0 0;
	vertical-align: middle;
}
.concept .pitstop .sysadmin .monitor .mon-grey h3 span strong:before {
       width: 9px;
       height: 9px;
}
.concept .pitstop .sysadmin .monitor .mon-grey h3:before{
        display: none;
}

.concept .pitstop .sysadmin .monitor .mon-white h3:before {
	background-image: url(https://www.manageengine.com/application-control/images/compare-tick.png);	
}
.concept .pitstop .sysadmin .monitor .mon-black h3:before {
	background-image: url(https://www.manageengine.com/application-control/images/compare-cross.png);	
}

.concept .pitstop .sysadmin .monitor .mon-grey h3 span strong:first-child:before {
	background-image: url(https://www.manageengine.com/application-control/images/compare-tick.png);	
}

.concept .pitstop .sysadmin .monitor .mon-grey h3 span strong:last-child:before {
	background-image: url(https://www.manageengine.com/application-control/images/compare-cross.png);	
}

.concept .pitstop .sysadmin .monitor div span {
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    flex-wrap: wrap;
    line-height: 13px;
    font-size: 14px;
    margin: 7px 0;
}

.concept .pitstop .sysadmin .monitor div span strong {
    font-weight: 600;
    margin: 0 5px;
}

.concept .pitstop .sysadmin .monitor div span strong.jump:first-child, .concept .pitstop .sysadmin .monitor div h3.jump {
    animation: jump 1s linear infinite;
}
.concept .network img {
    /*animation: float 6s ease-in-out infinite;*/
}

.concept .network {
    max-width: 350px;
}

.concept .pitstop .scanner .diode {
       opacity:0;
   /* animation: beam .01s infinite;*/
  }

.concept .pitstop .scanner .diode .laser {
    width: 100%;
    background-color: tomato;
    height: 1px;
    position: absolute;
    top: 0;
    z-index: 2;
    box-shadow: 0 0 4px red;
    /*animation: scanning 2s infinite;*/
}

.concept .pitstop .scanner .app-icon {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 40px;
    width: 40px;
    opacity:0;
    animation-fill-mode: forwards;
}

.concept .pitstop .scanner .trash {
    width: 20px;
    margin: 10px auto;
    display: block;
    position: absolute;
    color: transparent;
    background-image: url('https://www.manageengine.com/application-control/images/banner-clip-trash-open.png');
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
    right: 0;
    left: 0;
    bottom: -36px;
    opacity: 0;
    /*animation: trash-close 2s linear;*/
    animation-fill-mode: forwards;
    z-index: 2;
}

.float-animi{animation: float 6s ease-in-out infinite;}

.tabdrop .float-animi {
    animation: none;
}

.beam-animi{animation: beam .01s infinite;}

.scanning-animi{animation: scanning 1.5s infinite;}

.app-scan-animi{animation: app-scan 1s linear;}

.scan-network-animi{animation: scan-network 1s linear;}

.shake-animi{animation: shake 1s linear;}

.trash-animi{animation: trash 1s ease-out;}

.trash-close-animi{animation: trash-close 2s linear;}

@keyframes jump {
        50%{
             transform: scale(1.1);
        }
}

@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}
@keyframes beam {
  0%,100%{opacity:1;}
  50% {
    opacity: 0;
  }
}

@keyframes scanning {
  50% {
    transform: translateY(100px);
  }
}

@keyframes app-scan {
  0% {
    transform: translate(-230px, 120px) scale(.4);
    opacity:0;
  }
  50%{
    transform: translate(-180px, 40px);
    opacity:1;
}
  70%{
    transform: translate(-100px, 20px);
}
  100%{
    opacity:1;
}
}

@keyframes scan-network {
  50%{
    opacity:1;
    transform: translate(100px, 20px);
}
  70%{
    opacity:1;
    transform: translate(180px, 40px);
}
  100% {
    transform: translate(230px, 120px) scale(.4);
    opacity:0;
  }
}

@keyframes shake {
  0%,100%{opacity:1;}
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
@keyframes trash {
90%{
opacity:1;
transform: translate(-230px, -70px) scale(0);
}
95%{
opacity:0;
}
100%{
transform: translate(-250px, -140px) scale(0);
}
}
@keyframes trash-close {
0%,100%{
   transform: scale(0);
   opacity:0;
   background-image: url('https://www.manageengine.com/application-control/images/banner-clip-trash-close.png');
}
20%{
   background-image: url('https://www.manageengine.com/application-control/images/banner-clip-trash-close.png');
}
21%{
   background-image: url('https://www.manageengine.com/application-control/images/banner-clip-trash-open.png');
}
79%{
   background-image: url('https://www.manageengine.com/application-control/images/banner-clip-trash-open.png');
}
80%{
   background-image: url('https://www.manageengine.com/application-control/images/banner-clip-trash-close.png');
}
20%,80%{
    transform:scale(1);
   opacity:1;
}
}


.acp h2, .acp h1,.acp .h1,.acp .h2 {
    font-size: 30px;
    font-weight: 300;
    line-height: 60px;
    padding: 30px 0 0;
    margin: 0;
    text-align: center;
    letter-spacing: normal;
}
.acp h2 strong,.acp h1 strong,.acp .h2 strong,.acp .h1 strong  {
    font-size: 32px;
    font-weight: 600;
}
.acp h3 {
    font-weight: 600;
    margin: 30px 0 0;
    font-size: 20px;
}
.acp.overview {
    padding: 0 0 30px;
}

.acp.overview p {
    max-width: 750px;
    text-align: center;
    margin: auto;
}

.acp.overview .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.acp.overview .flex .flex-inner{
    max-width: 300px;
    margin:0 40px;
}

.acp.overview .flex .flex-inner h3 {
    font-weight: 600;
    margin: 30px 0 0;
    font-size: 20px;
}

.acp.overview .flex .flex-inner img {
    font-weight: 600;
    max-width:60px;
    margin: 10px 0 0;
    font-size: 20px;
}

.acp.overview .flex .flex-inner p {
    margin: 10px 0 0;
    font-size: 14px;
    line-height:24px;
}

.acp.features {
    background-color: #f3fcff;
    padding: 0 0 80px;
    /*background-image: url(https://www.manageengine.com/application-control/images/acp-page-sepearator.jpg);*/
    background-position: bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.acp.features .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
    max-width:1100px;
    margin:auto;
}

.acp.features .flex-inner {
    max-width: 315px;
    padding:20px;
    border-right: 1px solid #00e0ff;
    border-bottom: 1px solid #00e0ff;
}

.acp.features .flex-inner .head {
    display: flex;
    align-items: center;
    margin: 0 0 10px;
}

.acp.features .flex-inner .head img {
    width: 60px;
    height: 60px;
    margin: 0 20px 0 0;
}

.acp.features .flex-inner .head h3 {
    margin: 0;
    color: #005B9F;
}

.acp.features .flex-inner .head h3 a {
  color: #206da2;
  text-decoration: none;
}
.acp.features .flex-inner h4{
    margin:0;
    font-size:16px;
    line-height:23px;
    color:#004c80;
}
.acp.features .flex-inner p {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 26px;
}

.acp.features .flex-inner:nth-last-child(1) {
    border-right: 0px;
}

.acp.features .flex-inner:nth-last-child(1), .acp.features .flex-inner:nth-last-child(2) {
    border-bottom: 0px;
}

.acp.features .flex-inner:nth-child(3) {
    border-right: 0;
}

.acp.solutions {
    padding: 0 50px 50px;
}

.acp.solutions .flex {
    position:relative;
    display: flex;
    flex-wrap: wrap;
    max-width: 1100px;
    margin: auto;
    justify-content: space-between;
    align-items: flex-start;
}

.acp.solutions .flex:after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100px;
    height: 100px;
    margin: auto;
    background-image: url(https://www.manageengine.com/application-control/images/box-icon-1.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.acp.solutions .flex li {
    position:relative;
    max-width: 400px;
    min-height: 90px;
    background-color: #f3fcff;
    padding: 15px 15px 15px 30px;
    margin:30px 30px 30px 0;
    display: flex;
    align-items: center;
    cursor: default;
}

.acp.solutions .flex li:hover h3{
    display:none;
}

.acp.solutions .flex li:hover p{
    display:block;
}

.acp.solutions .flex li:nth-child(even){
    margin:30px 0 30px 30px;
    padding: 15px 30px 15px 15px;
}

.acp.solutions .flex li h3 {
    margin: 0;
    font-size: 17px;
}

.acp.solutions .flex li p {
    margin: 0;
    display: none;
}


.acp.solutions .flex li:after {
    content: '';
    width: 90px;
    height: 90px;
    position: absolute;
    transform: rotate(45deg);
    right: -43px;
    background-color: #f3fcff;
    top: 14px;
    bottom: 0;
    z-index: -1;
    border: 1px solid #00e0ff;
    transition: all linear 350ms;
}

.acp.solutions .flex li:nth-child(even):after {
    left: -43px;
    top: 14px;
    bottom: 0;
}

.acp.solutions .flex li:hover:after {
    right: -50px;
}

.acp.solutions .flex li:nth-child(even):hover:after {
    left: -50px;
}
.acp.video{
    margin: auto;
}
.acp.video h2 {
}
.acp.video iframe {
    margin: 30px auto 60px;
    display: block;
    height: 506px;
    width: 900px;
    box-shadow: 0 0 10px #0004;
}
.acp.edition {
    background-color: #f3fcff;
    padding-bottom: 50px;
}

.acp.edition .flex{
    display:flex;
    justify-content:center;
}

.acp.edition .flex .flex-inner {
    margin: 20px;
    background-color: #fff;
    max-width: 334px;
    flex-wrap: wrap;
    display: flex;
    align-content: space-between;
    box-shadow: 0 0 3px #0003
}
.acp.edition .flex .flex-inner:first-child{
    max-width:220px;
}
.acp.edition .flex .flex-inner .edi-head {
    background-color: #0badec;
    color: #fff;
    text-align: center;
    padding: 15px;
    width: 100%;
}
.acp.edition .flex .flex-inner .edi-head h3{
    color:#fff;
    margin:0;
    padding:0;
}
.acp.edition .flex .flex-inner .edi-fea {
    margin: 0;
    padding: 15px 30px;
    width: 100%;
}
.acp.edition .flex .flex-inner .edi-fea li {
    position: relative;
    line-height: 20px;
    padding-bottom: 10px;
    font-size: 14px;
    margin-left: 15px;
}
.acp.edition .flex .flex-inner:last-child .edi-fea li:first-child {
    margin-left: 0;
    font-size: 15px;
}
.acp.edition .flex .flex-inner .edi-fea li:before {
    content: '»';
    color: #24a5ff;
    position: absolute;
    left: -15px;
}
.acp.edition .flex .flex-inner:last-child .edi-fea li:first-child:before {
    content: '';
}
.acp.edition .flex .flex-inner .edi-cta{
    font-size:18px;
    font-weight:600;
    display:block;
    background-color:#e9132a;
    color:#fff;
    text-align:center;
    padding:8px 15px;
    margin:15px auto;
    width:80%;
    text-decoration: none;
}
.acp.edition .flex .flex-inner:first-child .edi-cta {
    width: 70%;
}
.promo-flash {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #daf4ff;
    border: 1px solid #89ceeb;
    position: fixed;
    width: 100%;
    z-index: 2;
}
.promo-flash p {
    line-height: normal;
    font-size: 16px;
    font-weight: 400;
}
.promo-flash p strong {
    font-weight: 600;
}
.promo-flash .close {
    margin: 0 0 0 30px;
    color: #00000070;
    position: absolute;
    right: 23px;
    cursor: pointer;
}
.promo-flash a {
    line-height: normal;
    background-color: #fff;
    color: #1381b0;
    padding: 6px 15px;
    margin: 0 0 0 30px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    border-radius: 5px;
    box-shadow: 0 0 1px #1381b0;
}
.promo-flash + .bannerflex {
    padding-top: 54px;
}
.acp.features .flex-inner .head h3{width:calc(100% - 80px);margin-left:20px}
@media (max-width:1025px){
.promo-flash {
    position: relative;
    border: 0;
    padding: 20px;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    width: auto;
}

.promo-flash p {
    line-height: 24px;
    margin: 0 0 10px;
}

.promo-flash .close {
    top: 5px;
    right: 10px;
}
}
@media (max-width:600px){
.concept .apps,.concept .network{
     display:none;
}
.acp.solutions .flex li {
    margin: 10px 0 !important;
    padding:15px;
}

.acp.solutions .flex li:after, .acp.solutions .flex li:before {
    display: none;
}

.acp.solutions .flex:after {
    display: none;
}

.acp.edition .flex .flex-inner {
    max-width: none !important;
}

.acp.edition .flex .flex-inner .edi-cta {
    width: 80% !important;
}

.acp.features .flex-inner {
    border: 0;
}

.acp.solutions {
    padding: 20px;
}

.acp.overview .flex .flex-inner {
    margin: 15px;
}

.acp.video iframe {
    max-width: 300px;
    max-height: 169px;
}
}