form.mainform {
	width:100%; max-width: 420px; margin: 0 auto;
}
form.mainform.fwf {
	width:100%; max-width: 580px !important; margin: 0 auto;
}

/*form contact */
form.mainform > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}
form.mainform > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form.mainform > div > label,
legend {
	width: 35%;
  float: left;
  padding-right: 10px;
}

legend#list_memberships_label_1 {float:none;width: 100%;}

form.mainform > div > div,
form.mainform > div > fieldset > div {
  width: 65%;
  float: right;
}
form.mainform > div > fieldset label {
  /* font-size: 90%; */
}
fieldset {
	border: 0;
  padding: 0;
}

form.mainform input[type=text],
form.mainform input[type=email],
form.mainform input[type=url],
form.mainform input[type=password],
form.mainform textarea, form.mainform select {
  width: 100%;
  border: 1px solid #999;
	background: #FEFEFE;
  padding:12px 10px;
  color:#000;
  resize:none;
	font-size: 13px; 
	font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  Xfont-size:inherit;
	text-align: left;
	border-radius: 6px;
}
form.mainform select {height:34px; padding-left:10px !important; margin-bottom: 3px;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color:#000;
}
::-moz-placeholder { /* Firefox 19+ */
 color:#000;
}
:-ms-input-placeholder { /* IE 10+ */
 color:#000;
}
:-moz-placeholder { /* Firefox 18- */
  color:#000;
}


form.mainform input[type=submit] {color:#FFF; background: rgb(19,44,81);
background: radial-gradient(circle, rgba(19,44,81,0.6) 0%, rgba(19,44,81,1) 34%); text-transform: uppercase;  padding: 12px 54px; text-align: center; display: block; margin-bottom: 20px;
border-radius: 6px;  border: 0px solid #D9A87C; 	font-weight: 600;
	font-size: 12px; width: 100%;
	cursor: pointer;font-family: 'Montserrat', sans-serif;
}

XXform.mainform input[type=submit] { display:inline-block; background:#454545; color:#FFF; font-size:13px; padding:0px 6px 0 0 ; position:relative; font-weight:400; border:none; cursor:pointer;width:136px; height:24px; ;}


.tar {text-align:right;}
.tal {text-align:left;}


form.mainform label.error {background:#CC0000;padding:3px; color:#FFF; font-size:11px; width:100%;}

form.mainform input[type=text]:focus,
form.mainform input[type=email]:focus,
form.mainform input[type=url]:focus,
form.mainform input[type=password]:focus,
form.mainform textarea:focus {
  outline: 0;
/*  border-color: #4697e4;*/
}

form.mainform select {
	  padding:3px;
	width:100%;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background:url(../images/seldd.png) no-repeat right center #FFF;

}

form.mainform select::-ms-expand {
    Xdisplay: none;
}
form.mainform .calicon {background:url(../images/calicon.png) no-repeat right center #FFF; cursor:pointer;}

@media (max-width: 600px) {
	div.helpopts {text-align:center;  width:100% !important; margin:10px auto 20px auto !important; display: block; }
  form.mainform  > div {
    margin: 0 0 15px 0; 
  }
  form.mainform  > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  form.mainform  > div > div,
  form.mainform  > div > fieldset > div {
    width: 100%;
    float: none;
  }
  form.mainform input[type=text],
  form.mainform input[type=email],
  form.mainform input[type=url],
  form.mainform input[type=password],
  form.mainform textarea,
  form.mainform select {
    width: 100%; 
  }
}

div.helpopts {text-align:center;  width:70%; margin:10px auto 20px auto !important; display: block; }
.ht1 {font-size:13px; font-weight: 500; display: block; margin: 4px auto 20px auto}
label.rad {font-size:12px; width:50% !important;text-align:left; display:inline-block; margin:3px 0 }