.heading-menu {
    display:none;
}
#backToTop{display:none !important;}

.cmn-breadcrum a:hover {
    color: #fff;
	text-decoration: underline;
}
.cmn-breadcrum .root-page {
    color: #2d80d3;
}
.cmn-breadcrum a::after {
    background:#cfe7ff;
}

.secpdn{ padding:100px 0;}

.msp-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    transition: all 0.2s ease-in 0s;
}

.sticky-icon {
    z-index: 99;
    position: fixed;
    top: 45%;
    right: 0;
    width: 155px;
    display: flex;
    flex-direction: column;
}
.sticky-icon a {
    transform: translate(120px,0px);
    border-radius: 10px 0px 0px 10px;
    text-align: left;
    margin: 2px 0px 2px 2px;
    text-decoration: none;
    padding: 10px 13px;
    font-size: 16px;
    transition: all 0.8s;
    line-height: 18px;
}
.sticky-icon a span{margin-right:5px}
.sticky-icon a.getqt span:nth-child(1){
    font-weight: bold;
    font-size: 20px;
	}
.sticky-icon a:hover  {
	color:#FFF;
	transform:translate(0px,0px);}	
.sticky-icon a:hover i  {
	transform:rotate(360deg);}

.msp-sticky  {
	background-color:#2C80D3;
	color:#FFF;}
	   

.msp-sticky:hover  {
	background-color:#2C80D3;
	color:#FFF;}

/* Banner section style start*/

.itsmbnrbg {
    background: #2474b5;
	padding:0px 0 100px 0;
}
.itsmbnrbgflx{ display: flex; align-items: center; margin-top:80px;}
.itsmbnrbgflx .left{flex: 0 0 60%}
.itsmbnrbgflx .right{flex: 0 0 40%;-webkit-animation: 3s ease 0s normal forwards 1 sbnrimgfadein;
    animation: 3s ease 0s normal forwards 1 strfadein;}

@keyframes sbnrimgfadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes sbnrimgfadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

.itsmbnrbg h1 {
    font-family: 'Zoho_Puvi_SemiBold', 'Open Sans', sans-serif;
    font-size: 45px !important;
    letter-spacing: 0.5px;
    line-height: 50px;
    font-weight: 600;
    margin-top: 0px;
    color: #fff;
	transform: translateY(-60px);
    opacity: 0;
    transition: 1s ease;
}

.itsmbnrbg h1.content-view {
   transform: translateY(0px);
    opacity: 1;
    transition: 1s ease;transition-delay: .9s;
}


.itsmbnrbg .mspftr-subhdr {
    color: #fff;
    margin: 20px auto 0 auto;
    font-size: 22px;
    line-height: 32px;}

.itsmbnrbg .mspbannercta{ margin-top: 30px;}
.itsmbnrbg .mspbannercta a.strtyourfree {
    font-family: 'Zoho_Puvi_SemiBold', 'Open Sans', sans-serif;
    color: #fff;
	background: #e23c32;
    font-size: 18px;
    padding: 11px 25px;
    text-decoration: none;
    display: inline-block;
    /*margin: 0 10px;*/
    line-height: 24px;
    letter-spacing: 0;
    /*border-radius: 5px;*/
    transition: all ease .5s;
    text-transform: uppercase;
}
.itsmbnrbg .mspbannercta a.strtyourfree:hover {
 background: #de5547;
	      box-shadow: 1px 1px 9px 2px rgb(1 82 148);
    -webkit-box-shadow: 1px 1px 9px 2px rgb(1 82 148);
}

.itsmbnrbg .mspbannercta a.reqst-demo {
font-family: 'Zoho_Puvi_SemiBold', 'Open Sans', sans-serif;
    background: #e23c32;
    color: #fff;
    font-size: 18px;
    padding: 12px 25px;
    text-decoration: none;
    display: inline-block;
    margin: 0 0 0 10px;
    line-height: 24px;
    letter-spacing: 0;
    /*border-radius: 5px;*/
    transition: all ease .5s;
    text-transform: uppercase;
	
}
.itsmbnrbg .mspbannercta a.reqst-demo:hover {
     background: #de5547;
	    box-shadow: 1px 1px 9px 2px rgb(1 82 148);
    -webkit-box-shadow: 1px 1px 9px 2px rgb(1 82 148);
}

.bnrylostar {
    background-image: url(https://www.manageengine.com/products/service-desk-msp/style/../images/y-stars.png);
    background-size: 180px auto;
    background-repeat: no-repeat;
    display: block;
    /* margin: 0px auto; */
    position: absolute;
    transform-origin: center bottom;
}
.y-stars{ position: relative;
	-webkit-animation: 4s ease 0s normal forwards 1 strfadein;
    animation: 4s ease 0s normal forwards 1 strfadein;}

@keyframes strfadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes strfadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

.star01 {
    background-position: -18px -138px;
    width: 42px;
    height: 40px;
    top: 82px;
    left: 45px;
	animation-name: str-floating1;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.star02 {
    background-position: 0px -93px;
    width: 53px;
    height: 47px;
    top: 40px;
    left: 25px;
	animation-name: str-floating2;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.star03 {
    background-position: -9px -33px;
    width: 53px;
    height: 47px;
    top: -10px;
    left: 25px;
	animation-name: str-floating3;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.star04 {
    background-position: -35px 13px;
    width: 14px;
    height: 40px;
    top: -50px;
    left: 55px;
	animation-name: str-floating4;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.star05 {
    background-position: -59px 23px;
    width: 33px;
    height: 52px;
    top: -65px;
    left: 90px;
	animation-name: str-floating5;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.star06 {
    background-position: -59px 23px;
    width: 33px;
    height: 52px;
    top: -65px;
    left: 146px;
	animation-name: str-floating6;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.star07 {
    background-position: -119px 13px;
    width: 33px;
    height: 52px;
    top: -25px;
    left: 180px;
	animation-name: str-floating7;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.star08 {
    background-position: -150px -95px;
    width: 10px;
    height: 18px;
    top: 40px;
    left: 170px;
    animation-name: str-floating8;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}


@keyframes str-floating1 {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(5px, -5px) }
    to   { transform: translate(0, -0px); }    
}
@keyframes str-floating2 {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(10px, 5px); }
    to   { transform: translate(0, -0px); }    
}
@keyframes str-floating3 {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(5px, -5px) }
    to   { transform: translate(0, -0px); }    
}

@keyframes str-floating4 {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(10px, 5px); }
    to   { transform: translate(0, -0px); }    
}
@keyframes str-floating5 {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(10px, 5px); }
    to   { transform: translate(0, -0px); }    
}

@keyframes str-floating6 {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(5px, -5px) }
    to   { transform: translate(0, -0px); }    
}
@keyframes str-floating7 {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(5px, -5px) }
    to   { transform: translate(0, -0px); }    
}

@keyframes str-floating8 {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(7px, 7px); }
    to   { transform: translate(0, -0px); }    
}

/* Banner section style end */


/* Page intro content style*/
.introsec{background:#f5fbff;padding:100px 0 50px 0;}
.introsec p{text-align:center; width:90%; margin:0 auto;}



/* ITSM tool five boxes content style start */

.itsmtolbnfits{background:#f5fbff;padding:50px 0 100px 0;}
.itsmtolbnfits h2{ width:80%; margin:0 auto;text-align:center;}
.card-container {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    transition: all 0.2s ease-in 0s;
}
.itsmtolbnfits.three-col {
    display: flex;
    justify-content: center;
    padding-bottom: 100px;
    flex-wrap: wrap;margin-top:50px;
}
.itsmtolbnfits.three-col .col {
    flex: 0 0 25%;
    margin: 15px;
    background: #fff;
    padding: 40px;
    position: relative;
    border-radius: 12px;
    /* border: 1px solid #e6e6e6; */
    transform: translateY(60px);
    opacity: 0;
    transition: 1s ease;
}

.itsmtolbnfits.three-col .col:nth-child(1).content-view {
   transform: translateY(0px);
    opacity: 1;
    transition: 1s ease;
	transition-delay: .2s;
}
.itsmtolbnfits.three-col .col:nth-child(2).content-view {
   transform: translateY(0px);
    opacity: 1;
    transition: 1s ease;
	transition-delay: .4s;
}
.itsmtolbnfits.three-col .col:nth-child(3).content-view {
   transform: translateY(0px);
    opacity: 1;
    transition: 1s ease;
	transition-delay: .6s;
}
.itsmtolbnfits.three-col .col:nth-child(4).content-view {
   transform: translateY(0px);
    opacity: 1;
    transition: 1s ease;
	transition-delay: .8s;
}
.itsmtolbnfits.three-col .col:nth-child(5).content-view {
   transform: translateY(0px);
    opacity: 1;
    transition: 1s ease;
	transition-delay: .10s;
}



.itsmtolbnfits.three-col .col:hover {
    box-shadow:1px 1px 6px 5px rgb(90 144 225 / 13%);
    -webkit-box-shadow:1px 1px 6px 5px rgb(90 144 225 / 13%);
}

.iconimg {
  background-image: url(https://www.manageengine.com/products/service-desk-msp/style/../images/itsm-framework-icons.png);
  background-size: 450px auto;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: block;
  margin: 0px auto;
  position: relative;
  transform-origin: center bottom;}
.iconimg01{ background-position:-1px -1px; width: 80px; height: 80px}
.iconimg02 {
    background-position: -367px -1px;
    width: 76px;
    height: 80px;
}
.iconimg03 {
    background-position: -189px -1px;
    width: 77px;
    height: 80px;
}
.iconimg04 {
    background-position: -279px 2px;
    width: 71px;
    height: 80px;
}
.iconimg05 {
    background-position: -97px 1px;
    width: 80px;
    height: 80px;
}




.itsmtolbnfits.three-col .col h3 {
    font: 24px/1.3 'Zoho_Puvi_SemiBold';
    margin: 25px 0 25px 0px;
    padding-bottom: 10px;
    transition: all ease .5s;
    text-align: center;
}
/*.itsmtolbnfits.three-col .col h3 span{ background: #ccc; padding:10px;}*/
.itsmtolbnfits.three-col .col p{margin-bottom:0px; text-align: left}


.itsmtolbnfits.three-col .col a {
    color: #000;
    text-decoration: none;
	border-bottom:1px dashed #074588;
}

.itsmtolbnfits.three-col .col a:hover {
    color: #0067ff;
    text-decoration: none;
}


/*
.itsmtolbnfits.three-col.content-view .col:nth-child(1) {
    transform: translateY(0px);
    opacity: 1;
    transition: .6s ease;
    transition-delay: .2s !important;
}

.itsmtolbnfits.three-col.content-view .col:nth-child(2) {
    transform: translateY(0px);
    opacity: 1;
    transition: .6s ease;
    transition-delay: .4s !important;
}

.itsmtolbnfits.three-col.content-view .col:nth-child(3) {
    transform: translateY(0px);
    opacity: 1;
    transition: .6s ease;
    transition-delay: .6s !important;
}

.itsmtolbnfits.three-col.content-view .col:nth-child(4) {
    transform: translateY(0px);
    opacity: 1;
    transition: .6s ease;
    transition-delay: .8s !important;
}

.itsmtolbnfits.three-col.content-view .col:nth-child(5) {
    transform: translateY(0px);
    opacity: 1;
    transition: .6s ease;
    transition-delay: .10s !important;
}
 
.itsmtolbnfits.three-col .col {
     opacity: 0;
    transform: translateY(60px);
}
*/

/* ITSM tool five boxes content style end */

/* Workflow sections style start */

.worflowsec{ padding:100px 0}
.worflowsec h2{text-align:center; margin:0px}
.worflowsec .workflowimg{ width:70%; margin:50px auto 0 auto}

/* Workflow sections style end */


/* ITSM tool features sections style start */
.itsmftrsec{background:#f5fbff; padding:100px 0}

.itsmftrsec h2{ text-align: center; margin-top: 0px;}
h3.mob-hdr{ display: none}
.tab-wrapper {
    text-align: center;
    display: block;
    margin: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
    z-index: 9999;
    background: #f5fbff;
}
.tabs {
    margin: 50px 0 0 0;
    padding: 0;
    display: flex;
    justify-content: center;
    position: relative;
}
.tab-link {
    margin: 0 10px;
    list-style: none;
    padding: 10px 5px;
    color: #000;
    cursor: pointer;
    transition: all ease 0.5s;
    border-bottom: solid 3px rgba(255,255,255,0.0);
    letter-spacing: 0px;
	font-size: 18px;
}
ul.tabs li.tab-link:after {
    content: '';
    position: absolute;
    height: 18px;
    width: 1px;
    background: #e8e8e8;
    margin-left: 15px;
    margin-top: 5px;
}
ul.tabs li.tab-link:last-child:after {
  display: none
}

.tab-link:hover{
	color: #0b60d3;
	border-color: #0b60d3;
}
.tab-link.active{
	color: #0b60d3;
	border-color: #0b60d3;
}
/*.tab-link:nth-of-type(1).active{
	color: #EE6534;
	border-color: #EE6534;
}
.tab-link:nth-of-type(2).active{
	color: #1790D2;
	border-color: #1790D2;
}
.tab-link:nth-of-type(3).active{
	color: #EEC63B;
	border-color: #EEC63B;
}*/
.content-wrapper{
	padding: 40px 0;
}
.tab-content{
	display: none;
	opacity: 0;
	transform: translateY(15px);
	animation: fadeIn 0.5s ease 1 forwards;
}


p.ftrlrnmore a{
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: #006cff;
    padding-right: 5px;
}
p.ftrlrnmore a:after {
    content: '';
    position: absolute;
    right: -15px;
    top: 8px;
    display: inline-block;
    background: url(https://www.manageengine.com/products/service-desk-msp/style/../images/learn-more.svg);
    width: 15px;
    height: 11px;
    transition: all ease .3s;
}
p.ftrlrnmore a:hover:after {
    transform: translateX(4px);
}


.tab-content.active{
	display: block;
}
@keyframes fadeIn{
	100%{opacity: 1;
		transform: none;}

}



.sc-bluebg{ background-image: url(https://www.manageengine.com/products/service-desk-msp/style/../images/screen-bg-blue.png);    background-repeat: no-repeat;
    padding: 5%;
    background-size: contain;
    background-position: 20% 12%;}
.sc-greenbg{ background-image: url(https://www.manageengine.com/products/service-desk-msp/style/../images/screen-bg-green.png);    background-repeat: no-repeat;
    padding: 3% 5% 5% 5%;
    background-size: contain;
    background-position: 20% 12%;}
.sc-redbg{ background-image: url(https://www.manageengine.com/products/service-desk-msp/style/../images/screen-bg-red.png);    background-repeat: no-repeat;
    padding: 5%;
    background-size: contain;
    background-position: 20% 12%; }
.sc-yllowbg{ background-image: url(https://www.manageengine.com/products/service-desk-msp/style/../images/screen-bg-yellow.png);    background-repeat: no-repeat;
    padding: 5%;
    background-size: contain;
    background-position: 20% 12%; }

.mspftrcontscrn {
      display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
	margin-top: 50px;
}
.mspftrcontscrn .col{margin:0 15px;}
.screen {
    width: 55%;
}
.screen img {
    /*box-shadow:0px 6px 8px 2px rgb(0 0 0 / 5%);*/
    padding: 0;
    border-radius: 0;
    background: none;
}
p.img-caption {
    text-align: center;
    font-size: 14px;
	margin-bottom: 0px;
}

.content {
      width: 40%;
	padding: 0 4%;
}
.content p {text-align: left;}

p.fig-caption{ text-align:center;font-size: 15px;}


/* ITSM tool features sections style end */





/*Form section style start*/
.formbgsec{ background: #000; padding: 100px 0}

.formbg.two-col{display:flex; justify-content:space-around; align-items: center;}
.formbg.two-col .col{ flex: 0 0 45%;}
.formbg h2{color:#fff; margin-top:0px;}
.formbg.two-col .col:nth-child(1) p{color:#fff;font-size:20px; width: 70%;}
.check p {
    color: #fff;
    font-size: 15px;
    margin-bottom: 0px;
}
.radio-button input[type="radio"]{height:10px;    position: relative;}
.radio-button{color:#fff}
.radio-button lable{color:#fff}
.apiform input[type="submit"] {
	background: #e23c32 !important;}
.formbg .prvcy-plicy {
    width: 70%;
    margin: 10px auto 0 auto;
    font-size: 11px;
    color: #fff;
    text-align: center;
}
.prvcy-plicy a {
    font-size: 11px;
    color: #fff;}
#meGDPRMessage {
	color: #fff;}
/*Form section style end*/


/* Footer section style start */


.itsm-ftrctasec{ background: #fff; padding: 70px 0}
.itsm-ftrctasec h2{ text-align: center; margin-top: 0px;}
.itsm-ftrcta{ margin-top: 20px; text-align: center}
.itsm-ftrcta a.ftr-footer-cta {
background: #e23c32;
    color: #fff;
    font-size: 18px;
    padding: 13px 30px;
    text-decoration: none;
    font-weight: 400;
    line-height: 24px;
    font-family: 'Zoho_Puvi_SemiBold', 'Open Sans', sans-serif;
    margin-top: 10px;
    display: inline-block;
    text-transform: uppercase;
	
}
.itsm-ftrcta a.ftr-footer-cta:hover {
background: #de5547;
}



.mspcustmr-logos {
    margin-top: 30px;
}
#customerlogos{ display: none}
.mspfeaturebtmlinks .add-resources-bg {
    padding-top: 0;
	}
.mspfooterlinks {
    padding: 70px 0;
}
.btmBar{ display:none}

@media screen and (max-width:1200px) {
	.msp-container {
    max-width: 90%;
    width: 100%;
}
	.card-container {
    max-width: 90%;
    width: 100%;
}
	
	.itsmtolbnfits.three-col .col {
    flex: 0 0 35%;
    margin: 25px;
}
}

@media screen and (max-width:1050px) {
.itsmbnrbg h1 {
    font-family: 'Zoho_Puvi_SemiBold', 'Open Sans', sans-serif;
    font-size: 35px !important;
    letter-spacing: 0.5px;
    line-height: 45px;
	}
	.itsmbnrbg .mspftr-subhdr {
    font-size: 18px;
    line-height: 25px;
}
	.introsec p {
    text-align: center;
		width: 100%;}
	.itsmtolbnfits h2 {
		width: 100%;}
}
	
@media screen and (max-width:980px) {
	br{ display: none}
	.itsmbnrbg {
    margin-top: 27px;
		overflow: hidden;
}
.itsmbnrbgflx {
    flex-wrap: wrap;
	    flex-direction: column-reverse;    padding-top: 10px;
}
	.itsmbnrbgflx .left {
    flex: 0 0 100%;
}
	.itsmbnrbgflx .right {
		flex: 0 0 50%; text-align: center}
	.itsmbnrbgflx .right img { width: 50%;}
	.y-stars {
    left: 147px;
    bottom: 10px;
}
	.itsmtolbnfits.three-col .col h3 {
    text-align: left;
}
	.itsmbnrbg h1 {
    font-size: 45px !important;
    line-height: 55px;
    margin-top: 50px;
    text-align: center;
}
	.itsmbnrbg .mspftr-subhdr {
    font-size: 20px;
    line-height: 25px;
    text-align: center;
}
	.itsmbnrbg .mspbannercta {
    margin-top: 30px;
    text-align: center;
}
	.itsmtolbnfits.three-col .col {
    flex: 0 0 85%;
    margin: 30px;
}
	.iconimg{ margin: 0;}
	.worflowsec .workflowimg {
    width: 100%;
}
	h3.mob-hdr {
    display: block;
    margin-top: 100px;
}
.tab-wrapper {display: none;}
	
	.mspftrcontscrn {
    flex-wrap: wrap;
    margin-top: 0;
}
	
	.content {
    width: 90%;
    padding: 0 4%;
}
	.screen {
    width: 90%;
    margin-top: 20px;
}
	.tab-content {display: block;}
	
#tab-2 .mspftrcontscrn{ flex-direction: column-reverse}
#tab-4 .mspftrcontscrn{ flex-direction: column-reverse}
#tab-6 .mspftrcontscrn{ flex-direction: column-reverse}
#tab-8 .mspftrcontscrn{ flex-direction: column-reverse}

.formbg.two-col {
    flex-wrap: wrap;
}
	.formbg.two-col .col:nth-child(1){ text-align: center;}
.formbg.two-col .col:nth-child(1) p {
    color: #fff;
    font-size: 20px;
    width: 70%;
    margin: 0 auto 20px auto;
}
	.formbg.two-col .col {
    flex: 0 0 100%;
}
}

 @media screen and (max-width:667px) {
.itsmbnrbgflx .right img {
    width: 90%;
}
	 .y-stars {
    left: 30px;
    bottom: 0;
}
	 .itsmbnrbg h1 {
    font-size: 35px !important;
    line-height: 45px;
    margin-top: 50px;
    text-align: center;
}
	}

 @media screen and (max-width:500px) {
	 .itsmbnrbg {
    padding: 0px 0 50px 0;
}
	
	 h2, .h2 {
    font: 28px/1.30 'Zoho_Puvi_SemiBold';
}
	 .itsmtolbnfits.three-col .col {
    flex: 0 0 75%;
    margin: 30px;
}
.screen {display: none;}
	 .itsmtolbnfits.three-col {
    padding-bottom: 50px;
    margin-top: 0;
}
	 
.itsmbnrbgflx .right img {
    width: 100%;
}
	.y-stars {
    left: -20px;
    bottom: 20px;
}
	 .itsmbnrbg h1 {
    font-size: 30px !important;
		 line-height: 40px;}
	 
	 .itsmbnrbg .mspbannercta a.strtyourfree {
    padding: 11px 0;
    width: 90%;
}
	 .itsmbnrbg .mspbannercta a.reqst-demo{
    padding: 11px 0;
		 margin: 10px 0 0 0;
    width: 90%;
}
	  .introsec {
    padding: 60px 0;
}
	 .worflowsec {
    padding: 60px 0;
}
	 .itsmftrsec {
    padding: 60px 0;
}
	 h3.mob-hdr {
    margin-top: 60px;
}
	 .formbgsec {
    padding: 60px 0;
}
	 .formbg.two-col .col:nth-child(1) p {
    width: 100%;
}
.itsm-ftrctasec {
    padding: 60px 0;
}
.itsm-ftrcta {
    margin-top: 10px;
}
	 
	 .formbg .prvcy-plicy {
		 width: 100%;}
	 
	}