.download-btn a {
width: 190px;
    background: #fff;
    border: 1px solid #dd002c;
    display: inline-block;
    padding: 10px 5px;
    border-radius: 4px;
    color: #dd002c;
    text-transform: uppercase;
    font-family: Zoho_Puvi_SemiBold;
    font-size: 13px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    overflow: hidden;
}

.download-btn a {
width: 190px;
    background: #fff;
    border: 1px solid #dd002c;
    display: inline-block;
    padding: 10px 5px;
    border-radius: 4px;
    color: #dd002c;
    text-transform: uppercase;
    font-family: Zoho_Puvi_SemiBold;
    font-size: 13px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    overflow: hidden;
}

span.close {
    position: absolute;
    z-index: 999;
    top: 0px;
    right: 0px;
    color: #5b82c7;
    font-weight: bold;
    cursor: pointer;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    font-family: 'Zoho_Puvi_SemiBold';
    font-size: 14px;
    padding: 2px 10px;
}
.success-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 58%);
  display: none;
}

.global-success-msg1 {
  position: fixed;
  transform: translate(-50%, -50%);
  top: 40%;
  left: 50%;
  z-index: 999999;
  width: 400px;
  max-width: 90%;
  background: #fff;
  padding: 40px 20px;
  text-align: center;
  color: #000000;
  font-size: 1.4em;
  line-height: 1.8;
  font-weight: 400;
  border-radius: 10px;
}

.global-success-msg1 p {
   line-height: 1.6;
    margin: 30px 0 0;
    color: #000;
    display: block;
    font-size: 20px;
    font-family: 'Zoho_Puvi_SemiBold';
}
.global-success-msg1 p b {
    display: block;
}
span.tick-icon {
    display: block;
    width: 50px;
    padding: 20px;
    background: #003795;
    border-radius: 100%;
    position: absolute;
    transform: translate(-50%, 0);
    left: 50%;
    top: -50px;
}

.global-success-msg1 span.close {
  font-family: 'Zoho_Puvi_SemiBold';
    color: #b3b3b4;
    margin: 0;
}

.global-success-msg1 span.close:hover {
  color: #000;	
}

#UserCaptchaCode{padding:20px 6%}
.rows:after,
.rows:before,
section:after,
section:before,
footer:after,
footer:before,
header:before,
header:after,
.container:before,
.container:after,
.clearfix:after,
.clearfix:before {
	display: table;
	content: "";
	clear: both;
}
.rows {
	margin-right: -10px;
	margin-left: -10px;
margin-bottom: 30px;
margin-top: 10px;

}
.container {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1200px;
}
.container-fluid {
	width: 100%;
	max-width: 100%;
	position: relative
}
.cols-2,
.cols-25,
.cols-3,
.cols-4,
.cols-6,
.cols-8,
.cols-9,
.cols-10,
.cols-12
{
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.cols-2 {
	width: 16.6%;
}
.cols-25 {
	width: 20%;
}
.cols-3 {
	width: 23%;
}
.cols-4 {
	width: 33.3%;
}
.cols-6 {
	width: 42%;
}
.cols-8 {
	width: 66.6%;
}
.cols-9 {
	width: 75%;
}
.cols-10 {
	width: 87.5%;
}
.cols-12 {
	width: 100%;
}
.cols-center
{
	    margin: 0 auto;
    float: none;
}
.captcha-input {
  vertical-align: middle;
}

.captcha-input,
div.form-group .form-field {
  position: relative;
width:100%
}

.captcha-input.form-field {
  margin: 0;
}

.captcha-input {
  margin: 0;
}

.form-group.captcha-group {
  margin: 0 0 10px 0;
}

#WrongCaptchaError {
  position: absolute;
  top: -16px;
  left: 0px;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -webkit-transition: all ease 0.4s;
  font-size: 12px;
  z-index: 8;
  opacity: 1;
  padding: 5px;
  line-height: 0.5;
  color: red;
  display: none;
}

.CaptchaWrap {
  position: relative;
  vertical-align: middle;
}

#CaptchaImageCode {
  text-align: center;
  padding: 0 0;
  width: 100%;
  overflow: hidden;
  position: relative;
  top: 10px;
left: -20px;
}
.CaptchaTxtField {
  display: block;
  box-sizing: border-box;
}

div.reload {
  width: 8%;
  vertical-align: middle;
}

