/* $Id$ */

header.signup-form-header{
	border-bottom:0;
	margin-bottom:5px;
	padding:0px 0px;
	background-color:var(--white);
	height:102px;
	box-sizing:border-box;
	top:0px;
	width:100%;
	box-shadow:0 3px 5px 0 var(--shadow-lite);
	position:fixed;
	z-index:9999;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
    font-family: 'Lato', Roboto;
	vertical-align:baseline;
}
#header-mainsec{
	width:100%;
	z-index:99999;
	letter-spacing:.5px;
}
header a{
	margin:0px !important;
	color:var(--black);
	text-decoration:none;
    font-family: 'Lato', Roboto;
}
.head-container, .container{
	max-width:1400px;
	width:100%;
	margin:0 auto;
	transition:all 0.2s ease-in 0s;
}
.prdLogo a{
	display:block;
}
.prdLogo img{
	width:250px;
	height:52px;
}
.melogosvg img{
	width:162px;
	height:42px;
	margin-top:10px;
}
.sdplogosvg img{
	width:222px;
	height:24px;
	margin-top:0px;
    object-position: left center;
    object-fit: contain;
}
nav.signup-dc{
	margin-top:32px;
}
.signup-head-parent{
	width:73%;
	padding:0 0;
}
.nav-dwn a{
	background:var(--blood-red);
	color:var(--white);
	font-size:22px;
	line-height:30px;
	padding:4px 10px;
	display:inline-block;
	width:148px;
	border-radius:5px;
	text-decoration:none;
	text-align:center;
}
ul, ol{
	list-style-type:none;
}
.ft-logo, .drop-icon, .nav-dwn-icon, .nav-qte-icon, .fb, .tw, .gp, .yt, .in, .lnarw, .menu-btn, .prd-nav .dwn-icon, .prd-nav .demo-icon, .prd-nav .free-icon, .prd-nav .comp-icon, .prd-nav .quote-icon, .prd-nav .buy-icon, .prd-nav .feature-icon, .prd-nav .call-icon, .prd-nav .caseStudy-icon, .prd-nav .faq-icon, .prd-nav .feedback-icon, .prd-nav .document-icon, .prd-nav .video-icon, .prd-nav .eval-icon, .dwn-main-icon, .dwn-win-icon, .dwn-lin-icon, .dwn-btm-icon, .quick-icon, .win-btn, .lin-btn, #close, .s-icon, .ssFB, .ssTW, .ssIN, .ssGP, .ssYT, .icon{
	background:url(../../images/signupicons/me-sprite-new.b08bf3e3f761f8c7bdfea216115df160.png) no-repeat 0 0;
}
nav ul.productmenu{
	margin-right:20px;
	margin-bottom:26px;
}
nav ul.header-nav{
	margin:0;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
ul.mobile-view-right{
	float:right;
}
.nav-qte a{
	background:var(--stone-green);
	position:relative;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
nav ul.header-nav > li:last-child{
	padding-right:0;
}
nav ul.productmenu{
	margin-right:5px;
	margin-bottom:26px;
}
nav ul.header-nav > li:first-child{
	padding:0 20px 20px 50px;
}
nav ul.header-nav > li{
	float:left;
	padding:0 20px 20px 20px;
	margin:20px 0 0 0;
	font-size:1.1em;
	position:static;
}
nav ul.productmenu > li:last-child{
	padding:0 10px;
}
nav ul.productmenu.header-nav > li:last-child{
	margin:10px 0 0;
}
nav ul.productmenu > li{
	font-size:1em;
	padding:0 10px;
}
nav ul.productmenu > li:first-child{
	padding:0 10px;
}
nav ul.productmenu.header-nav > li{
	margin:10px 0 0;
	font-size:15px;
	max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nav-qte-icon{
	width:13px;
	height:22px;
	background-position:-128px 0px;
	line-height:22px;
	display:inline-block;
	position:relative;
	top:0px;
    left:5px;
}
a.signinbtn,a.signoutbtn{
	border:1px solid var(--sky-blue) !important;
	color:var(--black) !important;
	border-radius:5px;
	padding:5% 11% !important;
}
a.signupbtn{
	background:var(--maroon);
	color:var(--white) !important;
	padding:5% 11% !important;
	border:1px solid var(--ash-gray-20);
	border-radius:5px;
}
a.signupcta{
	background:var(--maroon);
	color:var(--white) !important;
	text-decoration:none;
	padding:10px 20% !important;
	text-align:center;
	border-radius:5px;
}
#header-mainsec .headerinner{
	background:var(--white);
	width:100%;
	top:0;
	position:relative;
	z-index:99999;
}
#header-mainsec .headerinner .head-container.container{
	width:96%;
}
@media screen and (max-width: 2600px){
}
@media screen and (max-width: 1024px){
	
.signup-data-content div#odoptabscont{
	margin-top:150px;
}
.container{
	width:96%;
	padding-left:2%;
	padding-right:2%;
}
header.signup-form-header{
	height:102px !important;
}
a.melogosvg{
	margin-top:10px !important;
}
.melogosvg img{
	width:180px!important;
	height:auto;
	margin:7px 0 0 0;
}
.sdplogosvg img{
	margin-top:-3px;
}
.prdLogo{
	float:none;
	margin-top:2px;
	width:23%;
	padding:0 1%;
	display:inline-block;
	vertical-align:top;
}
.menu-open{
	top:45px;
	margin-right:0px;
	width:35px;
	position:relative;
	height:35px;
}
.bar1, .bar2, .bar3{
	width:27px;
	height:2px;
	background-color:var(--bright-grey);
	margin:6px 0;
	transition:0.2s;
	cursor:var(--sdp-cursor-pointer);
	border-radius:3px;
}
.mcloseemty{
	background:url(../images/signupicons/empty.png) no-repeat;
	width:35px;
	height:35px;
	position:relative;
	margin-top:-30px;
	z-index:999999;
}
ul.mobmenu-slide{
	width:50%;
	display:block;
	position:absolute;
	z-index:999;
	right:-400px !important;
	text-align:left;
	color:var(--white);
	transition:all .2s;
	top:0px;
	padding-top:103px;
}
.menu-open{
	top:45px;
	margin-right:0px;
	width:35px;
	position:relative;
	height:35px;
}
.ovrly{
	opacity:0;
	visibility:hidden;
	transition:all .1s;
	top:10px;
	width:100%;
	height:100%;
	left:0;
	right:0;
}
.change .bar1{
	-webkit-transform:rotate(-45deg) translate(-8px, 8px);
	transform:rotate(-45deg) translate(-8px, 8px);
	z-index:999999;
	background:var(--white);
	position:relative;
}
.change .bar2{
	opacity:0;
}
.change .bar3{
	-webkit-transform:rotate(45deg) translate(-3px, -4px);
	transform:rotate(45deg) translate(-3px, -4px);
	z-index:999999;
	background:var(--white);
	position:relative;
}
.ovrly, .ovrly.active{
	top:0px;
}
.ovrly.active{
	opacity:1;
	visibility:visible;
	height:100%;
	position:fixed;
	background:var(--shadow-dark);
	top:0px;
	z-index:9999;
	width:100%;
	left:0;
	right:0;
	transition:all .1s;
}
li.contact{
	bottom:20px;
	right:0px;
	z-index:99999 !important;
	position:absolute;
	font-size:27px;
	border-top:2px solid var(--black);
	padding:5%;
	width:90%;
	text-align:center;
}
a.contactus{
	color:var(--white) !important;
	text-decoration:none;
}
ul.mobilemenu{
	width:100%;
	right:0;
	float:right;
	height:100%;
	background:var(--black);
	min-height:922px;
}
ul.mobilemenu li{
	width:100%;
	padding:20px 0px;
	font-size:20px;
	border-bottom:2px solid var(--black);
}
ul.mobilemenu li a{
	color:var(--white);
	text-decoration:none;
	padding:15px 64% 15px 25px;
	font-weight:600;
}
.signupctadiv{
	position:relative;
	top:30px;
}
ul.mobmenu-slide.active{
	right:0px!important;
	height:100%;
	position:fixed;
	background:var(--black);
	z-index:99999;
	top:0px;
	padding-top:103px;
	box-sizing:border-box;
}
.signup-ipad{
	display:block !important;
	width:100% !important;
}
ul.ipadmenu{
	margin-top:40px;
	margin-right:-40px;
	position:relative;
}
ul.ipadmenu li{
	float:left !important;
	margin-left:2%;
	width:16% !important;
	margin:0 auto;
	text-align:center;
	font-size:14px !important;
}
ul.ipadmenu li a{
	color:var(--black);
	padding:5% 0%;
	border:1px solid var(--transparent);
	border-radius:5px;
}
.signup-data-middle-child{
	border:0;
}
section.signup-data-middle{
	padding:10px 0px 0px 0px;
	width:96%;
}
section.signup-data-middle .signup-data-middle-child{
	min-height:400px !important;
}
.signup-ipad.signup-op-mv{
	width:600px !important;
	margin:0 auto;
}
.signup-data-middle-child  .signup-form.signupfrmcont{
	min-height:585px;
}
.za-email-container .floating-label, .zs-ml34 .floating-label{
	font-size:14px;
}
.footer-element{
	display:block;
}
.footerbtm .clearfix{
	margin-top:45px !important;
}
#signupform input.signup-passwordfield:focus ~ .mobile-password-note{
	display:block;
}
.portal-note{
	background:var(--bluish-white);
	border:0.8px solid var(--pale-blue);
	font-size:12px;
	color:var(--black);
	padding:5px 8px;
	border-radius:2px;
	margin-top:3px;
	line-height:18px;
	box-shadow:0px 2px 8px var(--shadow-lite);
	position:static;
	transform:none;
}
.portal-note:after{
	display:none;
}

}@media screen and (max-width: 900px){
.container{
	width:96%;
	padding-left:2%;
	padding-right:2%;
}
.signup-ipad{
	display:block !important;
}
.signup-data-content div#odoptabscont{
	margin-top:170px;
}
.signup-mv{
	display:none !important;
}
div#On-Premises.download-form.formcont{
	margin-bottom:166px;
}
.signup-data-middle div#successMsg{
	margin:165px 0px 125px 0px;
}
.menu-open{
	top:35px;
}
ul.mobilemenu li{
	padding:16px 0;
	font-size:20px;
}
ul.mobilemenu li a{
	color:var(--white);
	text-decoration:none;
	padding:15px 1% 15px 25px;
}

}@media screen and (max-width: 800px){
.signup-ipad{
	display:none !important;
}
.signup-mv,#odoptabscont{
	display:block !important;
}
.signup-ipad.signup-op-mv,.signup-ipad.signup-ipad-mv{
	display:block !important;
}
.signup-data-middle .signupcont{
	padding:7% 5%;
}

}@media only screen and (max-width: 650px){
.copyright a{
	font-size:14px !important;
}
.signup-ipad.signup-op-mv{
	width:100% !important;
}

}@media only screen and (max-width: 600px){
.tab-cloud-icon{
	background-size:274px;
	background-position:-30px -26px;
}
.opodtabs .opodactive .tab-down-icon{
	background-position:-1px -49px;
}
.opodtabs .tab-down-icon{
	left:24px;
	background-size:262px;
	background-position:-29px -49px;
}
.opodtabs .opoditem{
	font-size:14px;
}
.opodtabs .opodactive .tab-cloud-icon{
	background-position:0px -26px;
}

}/****  mobile ***/

