input[type=text], input[type=email], input[type=tel], input[type=file], select, textarea, button[type=submit] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width:100%;
	border: 1px solid #BD2C10;
	padding: 8px;
	outline: none;
	background-color: #FFF;
	border-radius: 5px;
	font-size: 16px;
	color: #666;
	transition: all 0.2s;
}
textarea { resize: none; font-family: 'Ubuntu'; /*vertical*/ }
select { background-image: url(../images/chevron-down-grey.svg); background-repeat: no-repeat; background-position: 99% center; background-size: contain; }
button[type=submit] { background-color: #217C33; color: #FFF; border-color: #999; }

select.notvalid, input.notvalid, textarea.notvalid { border: 1px solid #FF6666; box-shadow: 0px 0px 5px #ff6666 inset; }

::placeholder { color: #BBB; opacity: 1; }
:-ms-input-placeholder { color: #BBB; opacity: 1; }
::-ms-input-placeholder { color: #BBB; opacity: 1; }

.with-icon { position: relative; }
.with-icon .iconl { position: absolute; top: 5px; left: 5px; }
.with-icon .iconr { position: absolute; top: 5px; right: 5px; }
.with-icon .iconr2 { position: absolute; top: 5px; right: 34px; }
.with-icon .iconl svg, .with-icon .iconr svg, .with-icon .iconr2 svg { width: 26px; height: 26px; color: #999; }
.with-icon input[type=text], .with-icon select { padding-left: 40px; }

.with-icon.select:after {
	content: ''; position: absolute; top: 0px; right: 0px; width: 36px; height: 36px;
	-webkit-mask: url(../images/chevron-down.svg) no-repeat;
	mask: url(../images/chevron-down.svg) no-repeat;
	background-color: #999;
}

.form-label { padding: 1rem 0px 0.5rem 0px !important; font-size: 13px; color: #666; }
.form-input { padding: 0px !important; }