.CaptchaWrap:after,
.CaptchaWrap:before,
.captcha-input:after,
.captcha-input:before {
  content: "";
  display: table;
  clear: both;
}

.capcode {
  font-size: 46px;
  display: block;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  letter-spacing: 1px;
  color: #ccc;
  font-weight: 300;
  font-style: oblique;
}

div.form-group input.ReloadBtn {
  background: url(https://www.manageengine.com/images/captcha-reload.svg) left
    top no-repeat;
  background-size: 100%;
  width: 25px;
  height: 25px;
 text-indent: -99px;	
  position: relative;
  left: 100px;
  top: 11px;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.apiform textarea {
    width: 95.5%;
    padding: 2%;
    outline: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 15px;
    min-height: 60px;
    height: 100%;
    margin-top: 10px;
}
select#MECountryListing {
    border: 1px solid #bbb;
}
.apiform select {
    font-family: 'zoho_puvi_regular', 'Open Sans', sans-serif;
    width: 100%;
    padding: 8px 2%;
    outline: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 15px;
    margin-top: 5px;
    height: 45px !important;
    color: #878787;
    background: #fff;
}
.apiform input {
    font-family: 'zoho_puvi_regular', 'Open Sans', sans-serif;
    width: 95.5%;
    padding: 8px 2%;
    outline: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 15px;
    margin-top: 5px;
    height: 25px;
}
.apiform {
    width: 50%;
    font-size: 15px;
    margin: 0 auto;
}
input {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark-color(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-appearance: textfield;
    background-color: -internal-light-dark-color(rgb(255, 255, 255), rgb(59, 59, 59));
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 2px;
    border-width: 2px;
    border-style: inset;
    border-color: -internal-light-dark-color(rgb(118, 118, 118), rgb(195, 195, 195));
    border-image: initial;
}
.container {
    max-width: 1000px;
}
#meCommonFooterNew .container {
    max-width: 1200px;
}
.apiform input[type="submit"] {
    font-family: 'zoho_puvi_semibold';
    background: #e3142b !important;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    width: 30%;
    padding: 12px 15px;
    outline: none;
    border-radius: 5px;
    height: auto;
    border: none !important;
text-align: center;
}
.apiform input[type="reset"] {
    font-family: 'zoho_puvi_semibold';
    background: #dfdfe0;
    color: #444;
    font-size: 20px;
    font-weight: 400;
    width: 30%;
    padding: 12px 15px;
    outline: none;
    border-radius: 5px;
    height: auto;
    border: none !important;
text-align: center;
}
.prdContent {
    height: auto;
}
.webinarnew_upcomingwebinars {
    display: inline-block;
    width: 100%;
}
.webinarnew_upcomingwebinars .prdBox {
    height: 200px;
    cursor: default;
    margin-left: 25px;
}
.prdBox, .prdvideo {
    padding: 20px;
    float: left;
    margin: 5px;
    height: 194px;
    border: 3px solid #f2f2f2;
    transition: all 300ms ease 0s;
    color: #5a6870;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.prdBox, .prdvideo {
    width: 27%;
    padding: 20px;
    margin: 20px 20px 20px 0;
    background: #fff;
    border: none;
    color: #444;
    max-width: none;
    -webkit-transition: all .3s ease-in-out;
    box-shadow: 0 10px 10px #d8d8d8;
}
.webinarnew_upcomingwebinars .prdBox {
    height: 200px;
    cursor: default;
    margin-left: 25px;
}
.webinarnew_upcomingwebinars .prdBox h2 {
    position: relative;
}
.webinarnew_upcomingwebinars .prdBox h2 {
    height: 60px;
    margin-bottom: 0;
    overflow: hidden;
    font-size: 12px;
    font-weight: 500;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: center;
}
.container1 {
    max-width: 1200px;
margin:0 auto;
}
.webinarnew_upcomingwebinars .prdBox div.webinarnew-speakers div:first-child {
    float: left;
}
.webinarnew_upcomingwebinars .prdBox div.webinarnew-speakers div:last-child {
    float: left;
    margin: 5px 0 0 10px;
    height: 55px;
    overflow: hidden;
    width: 70%;
}
prdBox h3.webinarnew-highlights {
    margin: 0;
    font-size: 13px;
}
.prdBox .prd-learnmore-link:hover a{
		cursor: pointer;
		color: #0099CC !important;
	}
.prdNav a:hover{cursor:pointer;color: #ffff;}  
.webinarnew_onlineworkshop ul.webinarnew-dateselection li:hover{cursor:pointer;background:#fff;border-left:3px solid #D1191C}
.webinarnew_upcomingwebinars .prdBox p.webinar-desc {
    line-height: 1.5em;
}
.webinarnew_upcomingwebinars .prdBox p.webinar-desc {
    height: 90px;
    overflow: hidden;
    font-size: 12px;
}
.prdBox h2 a {
    color: #333!important;
    transition: all 300ms ease 0s;
    font-weight: 400;
}
.webinarnew_upcomingwebinars .prdBox span.webinarnew-dateandtime {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 2px 30px 0 10px;
    margin: 10px 0 0;
    font-size: 12px;
    position: relative;
}
.webinarnew_upcomingwebinars .prdBox p.webinarnew-duration {
    margin-top: 10px;
    font-size: 12px;
}
.webinarnew_upcomingwebinars .prdBox div.webinarnew-speakers div:first-child img {
    width: 55px;
    border-radius: 55px;
}
img {
    max-width: 100%;
    max-height: 100%;
}
.webinarnew_upcomingwebinars .prdBox div.webinarnew-speakers div:last-child p:first-child strong {
    font-weight: 500;
}
.prdBox h3.webinarnew-highlights {
    margin: 0;
    font-size: 13px;
}
.webinarnew_upcomingwebinars .prdBox div.webinarnew-speakers div:last-child p {
    font-size: 11px;
    line-height: 14px;
}
.webinarnew_upcomingwebinars .prdBox div.webinarnew-speakers {
    width: 100%;
    display: inline-block;
    margin: 20px 0;
}
.webinarnew_upcomingwebinars .prdBox p.webinar-desc {
    line-height: 1.5em;
}
.prd-learnmore a {
    padding: 15px 0px;
    display: inline-block;
    width: 100%;
}
.prd-learnmore {
    padding: 0px 0px;
    display: inline-block;
}
.prd-learnmore, .ftoolBox .prd-learnmore {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 5px 0;
    transition: all 0.2s ease-in 0s;
}
.webinarnew_upcomingwebinars .prdBox h2 {
   height:60px;
    margin-bottom: 0;
    overflow: hidden;
    font-size: 12px;
    font-weight: 500;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
text-align: center;
}
.webinarnew_upcomingwebinars .prdBox h2 {
    position: relative;
}
.webinarnew_upcomingwebinars {
    display: inline-block;
    width: 100%;
}
#scroll{position: static;}
#scroll1{min-height: 550px;}
section.com-banner{display:none;} 
.prdNav a:hover{cursor:pointer;}  
	.prdBox div.webinarnew-socialshare ul li a span{background: url("https://www.manageengine.com/latam/images/webinar-new-shareicons.svg") no-repeat center center; background-size: cover;display: block;width: 40px;height: 40px;}
	.prdBox div.webinarnew-socialshare ul li a span.webinarnew_fbshare{background-position: 0px -15px;}
	.prdBox div.webinarnew-socialshare ul li a span.webinarnew_twshare{background-position: 0 -78px;}
	.prdBox div.webinarnew-socialshare ul li a span.webinarnew_gpshare{background-position: 0 -143px;}
	.webinarnew-socialshare ul{display: table; padding: 0px 0 10px 0px;}
	.prd-learnmore{padding: 0px 0px; display:inline-block;}
	.prd-learnmore a{padding:15px 0px; display:inline-block; width:100%;}
	.prdContent h2{text-align:left;}
	.webinarnew_upcomingwebinars .prdBox p.webinar-desc{line-height: 1.5em;}
	.webinarnew_pastwebinars .prdBox h2{position:relative;}
	.webinarnew_pastwebinars .prdBox h2 span{background:rgba(255, 255, 255, 0.9); padding:0 10px 0 15px; position:absolute; z-index:999; bottom:0; right:0;}
	.webinarnew_upcomingwebinars .prdBox h2{position:relative;}
	.webinarnew_upcomingwebinars .prdBox h2 span{background:rgba(255, 255, 255, 0.9); padding:0 10px 0 15px; position:absolute; z-index:999; bottom:0; right:0;}
	
	
	
	


.webinarnew_onlineworkshop{display:none;}
.webinarnew_onlineworkshop .prdBox{height:400px; cursor:default;}
.prdContent{height:auto}    
.webinarnew_onlineworkshop .prdBox h2{height:60px;margin-bottom:0;overflow:hidden; font-size:14px; font-weight:500;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.webinarnew_onlineworkshop .prdBox .webinarnew-dateselection{font-size:12px;list-style:outside none none;position:absolute;background:#fff none repeat scroll 0 0;padding:0;border-left:1px solid #ccc;border-right:1px solid #ccc;display:none}    
.webinarnew_onlineworkshop ul.webinarnew-dateselection li.date_active{display:none}
.webinarnew_onlineworkshop ul.webinarnew-dateselection li:hover{cursor:pointer;background:#fff;border-left:3px solid #D1191C}
.webinarnew_onlineworkshop ul.webinarnew-dateselection li:not([style*="display:none"]){border-top:1px solid #ccc}
.webinarnew_onlineworkshop ul.webinarnew-dateselection li{border-bottom:1px solid #ccc;padding:5px 30px 5px 7px;border-left:3px solid #fff;}    
.webinarnew_onlineworkshop .prdBox span.webinarnew-dateandtime{display:inline-block;border:1px solid #ccc;border-radius:20px;padding:2px 30px 0 10px;margin:10px 0 0;font-size:12px;position:relative}
.webinarnew_onlineworkshop .prdBox span.webinarnew-dateandtime::after{position:absolute;right:10px;top:10px;display:inline-block;border-left:6px solid transparent;border-right:5px solid transparent;content:''}    
.webinarnew_onlineworkshop .prdBox p.webinarnew-duration{margin-top:10px;font-size:12px}    

.prdBox h3.webinarnew-highlights{margin:0;font-size:13px}
.webinarnew_onlineworkshop .prdBox div.webinarnew-socialshare{width:100%;height:auto;display:block}

.prdBox div.webinarnew-socialshare ul li{float:left;margin:0 5px}    
.webinarnew_onlineworkshop .prdBox p.webinar-desc{height:95px;overflow:hidden;font-size:12px}

.solutionFilter1{display: none;}	
	
/*-------------------  Form   --------------------*/
			#Register{
            display: none;
            width: 100%;
            top: 100px;
            right: 0;
            bottom: 0;
            position: fixed;
            background: rgba(0, 0, 0, 0.8);
            box-shadow: none;
			z-index: 1000000;
		}
	.popup-close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 3;
		    text-align: right;
    display: block;
	width: 30px;
}
        .reg-cont {
    width: 30%;
    background: #ededed;
    margin: 40px auto;
    height: 540px;
    overflow: scroll;
    color: #000;
	padding: 35px 50px 50px;
        }
	#IframeUrl div.form-field {
    margin-bottom: 20px;
		    position: relative;
}
	.zc-Message-group div.form-field {
		margin: 0px;
	}
		.reg-cont h4 {
            padding: 0px 0 10px;
            color: #000;
			margin: 0;
            text-align: center;
			font-size: 1.4em;
        }
		.privacy-policy a {
			text-decoration: underline;
		}
		.privacy-policy a:hover {
			text-decoration: none;
		}
	form input, form textarea {
    font-family: 'zoho_puvi_regular', 'Open Sans', 'Lato', sans-serif;
    background: #f7f8fb;
    font-size: 1em;
    font-weight: 300;
    color: #555;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 20px;
    width: 300px;
}
	form select {
    background: #F7F7F6 url(https://www.manageengine.com/events/images/dropdown-arrow.png) no-repeat 95% center;
    border: 1px solid #F7F7F6;
    padding: 20px;
    width: 100%;
    height: 60px;
    color: #555;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 3px;
}
        form input, form textarea{
            width: 88%;
            padding: 10px 4%;
            background: #F7F7F6;
        }
        form select{
            padding: 10px 4%;
            height: 40px;
        }
        form textarea {
            height: 55px;
        }
        form input[type="submit"], .submit-block input{
            background: #FE210A;
            border:1px solid #FE210A;
            color: #fff;
            width: 28%;
            padding: 15px 10px;
            border-radius: 0px;
        }
        form input[type="submit"]:hover, .submit-block input:hover {
            background: transparent;
            border:1px solid #FE210A;
            color: #000;
			cursor: pointer;
        }
        form input:focus, form select{
           outline:none; 
        }
        p.reg_form_errors {
            color: #ff0000;
		    position: absolute;
            left: 0;
			font-size: 13px;
			margin: 0;
			display: none;
        }
	.prd-learnmore-link {
    bottom: 0;
    padding: 0px 0px;
    width: 100%;
    transition: all 0.2s ease-in 0s;
    text-align: center;
	    margin-top: 10px;
	}
	.prd-learnmore-link a {
		    padding: 10px 0px;
    display: inline-block;
    width: 100%;
		text-decoration: none;
	    color: #000;
		text-align: left;
	}
	.prdBox .prd-learnmore-link:hover a{
		cursor: pointer;
		color: #0099CC !important;
	}
	.webinarnew_pastwebinars .prdBox p.webinar-desc {
		margin-bottom: 0;
	}
	.webinarnew_pastwebinars .prdBox {
		    height: 355px;
	}

@media screen and (max-width:1920px) {
    #scroll1{min-height: 650px;}
}    
@media screen and (max-width:1280px) {
.all_products_container ul li{margin-right:10px;width:100%}
.all_products_container ul li .all_prod_over h3{font-size:1em}
div.breadcrumb{margin-left:40px}
#scroll1{margin:0 auto 40px 40px}
}
	@media screen and (max-width:1400px){
		.placeholder-layar1 .download-btn{
			display: none;
		}
	}
@media screen and (max-width:1260px) {
.all_products_container ul{width:30%}
.webinarnew_types .prdBox{width:25%}
#scroll1{margin:0 auto 40px 70px}
.prdBox{width:25%}
.case-study-wrapper{width:90%}
div.webinarnew-filtermenu{width:75%}
.solutionFilter1{float:left}
	.solutionFilter1:first-child{z-index: 999999}
div.breadcrumb{margin: 0 auto 0px 70px}        
}
@media screen and (max-width:1100px) {
span.webinarnew-dateandtime{font-size:10px}
.parent-element{transform:scale(0.5)}
h2.comTtl{font-size:2em}
	#Register {
		top: 90px;
	}
}
@media screen and (max-width:1023px) {
.search-and-dropselect{margin:0 0 0 10px}
#solutions-type-filter ul li{height:55px}
#solutions-type-filter ul li h3{display:none}
#header-mainsec{top:0}
#solutions-type-filter ul{top:61px;height:100%!important}
#scroll1{margin:0 auto 40px 60px}
.webinarnew_types .prdBox{width:40%}
div.webinarnew-filtermenu{width:100%}
.solutionFilter1:last-child{float:left}
	#Register {
		top: 63px;
	}
}
@media screen and (max-width:920px) {
.CaptchaWrap {
    width: 250px;
}
.apiform input[type="reset"], .apiform input[type="submit"]{width:50%;text-align:center}
div.form-group input.ReloadBtn{left:120px}
.cols-sd-4{width:20%}
.all_products_container ul{width:90%}
.all_products_container ul li{width:100%}
}
@media screen and (max-width:800px) {
.all_products_container ul{width:85%}
.webinarnew_types .prdBox{width:80%}
}
	@media screen and (max-width:760px) {
.cols-6 {
    width: 100%;
}
		div.form-group input.ReloadBtn{left: 150px; top: 28px;}
		#CaptchaImageCode{left: 0px}
}
@media screen and (max-width:750px) {
.all_products_container ul li{width:100%}
	.reg-cont {
		width: 80%;
	}
}
@media screen and (max-width:480px) {
.all_products_container ul{width:75%}
h2.me_service_pack_head{font-size:1.5em}
.all_products_container ul li h3{font-size:1em;line-height:20px}
	.reg-cont {
		padding: 35px 20px 20px;
	}
}
.webinarnew_upcomingwebinars .prdBox {
    height: 200px;
    cursor: default;
    margin-left: 25px;
}
.prdBox, .prdvideo {
    width: 27%;
    padding: 20px;
    margin: 20px 20px 20px 0;
    background: #fff;
    border: none;
    color: #444;
    max-width: none;
    -webkit-transition: all .3s ease-in-out;
    box-shadow: 0 10px 10px #d8d8d8;
}
.prdBox, .prdvideo {
    padding: 20px;
    float: left;
    margin: 5px;
    height: 194px;
    border: 3px solid #f2f2f2;
    transition: all 300ms ease 0s;
    color: #5a6870;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}