ul.form input[type=text],
ul.form input[type=email],
ul.form input[type=password],
ul.form input[type=number],
ul.form select,
ul.form textarea{
	background-color: white;
	color: #1A79CE;
	font-weight: 600;
	border: 0px;
	font-family: Jost;
	font-size: 14px;
	padding: 10px 20px;
	box-sizing: border-box;
	width: 100%;
	border-radius: 20px;
}

ul.form select{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url(/panto/_images/pantos/select_arrow.png);
	background-repeat: no-repeat;
	background-position: right 20px center;
	cursor: pointer;
}

ul.form textarea{
	resize: none;
	height: 150px;
}

ul.form input[type=button],
ul.form input[type=submit]{
	background-color: #1A79CE;
	border: 0px;
	color: #FAE93D;
	padding: 8px 30px;
	font-family: Jost;
	cursor: pointer;
	border-radius: 17px;
	font-size: 16px;
	font-weight: 600;
	border-bottom: 4px solid #2052CD;
}

ul.form input[type=button]:hover,
ul.form input[type=submit]:hover{
	background-color: #1a6cbe;
}

ul.form input[type=button][disabled],
ul.form input[type=submit][disabled]{
	cursor: default;
	background-color: #ccc;
	color: #eee;
}

ul.form input.small{
	text-align: center;
	width: 80px;
}

ul.form input.date{
	text-align: center;
	width: 120px;
}

ul.form input[type=text][disabled],
ul.form input[type=email][disabled],
ul.form input[type=password][disabled],
ul.form input[type=number][disabled],
ul.form select[disabled],
ul.form textarea[disabled]{
	background-color: #bbb;
	color: #eee;
}

input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=number]::placeholder,
textarea::placeholder{
	color: #1A79CE;
	opacity: 0.4;
}

input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
textarea:-ms-input-placeholder{
	color: #AFD5F5;
}












ul.form{
	margin-top: 30px;
	background-color: #FAE93D;
	padding: 40px 35px;
	border-radius: 30px;
}

/* SPAM HONEYPOT */
ul.form li.reason{
	display: none;
}

ul.form label{
	color: #333;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	padding-left: 12px;
}

ul.form > li{
	margin-top: 22px;
}

ul.form > li:first-child{
	margin-top: 0px;
}

ul.form div.element{
	margin-top: 9px;
}

ul.form ul.checklist{
	margin-left: 15px;
}

ul.form ul.checklist li{
	margin-top: 3px;
}

ul.form ul.checklist label{
	color: #555;
	font-weight: normal;
	padding-left: 0px;
	text-transform: none;
	vertical-align: middle;
}

ul.form ul.checklist input{
	vertical-align: middle;
	margin-right: 3px;
}

ul.form div.element.checklist_no_label ul.checklist{
	margin-left: 7px;
}

ul.form div.element.checklist_no_label ul.checklist li{
	margin-top: 15px;
}

ul.form div.element.checklist_no_label ul.checklist label{
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
}

ul.form div.element.checklist_no_label ul.checklist input{
	margin-right: 5px;
}

ul.form ul.multi_text li:not(:first-child){
	margin-top: 3px;
}

ul.form div.element.name_fields input:nth-child(1){
	width: 15% !important;
}
ul.form div.element.name_fields input:nth-child(2),
ul.form div.element.name_fields input:nth-child(3){
	width: 40%;
}

ul.form li.buttons input:not(:first-child){
	margin-left: 5px;
}

ul.form > li.break{
	border-top: 1px solid #F2DB06;
}

ul.form div.description{
	line-height: 1.4em;
	font-size: 14px;
	margin-top: 6px;
	margin-left: 8px;
}

@media (max-width: 700px) {
	ul.form{
		padding: 25px 20px;
	}

	ul.form > li.buttons{
		text-align: center;
	}

	ul.form div.element.name_fields input{
		display: block;
	}
	ul.form div.element.name_fields input:not(:first-child){
		margin-top: 3px;
	}
	ul.form div.element.name_fields input:nth-child(1){
		width: 80px !important;
	}
	ul.form div.element.name_fields input:nth-child(2),
	ul.form div.element.name_fields input:nth-child(3){
		width: 100%;
	}
}