.formtitle h2 {
	font-size: 38px;
}

.formtitle p {
	font-size: 17px
}

#form form {
	max-width: 895px
}

#form .button {
	padding-top: 17px;
	padding-bottom: 13px
}

#form .button span {
	background: url(../../images/online-application/arr.png);
	width: 17px;
	height: 12px;
	display: inline-block;
	margin-left: 15px;
	vertical-align: -2px;
}

#form .bottom .text-right {
	margin-right: 10px
}

#form .bottom .text-left {
	margin-left: 10px
}

#form .form-action {
	padding-top: 10px;
}

#form .form-field input,
#form .form-field select {
	text-indent: 12px;
	appearance: none;
}

#form .form-field {
	padding: 10px;
}

#form .form-field input,
#form .form-field select,
#form .form-field ::placeholder {
	color: #000;
	font-size: 16px
}

#form .form-field input,
#form .form-field select,
#form .form-field ::placeholder {
	font-family: var(--font);
}

#form .radio {
	margin: 0 10px;
	border: 2px solid #3d2b57;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	padding-top: 3px
}

#form .radio.checked {
	background-color: var(--purple)
}

#form .radio.checked label {
	color: #fff
}

#form .radio input {
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0
}

#form .select::after {
	background-image: url("../../images/icons/icon-select-purple.png");
	background-color: transparent
}

#form .prevnext span {
	width: 145px;
	height: 45px;
	line-height: 45px;
}

#form .prevnext span:first-child {
	margin-right: 10px
}

#form .prevnext span:last-child {
	margin-left: 10px
}

#form.success {
	background: url("../../images/online-application/success-top.jpg") repeat-x top center;

}

.submit-button {
	height: 51px;
	line-height: 53px;
	outline: none;
	border: none;
	border-radius: 0;
	color: #fff;
	font-size: 17px;
	padding: 0 40px;
	margin-top: 20px;
	margin-left: -15px;
	text-transform: uppercase;

}
.error {
    color: #cc0000;
    font-weight: bold !important;
    font-style: italic;
}

@media screen and (min-width: 992px) {
	#form {
		min-height: 600px
	}
}

@media screen and (max-width: 767px) {}

@media screen and (max-width: 567px) {
	#form .form-row:not(.radios) {
		flex-direction: column;
	}

	#form .col-6 {
		width: 100%
	}
}


@media screen and (max-width: 767px) {
	#form .bottom {
		flex-direction: column
	}

	#form .bottom .col-6 {
		width: 100%;
		text-align: center;
		margin: 0
	}

	#form .bottom .button {
		width: 100%;
		max-width: 310px
	}

	#form .bottom .text-left .button {
		margin-top: 25px
	}
}

@media screen and (max-width: 567px) {
	.formtitle h2 {
		font-size: 32px;
	}

	.formtitle p {
		font-size: 1.125em;
	}

	.formtitle p br {
		display: none
	}

	#form {
		padding: 50px 0
	}

	#form .form-field {
		padding-left: 0;
		padding-right: 0
	}
}