@media screen and (max-width: 480px){
.signup-ipad{
	display:none !important;
}
.signup-data-content div#odoptabscont{
	margin-top:30px;
}
.signup-data-middle div#successMsg{
	margin:82px 0px 0px 0px;
}
.signup-form-container section.sec-pTB{
	padding:0;
	margin-top:90px;
}
.signup-ipad.signup-op-mv,.signup-ipad.signup-ipad-mv{
	display:block !important;
	width:100% !important;
}
.signup-data-middle-child .signup-form.signupfrmcont{
	width:100%;
}
.signup-form-container h2.strtfretril{
	font-size:18px !important;
}
.signupfrmcont .signupcontainer{
	width:90%;
	margin: 0 auto;
}
.signupotpcontainer .verifytitle{
	font-size:15px;
}
.verifyheader, .otpmobile,.resendotp, .change{
	font-size:13px;
}
#signupform .signupotpcontainer .za-otp-container .form-input{
	font-size:14px;
}
header.signup-form-header{
	height:68px !important;
}
.melogosvg img{
	width:120px !important;
	margin-top:-1px !important;
}
.sdplogosvg img{
	margin-top:-14px !important;
	width:150px !important;
}
.signup-dc{
	display:none !important;
}
.signup-mv,#odoptabscont{
	display:block !important;
}
.menu-open{
	top:20px !important;
	margin-right:10px !important;
	z-index:999999;
}
.bar1, .bar2, .bar3{
	width:30px;
	height:2px;
	background-color:var(--black);
	margin:6px 0;
	transition:0.4s;
	cursor:var(--sdp-cursor-pointer);
	border-radius:3px;
}
.mobmenu-slide{
	top:0px !important;
}
ul.mobmenu-slide{
	padding-top:60px;
}
li.contact{
	font-size:14px;
}
ul.mobilemenu li{
	width:100%;
	font-size:15px;
	padding:12px 0px;
}
ul.mobilemenu li a{
	color:var(--white);
	text-decoration:none;
	padding:15px 20px 15px 15px;
}
ul.mobmenu-slide.active{
	right:0px!important;
	height:100%;
	position:fixed;
	background:var(--black);
	z-index:99999;
	top:0px;
	padding-top:60px;
}
.change .bar1{
	-webkit-transform:rotate(-45deg) translate(-8px, 8px);
	transform:rotate(-45deg) translate(-8px, 8px);
	z-index:999999;
	background:var(--white);
	position:relative;
	width:27px;
}
.change .bar3{
	-webkit-transform:rotate(45deg) translate(-3px, -4px);
	transform:rotate(45deg) translate(-2px, -2px);
	z-index:999999;
	background:var(--white);
	position:relative;
	width:27px;
}
.bar1, .bar2, .bar3{
	width:30px;
	height:2px;
	background-color:var(--black);
	margin:6px 0;
	transition:0.4s;
	cursor:var(--sdp-cursor-pointer);
	border-radius:3px;
}
.odopcont{
	margin:-7px auto -6px auto;
}
.privacy-container div, .privacy-container a,
.zcountry-info,p.dc-info{
	font-size:13px;
}

}#meGDPRMessage .checkmarkgdpr{
	background:var(--white);
	height:10px;
	width:10px;
	border:1px solid var(--ash-gray-40);
	margin-right:5px;
	display:inline-block;
	cursor:var(--sdp-cursor-pointer);
	position:relative;
}
#meGDPRMessage .checkmarkgdpr.enableCheckgdpr:before{
	width:2px;
	height:5px;
	border:1px solid var(--black);
	border-width:0 2px 2px 0;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	display:block;
	content:'';
	position:absolute;
	top:1px;
	left:3px;
}
@media only screen and (max-width: 450px){
.opodtabs{
	width:80%;
}

}@media only screen and (max-width:435px){
span.email{
	margin-left:10px;
}
.footer_site{
	font-size:12px;
}

}@media only screen and (max-width:435px){
.opodtabs{
	width:295px;
}
.odopcont{
	width:94%;
}
.signup-phead{
	width:95%;
}
#web_welcomemsg{
	margin-top:0px !important;
	font-size:18px !important;
}
.show-pswd-icon{
	background-position:-70px -133px;
	width:8%;
}
.hide-pswd-icon{
	width:8%;
	background-position:-101px -133px;
}
.zs-txtfldnew-pl{
	font-size:12px;
}

}.field-msg .error.jqval-error{
	font-size:14px;
}
	.privacy-container .jqval-error:not(:empty){
	margin-left:-5px;
}
.form-label label,
.formfild select{
	font-size:12px;
}
.opodtabs .tab-down-icon{
	left:22px;
}
.field-msg .error.jqval-error{
	font-size:13px;
}
.zs-txtfldnew-pl{
	font-size:12px;
}
.copyright a{
	font-size:13px !important;
}

}@media only screen and (max-width: 325px){
.opodtabs{
	width:99%;
}
.copyright a{
	font-size:12px !important;
}
}
.sdpsignup-banner {
    padding: 57.3px 0;
    margin-top: 86px;
    background: url("../../images/signupicons/sdp-banner-bg.64e4fb3389873bf20793dfd3e11d29fc.png") no-repeat center top;
    color: var(--white);
}
.sdpsignup-banner h1.ftrmnhdr {
    font-size: 45px !important;
    letter-spacing: 0.5px;
    line-height: 50px;
    font-weight: 600;
}
.sdpsignup-banner  .ftrpg-inrhdr {
    color: var(--white);
    font-weight: 200;
    letter-spacing: 1px;
    font-size: 23px;
    padding-top: 15px;
}
@media screen and (max-width: 1024px)
{
	.sdpsignup-banner
	{
	    display: none !important;
	}
	.signup-dc{
		display: none
	}
}
.dwn-form-cont .tac select[data-stategdpr="MEStateListing"] {
    margin-bottom: 10px;
}