/* Form */
.fs-form {
	position: relative;
	width: 100%;
}


.fs-form-wrap input:focus,
.fs-form-wrap button:focus {
	outline: none;
}


.fs-fields, #list-fields, #list-fields-improve {
	position: relative;
	margin: 0 auto;
	padding: 0;
	top: 0;
	list-style: none;
}


.fs-fields > li, #list-fields > li, #list-fields-improve > li {
	position: relative;
	z-index: 1;
	margin: 10px 0 0 0;
	padding: 0;
	border: none;
}

.fs-fields > li:hover, #list-fields >li:hover, #list-fields-improve >li:hover {
	z-index: 999;
}




/* Labels & info */
.fs-fields > li label, #list-fields > li label, #list-fields-improve > li label {
	position: relative;
	color:#fff4b8;  
	font-size:1em;
}
#list-fields .fs-fields > li label, #list-fields > li label, #list-fields-improve > li label {
	position: relative;
	color:#999999;  
	font-size:1em;
}
.fs-fields > li label.fs-field-label, #list-fields > li label.fs-field-label {
	display: inline-block;
	padding: 0;
	pointer-events: none;
	margin: 0 0 8px 0;
}
#list-fields-improve > li label.fs-field-label {
	display: inline-block;
	padding: 0 0 0.5em 0;
	pointer-events: none;
	margin: 0.5em 0 0 0;
}

/* Inputs */
#list-fields input {
	font-family: 'Roboto', helvetica, sans-serif;
	font-weight: 400;
	display: block;
	margin: 0;
	padding: 0.75em;
	width: 100%;
	border: none;
	background-color: #2f2f2f;
	color: #e4e4e4;
	text-overflow: ellipsis;
	font-size: 1.1em;
	border-radius: 0;
}
#list-fields2 input {
	font-family: 'Roboto', helvetica, sans-serif;
	font-weight: 400;
	display: block;
	margin: 0;
	padding: 0.5em 0.65em; 
	width: 100%;
	border: none;
	background-color: #fde788;
	color: #3e3208;
	text-overflow: ellipsis;
	font-size: 1.1em;
	border-radius: 0;
}
#form-barrier #list-fields2 input, #form-barrier #list-fields input {font-size: 1.4em;}
#form-barrier .fs-fields > li label.fs-field-label, #form-barrier #list-fields > li label.fs-field-label {
	margin: 0 0 5px 0;
}
#form-barrier .fs-fields > li, #form-barrier #list-fields > li, #list-fields-improve > li {margin: 10px 0 0 0;}
.fs-fields input:invalid, #list-fields input:invalid, #list-fields-improve input:invalid {
	box-shadow: none; /* removes red shadow in FF*/
}

.fs-fields [required], #list-fields [required], #list-fields-improve [required] {
	background-position: top right;
	background-size: 18px;
	background-repeat: no-repeat;
}

.fs-fields input::-webkit-input-placeholder,
.fs-fields textarea::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.3);
}


.fs-fields input:-moz-placeholder,
.fs-fields textarea:-moz-placeholder {
	color: rgba(0, 0, 0, 0.3);
}

.fs-fields input::-moz-placeholder,
.fs-fields textarea::-moz-placeholder {
	color: rgba(0, 0, 0, 0.3);
}

.fs-fields input:-ms-input-placeholder,
.fs-fields textarea:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.3);
}

.fs-fields input:focus::-webkit-input-placeholder {
	color: transparent;
}

button.fs-submit {
	padding: 1em 1.5em;
	cursor:pointer;
}

.fs-submit  {
	display: block;
	background: #fdc300;
	color: #FFFFFF;
 	font-size:1.5vw;
	margin: 20px 0 0 0;
  	padding:15px 50px;
	width:100%;
	border:none;
	text-transform:uppercase;
	-webkit-transition-property: background, color, border;
  	-webkit-transition-duration: 0.4s;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-property: background, color, border;
  	-moz-transition-duration: 0.4s;
	-moz-transition-timing-function: ease-in-out;
	-o-transition-property: background, color, border;
  	-o-transition-duration: 0.4s;
	-o-transition-timing-function: ease-in-out;
	transition-property: background, color, border;
  	transition-duration: 0.4s;
	transition-timing-function: ease-in-out;
}


button.fs-submit:hover,
button.fs-submit:focus {
	background: #FFFFFF;
	color: #3B3D3C;
}