.formgroup{margin-bottom:20px; display:block; font-weight:400; font-size:14px;}
.buttonIn {position: relative;}
.buttonIn input {margin: 0px;padding: 0px;width: 100%;outline: none; margin:0!important; padding:6px 0!important;}
.buttonIn button {position: absolute;top: 0;right: 0px;z-index: 2;border: none;top: 0;height: 30px;cursor: pointer;color: #fff;background-color: #000; width:150px;}
.text-center{ text-align:center!important;}

input[type="email"], input[type="number"], input[type="password"], input[type="text"],textarea,select {width:100%;display: inline-block;vertical-align: middle; outline:0; border:0; border-bottom: 1px solid #666;outline: 0;color: #191919;font-family: "Roboto"; margin:10px 0; padding:5px 0; width:100%;font-size:20px;box-sizing:border-box; }
select{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-appearance: none;-moz-appearance: none; }
button,input[type="submit"], input[type="button"]{background-color: #ffc80a;color: #000; padding: 7px 20px;font-size: 14px;border: none;text-transform: uppercase;outline: 0;-webkit-box-shadow: none;font-family:'Roboto'; font-weight:500;}
#form { width:calc(100% - 60px); margin:0 auto;}
sup{ color:#FF0000;}
select{background-color:transparent; background-color:#FFFFFF;}

.fieldset {background: #fff;border: 1px solid #ccc;border-radius: 10px; margin-bottom:20px;}
.legend{background-color: #fff; color: #000; padding: 5px 5px; font-size:12px;}
[id*="namebox_"]{ display:block;}

.flabel{background-color: #f1f1f1;color:#696969; padding:0 7px; font-size:10px; float:right; cursor:pointer; outline:0;}
  
#inputform .field{ position:relative; margin-bottom:40px; padding:0; margin:25px 0; font-family:'Roboto'}
#inputform input[type=number],#inputform input[type=text],#inputform input[type=password],#inputform input[type=email]{border:none;padding: 5px 0 3px 0!important;border-bottom: 1px solid #1BA6AF; outline: 0;/*transition: border 0.3s ease-in-out;*/font-size:13px;  font-family:'Roboto'; margin:0 !important; width:100% !important;}


#inputform label{color: #666;  position: absolute; left:0; bottom:5px;  pointer-events: none;transition: all 0.3s ease-in-out; font-size: 13px; font-weight:400;}
#inputform label.select{color: #666;  position: absolute; left:0; bottom:25px;  pointer-events: none;transition: all 0.3s ease-in-out; font-size: 13px; font-weight:400;}
#inputform input:focus ~ label, #inputform input:valid ~ label{	font-size: 11px;top:-20px;}


#inputform input ~ span,#inputform textarea ~ span {display: block; width:0; height: 3px; background: #1BA6AF; position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.125s ease;transition: all 0.125s ease;}
#inputform textarea:focus { outline: 0; }		
#inputform input:focus ~ span,#inputform textarea:focus ~ span { width: 100%; -webkit-transition: all 0.075s ease; transition: all 0.075s ease;	}
.bar { position:relative; display:block; width:250px; }
.bar:before, .bar:after {content:''; height:1px; width:0px;bottom:1px; position:absolute;background:#1BA6AF;transition:0.2s ease all; -moz-transition:0.2s ease all;   -webkit-transition:0.2s ease all;}
input:focus ~ .bar:before, input:focus ~ .bar:after {  max-width:250px;}
.field input:read-only ~ label{	font-size: 11px !important;margin-top:-40px !important;}
.field input:read-only ~ span { width: 100% !important; -webkit-transition: all 0.075s ease !important; transition: all 0.075s ease !important;	}
.field input:-moz-read-only  ~ label{	font-size: 11px !important;margin-top:-40px !important;}
.field input:-moz-read-only  ~ span { width: 100% !important; -webkit-transition: all 0.075s ease !important; transition: all 0.075s ease !important; height: 1px !important;;	}


.bar { position:relative; display:block; width:250px; }
.bar:before, .bar:after {content:''; height:1px; width:0px;bottom:1px; position:absolute;background:#1BA6AF;transition:0.2s ease all; -moz-transition:0.2s ease all;   -webkit-transition:0.2s ease all;}
input:focus ~ .bar:before, input:focus ~ .bar:after {  max-width:100px;}

/*select*/
.select{	width:250px;box-shadow: none;background: transparent;background-image: none;-moz-appearance: none;-webkit-appearance: none;border:none;border-bottom: 1px solid #1BA6AF;	height: 32px;line-height:32px;background:url("../images/icons/arrow.png") no-repeat right center; background-size:10px;}
.select:focus {    outline: none;}