.formtitle h2 {
	font-size:38px;
}
.formtitle p {
   font-size:17px
}
.hide-element {
	display: none;
}
#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 ;
}
@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
	}
}