/* Input Font
--------------------------------------------------------------*/ 
input[type=text], input[type=password], input[name=email], textarea, .inTxt, select { font-family: "Jost", "Helvetica Neue", Arial, "Nimbus Sans L", FreeSans; }
/* Input Metrics (mobile first 16px fixed till reaching 16px scaling breakpoint)
--------------------------------------------------------------*/   
select { padding-top: 0px!important; padding-bottom: 0px!important; background-position: calc(100% - 1.8rem) center!important; background-position: 97% center; line-height: 1.5em; height: 1.5em; background-size: 2.1rem 1.4rem; }
@-moz-document url-prefix() { select { margin-top: 1px; background-size: 2.1rem 1.4rem; } }
input[type=text], select, input[type=password], input[name=email], textarea, .inTxt { font-size: 16px; line-height: 1.5em; height: 2.62em; padding: 0.23em 1em 0.23em 1em; letter-spacing: 0.01em; }
select { padding-left: calc(1em - 3px)!important;  padding-right: 1.2em; }
.Explorer select { padding-left: calc(0.5em - 1px)!important; }
input[type=text], input[type=password], input[name=email], textarea, .inTxt, select { border-width: 2px; border-style: solid; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
input[type=text], input[type=password], input[type=email], textarea, .inTxt { font-size: 20px; padding: 0.45em 0.8em 0.45em 0.8em; height: 3.1em; }
select { font-size: 16px; background-size: 1.5rem 1rem; padding-right: 3.1rem; background-position: calc(100% - 0.9rem) center!important; height: 2.25em; padding-left: 0.55em!important; }
.MSIE9 select  { background-image: none; padding-right: 0px!important; }
.textarea textarea { min-height: 7em; }
/*checkbox*/
.chk { margin-right: 1rem; }
.rad { margin-right: 1rem; }
.rad span { background: #000; top: 1.3rem; left: 1.3rem; width: 3.2rem; height: 3.2rem; }
.chk { line-height: 1.3rem; height: 2.1rem; width: 2.1rem; font-size: 2rem; }
.chk span { width: 2.1rem; height: 2.1rem; }
/* Input Colors (seperated for simplicity )
--------------------------------------------------------------*/   
select { box-shadow: 0 0 1px rgba(0, 0, 0, 0); border: 1px solid #adadad; background-color: #fff; color: #000; }
input[type=text], input[type=password], input[name=email], textarea, .inTxt { border-color: #000; color: #000; background: none #fafafa; }
input:-webkit-autofill {   -webkit-box-shadow: 0 0 0px  6em #FFF inset!important; }
form[novalidate=novalidate] .error { border-color: #cc0000!important; }
input[type=text]:focus, input[type=password]:focus, input[name=email]:focus, textarea:focus, select.textAreaFocused, .textAreaFocused { border-color: #3293ff;  box-shadow:0 0 10px #3293ff66; }/*global input focus*/
input.error:focus, textarea.error:focus { box-shadow:0 0 10px #cc000066; }
input:invalid { box-shadow: none;  }
small.error { text-align: left; font-size: 12.5px; line-height: 1.2em; padding-top: 0.2em;  color: #cc0000; display: block; }
/*checkbox*/
.chk { background: #fff; border: solid 1px #dfdfdf; }
.rad { background: #fff; border: solid 1px #dfdfdf; }
.rad span { background: #000;  }
/*Input Text Placeholder colors*/
::-webkit-input-placeholder{ color:rgba(0,0,0,0.54); font-style:normal; }
:-moz-placeholder{ color:rgba(0,0,0,0.54); font-style:normal; opacity:1; -moz-opacity:1;}
::-moz-placeholder{ color:rgba(0,0,0,0.54); font-style:normal; opacity:1; }
:-ms-input-placeholder{ color:rgba(0,0,0,0.54);!important; font-style:normal; }
:focus::-webkit-input-placeholder{ color:rgba(0,0,0,0.28); font-style:normal; }
:focus:-moz-placeholder{ color:rgba(0,0,0,0.28); font-style:normal; opacity:1; -moz-opacity:1; }
:focus::-moz-placeholder{ color:rgba(0,0,0,0.28); font-style:normal; opacity:1; }
:focus:-ms-input-placeholder{ color:rgba(0,0,0,0.28)!important; font-style:normal; }

/* Form Wrapper
--------------------------------------------------------------*/
.formWrp { width: 100%; } 
.formWrp p { display: block; width: 100%; float: left; padding-bottom: 1rem; }
.formWrp p label { display: block; font-size: 20px; line-height: 30em; } 
.formWrp p input, .formWrp p select { width: 100%; }
.formWrp p.btnWrp { padding-bottom: 0; margin-top: 0.2rem; }
.formWrp p.HfRlg { padding-left:1rem; display: block; width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.formWrp p.HfLlg {  padding-right: 1rem;  clear:left; display: block; width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;  }
.formWrp p.HfFlg {  padding-right: 1rem;  display: block;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;  }
.formWrp p {  padding-bottom: 10px; }
.formWrp p label { font-size: 20px; line-height: 30px; } 
.formWrp p.btnWrp {  margin-top: 0.2rem; }