#scroll {position: relative;padding: 0px;}
.heading-menu {display: none}
#customers {display: none}
/*Demo form title sec*/	.demotitlesec{ padding: 50px 0 60px 0}
.demotitle{ text-align: center;}
.demotitle h1 {font: 40px/1.25 'Zoho_Puvi_Bold';}
.demotitle p{ margin: 5px 0 0 0;}
/*Demo form sec*/.demoformsec{ padding: 0px 0px 100px 0px; }
.demoformbg {background-image:url(https://www.manageengine.com/products/service-desk-msp/images/demo-form-bg.png);background-repeat: no-repeat;background-size: cover;padding: 50px;width: 75%;margin: 0 auto;}
.demoform {width: 100%;margin: 0 auto;position: relative;}
.forminputcont{ display: flex}
.formleft{ width: 50%; float: left}
.formright{ width: 50%; float: left}
textarea, input.text, input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="button"], input[type="submit"], .input-checkbox {-webkit-appearance: none;border-radius: 2px;}
.formfild {position: relative;padding: 0;margin: 25px 15px;}
form label {position: absolute;opacity: 1;font-size: 16px;left: 1rem;color: #000;transition: all .22s;top: 50%;transform: translateY(-50%);display: block;}
form input:focus + label,form input:hover + label,form input:valid + label{top: 6px;font-size: 0.8rem;transform: translateY(0);left: 20px;opacity: 1;color: #2196f3;}
form .cover{width: 100%;position: absolute;top: 1.50rem;}
.demoform input {width: 88%;padding: 10px 6% 0px 6%;outline: none;border: none;border-radius: 2px;font-size: 15px;margin: 0 auto;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;line-height: 40px;height: 40px;}
.demoform select {width: 100%;padding: 7px 5% 8px 5%;outline: none;border:none !important;border-radius: 2px;font-size: 18px;margin: 0 auto;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;line-height: 35px;/* height: 40px; */-moz-appearance: none;-webkit-appearance: none;background: #fff url(https://www.manageengine.com/products/service-desk-msp/images/select-blue-arrow.png) !important;background-repeat: no-repeat !important;background-position: right !important;cursor: pointer;}
.demoform input.error {border: 1px solid red!important}
.demoform select.error {border: 1px solid red !important}
.submitcont{margin-top: 30px;}
input.demo-submit {background: #fd2d2d;color: #fff;font-size: 25px;/* font-weight: 400; */width: 35%;padding: 8px 15px;outline: none;border-radius: 2px;height: auto;border: none !important;font-family: 'Zoho_Puvi_Bold';}
input#demoReset {display: none; background: none;color: #444;font-size: 15px;font-weight: 400;width: 75%;padding: 0 5px;outline: none;border-radius: 5px;height: auto;border: none !important;}
#meGDPRMessage{ width: 70%; margin: 0 auto;}
#meGDPRMessage label {position: relative !important;margin-top: 30px;}
.prvcy-plicy {font-size: 12px;color: #000;font-family: 'Open Sans', sans-serif;font-weight: 400;text-align: center;margin: 0px;}
.prvcy-plicy strong {font-weight: 600 !important;}
.prvcy-plicy a {font-size: 12px;color: #000;text-decoration:underline;font-weight: 600}
.prvcytxt {font-family: 'Zoho_Puvi_SemiBold';color: #0a609d;font-size: 12px;text-align: center;margin-top: 50px;width: 80%;margin: 50px auto 0 auto;}
.prvcytxt a{color: #0a609d; text-decoration: underline}
/*Online demo sec*/
.onlinedemosec{ background: #f2f9ff; padding: 50px 0}
.onlinedemosec h2{ margin-bottom: 5px;}
.subtitle{ margin-top:0px; 	}
		.onlinedemocont{ display: flex; width: 90%; margin: 0 auto; align-items: center;}
.onlinedemocont div.innerleft{  width: 40%; margin: 30px;}
.onlinedemocont div.innerright{  width: 60%; margin: 30px;}
.onlinedemocont img{ width: 100%; max-width: 100%;}
.demolinks{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.demolinks div.links {flex: 1 0 20%;margin: 10px;padding: 10px 30px;background: #fff;text-align: center;}
div.links img{ width: 50%; max-width: 100%; margin: 0 auto;}
div.links a{ text-decoration: none !important}
div.links p{font-size: 14px; margin: 10px 0 0 0;}
div.links p a{  color: #000;}
div.links h4{margin: 0px 0 0 0; font-size: 16px;font-family: 'Zoho_Puvi_SemiBold';}
div.links h4 a{ color: #000;}
/*Demo footer CTA sec */.demofootercta{ background: #fff; padding: 70px 0}
.demofootercta h2{ margin: 0px auto;width: 60%;}
.demoftr{ margin-top: 50px;}
a.demodownlod {background: #fd2d2d;padding: 15px 50px;color: #ffff;font-weight: bold;text-decoration: none;font-size: 25px;border-radius: 2px;font-family: 'Zoho_Puvi_Bold';}
.customersec {display: none !important;background: #f1f9fe;}
@media screen and (max-width:1024px) {.demotitlesec {margin-top: 100px;padding: 50px 0;}
.demofootercta{display:none}
}
@media screen and (max-width:980px) {.onlinedemocont div.innerleft {width: 60%;margin: 30px auto;}
.onlinedemocont div.innerright {width: 90%;margin: 30px auto;}
.subtitle {margin-top: 0px;padding: 0 100px;}
.demofootercta h2 {margin: 0px auto;width: 100%;}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:667px) {.demotitlesec {margin-top: 80px;padding: 20px 0;}
.demoformbg{margin: 20px auto 0 auto}
.demotitle h1, .h1 {font: 25px/1.25 'Zoho_Puvi_SemiBold';padding: 0 50px;}
.forminputcont {display: flex;flex-wrap: wrap;}
.formleft {width: 100%;float: none;}
.formright {width: 100%;float: none;}
.formfild {position: relative;padding: 0;margin: 0 0 15px 0;}
input.demo-submit{width: 100%;}
#meGDPRMessage {width: 100%;margin: 0 auto;}
#meGDPRMessage label {position: relative !important;margin-top: 40px;font-size: 14px;}
.subtitle {margin-top: 0px;padding: 0px 20px;}
.onlinedemocont {width: 100%;flex-wrap: wrap;}
div.links img {width: 25%;}
.demolinks div.links {flex: auto;margin: 20px 10px;padding: 25px 40px;}
.onlinedemosec{display: none;}
}
@media screen and (max-width:414px) {.demoformsec {padding: 0px 0px 50px 0px;}
.onlinedemosec {padding: 20px 0;}
.demofootercta h2 {margin: 0px auto;width: 90%;font-size: 25px;}
}
@media screen and (max-width:375px) {.demoformbg {padding: 40px;}
.demofootercta {background: #fff;padding: 40px 0;}
}