form.fullform .form-field { padding: 10px 0px; float:none; clear: both; font-family: 'Montserrat', sans-serif; }
form.fullform .form-field label { display: block; padding-bottom: 5px; position: relative; }
form.fullform .form-field label:hover { cursor: pointer;}
form.fullform .form-field .form-field-title { font-weight: 700; display: none; font-size: 15px; padding-bottom: 8px; color:#086162; }
form.fullform .form-field input[type="text"],
form.fullform .form-field input[type="tel"],
form.fullform .form-field input[type="email"],
form.fullform .form-field input[type="number"],
form.fullform .form-field input[type="date"],
form.fullform .form-field textarea {
	-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; /*box-shadow: none;*/ border:#fff 0px solid; margin: 0px!important; background-color: #fff; font-size: 16px; font-weight:300;
	border: 1px solid #929292; /*background-color:rgba(239,241,246,1);*/ /*color:rgba(15,23,47,1);*/color:#282827;  /*box-shadow: 0 2px 0 0 #086162*/; outline: 0;
	border-radius:0;  width:100%; line-height: 1.2em; padding: 4px 30px; width:100%; height:45px;
}
form.fullform .form-field input::focus[type="text"],
form.fullform .form-field input::focus[type="tel"],
form.fullform .form-field input::focus[type="email"],
form.fullform .form-field input::focus[type="number"],
form.fullform .form-field input::focus[type="date"],
form.fullform .form-field textarea::focus {
	border-color:#001D0C;
}
form.fullform .form-field textarea { height:135px;padding:12px 30px;}
form.fullform .form-field textarea::placeholder{color:#C0C0C0;}
form.fullform .form-field input::placeholder {
	color:#C0C0C0;
}
form.fullform input[type=number]::-webkit-inner-spin-button,
form.fullform input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
form.fullform .form-field a{color:#00CE56;}
form.fullform .form-field input[type="radio"] {
	-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; box-shadow: none; border:#fff 0px solid; margin: 0px!important; background-color: transparent; font-size: 15px;
	display: inline-block; vertical-align: top; border: 1px solid rgba(0,0,0,0.1); line-height: 1.2em; width:25px; height:25px; border-radius:50%; text-align: center; line-height: 22px;
	position: absolute; left:0px; top:0px;
}
form.fullform .form-field input[type="radio"]:checked { background-color: #0f172f;}
form.fullform .form-field input[type="radio"]:checked:after { content:'\f00c'; font-family: "Font Awesome 5 Pro"; font-weight: 900; color: #fff; font-size: 12px;}
form.fullform .form-field input[type="checkbox"] {
	-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; box-shadow: none; border:#fff 0px solid; margin: 0px!important; background-color: transparent; font-size: 15px;
	display: inline-block; vertical-align: top; border: 1px solid rgba(0,0,0,0.1); line-height: 1.2em; width:25px; height:25px; border-radius:0; text-align: center; line-height: 22px;
	position: absolute; left:0px; top:0px; outline:0;
}
form.fullform .form-field input[type="checkbox"]:checked { background-color: #0f172f;}
form.fullform .form-field input[type="checkbox"]:checked:after { content:'\f00c'; font-family: "Font Awesome 5 Pro"; font-weight: 900; color: #fff; font-size: 12px;}
form.fullform .form-field select {
	-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; box-shadow: none; border:#fff 0px solid; margin: 0px!important; background-color: transparent; font-size: 15px;
	display: inline-block; vertical-align: top; line-height: 1.2em; border-radius:0%; width:100%; height:45px; padding: 10px 30px 10px 10px; border-radius:3px; position: relative;
	border: 1px solid rgba(239,241,246,1); background-color:rgba(239,241,246,1); color:rgba(15,23,47,1);
	background: rgba(239,241,246,1) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgba(15,23,47,1)'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat calc(100% - 10px) 20px/10px;
}
form.fullform .form-field .form-field-option-title { display:block; vertical-align: top; padding-top: 3px; padding-left: 35px; padding-bottom: 5px; padding-right: 10px;  }
form.fullform .form-field .form-field-option-title small { display: block; font-size: 12px;}
form.fullform .form-field .form-field-option-title small.price { display: block; font-size: 14px; font-weight: 700; border-left:rgba(239,241,246,0.5) 1px solid; padding-top: 3px; margin-bottom: 10px;}
form.fullform .form-field .form-field-option-title small.description { display: block; font-size: 12px;}

form.fullform .form-field.grouping { text-align: right;}
form.fullform .form-field.grouping a { color: #fff; text-decoration: none;}
form.fullform .form-field.grouping a:hover { cursor: pointer;}
form.fullform .form-field.grouping a::after { font-family: "Font Awesome 5 Pro"; content:'\f107'; margin-left:15px;}
form.fullform .form-field.grouping a.show {}
form.fullform .form-field.grouping a.show::after { font-family: "Font Awesome 5 Pro"; content:'\f106'; margin-left:15px; }
form.fullform .form-fields.grouping { height:0px; overflow: hidden;}
form.fullform .form-fields.grouping.show { height: auto;}

form.fullform .form-field.input_hidden_field { margin:0px!important; padding: 0px!important;}

form.fullform .form-field.half { width: 50%; float: left; clear: none;}
form.fullform .form-field.half-first { width: 50%; float: left; clear: none; padding-right: 20px;}
form.fullform .form-field.half-last { width: 50%; float: right; clear: none; padding-left: 20px;}
form.fullform .form-field.selected { background-color: #fff;}
form.fullform .form-field.checkbox_field { padding-top: 40px; padding-bottom: 40px;}
form.fullform .form-field.split-list label { width: 50%; max-width:50%; float: left;}
form.fullform .form-field.split-list label:nth-child(even) { clear: both;}
form.fullform .form-field.large-number { width:200px; float: left; padding-right: 20px;}
form.fullform .form-field.large-number input { height:140px; font-size: 42px; font-weight: 700; text-align: center;}
form.fullform .form-field.large-number + .form-field, .form-field.large-number + .form-field + .form-field { width: calc(100% - 200px); float: right; padding-left: 20px; padding-right: 40px;}
form.fullform .form-field.large-number + .form-field + .form-field + .form-field { clear: both;}

form.fullform .form-field.-alert label { color: rgba(255,65,54,1);}
form.fullform .form-field.-alert input[type="text"],
form.fullform .form-field.-alert input[type="tel"],
form.fullform .form-field.-alert input[type="email"],
form.fullform .form-field.-alert input[type="number"],
form.fullform .form-field.-alert input[type="date"],
form.fullform .form-field.-alert textarea { border: 1px solid rgba(255,65,54,1); background-color:rgba(239,241,246,1);}
form.fullform .form-field.-alert input::placeholder { color:rgba(255,65,54,1);}

form.fullform .form-messages { height:0px; overflow: hidden; padding-left: 0px; padding-right: 0px; padding-bottom: 0px;}
form.fullform .form-messages.top { display: none!important;}
form.fullform .form-messages .form-message { display: none; padding: 20px; text-align: center; font-size: 15px; /*border-radius:3px;*/}
form.fullform .form-messages .form-message.form-message-processing { background-color: #e7f6fa;}
form.fullform .form-messages .form-message.form-message-success { background-color: #00CE56; color: #fff; }
form.fullform .form-messages .form-message.form-message-failed { background-color: red; color: #fff; }

form.fullform .form-messages.-processing { height:auto;}
form.fullform .form-messages.-processing .form-message.form-message-processing { display: block;}

form.fullform .form-messages.-success { height:auto;}
form.fullform .form-messages.-success .form-message.form-message-success { display: block;}

form.fullform .form-messages.-failed { height:auto;}
form.fullform .form-messages.-failed .form-message.form-message-failed { display: block;}


form.fullform .form-actions { padding:  0 0px 20px 0px;}
form.fullform .form-actions button {
	-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; box-shadow: none; border:#fff 0px solid; margin: 0px!important; background-color: transparent; font-size: 18px; cursor:pointer;
	background-color: #00CE56; color: #fff; padding: 14px 32px; line-height: 1.2em; font-weight: 600;text-transform: uppercase; text-align:left; outline:0; font-family: 'Montserrat', sans-serif;
}

@media all and (max-width: 896px) {
	.formulier > .page > .wrap > .columns > .column > .padding { padding-top: 60px; padding-bottom: 60px;}
	.form-steps .form-step .form-step-contain,
	.form-steps .form-step.start .form-step-contain { padding-left: 0px!important; padding-right: 0px!important; text-align: left!important;}
	.form-steps .form-step.start ul li { width: 100%; display:block; text-align: left;}
}
@media all and (max-width: 768px) {

	form.fullform .form-field.split-list label { width: 100%; max-width:100%; float: none;}
	form.fullform .form-field.large-number { width:100%; float: none; padding-right: 40px;}
	form.fullform .form-field.large-number input { height:45px; font-size: 1em; font-weight: 700; text-align: left;}
	form.fullform .form-field.large-number + .form-field, .form-field.large-number + .form-field + .form-field { width: calc(100%); float:none; padding-left: 40px; padding-right: 40px;}
	form.fullform .form-field.large-number + .form-field + .form-field + .form-field { clear: both;}
}
@media all and (max-width: 512px) {
	section.formulier > .guide { right:20px; bottom:15px;}

	form.fullform .form-field.half-first { width: 100%; max-width: 100%; float: none; clear: both;}
	form.fullform .form-field.half-last { width: 100%; max-width: 100%; float: none; clear: both;}
	form.fullform .form-field,
	form.fullform .form-messages,
	form.fullform .form-actions { width: 100%!important; max-width: 100%!important; padding-left: 20px!important; padding-right: 20px!important;}
}

.uploader { border:#fff 0px solid; border-radius:3px;}
.uploader .dz-error-message { display: none!important;}
.uploader .dz-success {}
.uploader .dz-success .dz-progress { opacity: 0!important;}

/*CHRIS ADDITIONS*/

.form-title h2 {
    font-size: 25px;
		line-height: 38px;
    margin: 15px 0 10px 0;
		color:#fff;
		font-family: 'Ubuntu Condensed', sans-serif;
}
/*
.form-field {
	position:relative;
}

.form-field label span {
  position: absolute;
  left: 0;
  top: 10px;
  color: #999;
  z-index: 10;
  transition: transform 150ms ease-out, font-size 150ms ease-out;
}

.focused label span {
  transform: translateY(-90%);
  font-size: .75em !important;
}

.focused label input {
  position: relative;
  padding: 12px 0px 5px 0;
  width: 100%;
  outline: 0;
  border: 0;
  box-shadow: 0 1px 0 0 #e5e5e5;
  transition: box-shadow 150ms ease-out;

  &:focus {
    box-shadow: 0 2px 0 0 blue;
  }
}

.focused label input.filled {
  box-shadow: 0 2px 0 0 #f3997b !important;
}
*/
