/* The Form */	
.the-form {
	margin: 40px auto;
	max-width: 600px;
	overflow: hidden;
}

/* Wrapper Field */
.wrapper-field {
	margin: 0 0 20px 0;
	overflow: hidden;
}

.wrapper-field label {
	color: #999;
	display: block;
	font-family: "HK Grotesk", Helvetica, Arial, Verdana, sans-serif !important;
	font-size: 14px;
	margin: 0 0 3px 0;
}

/* Single Field */
.the-form form .single-field {
	overflow: hidden;
	position: relative;
}

.the-form form > .single-field {
	margin: 0 0 20px 0;
}

.the-form form .single-field-select::before {
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	box-sizing: border-box;
	content: '';
	display: block;
	height: 10px;
	position: absolute;
	right: 15px;
	top: calc(50% - 5px);
	transform: rotate(45deg);
	width: 10px;
	z-index: 0;
}

.the-form input[type="text"], .the-form input[type="search"],
.the-form input[type="tel"], .the-form input[type="url"],
.the-form input[type="password"], .the-form input[type="email"],
.the-form input[type="number"] {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: transparent;
	border: 1px solid #999;
	border-radius: 4px;
	box-sizing: border-box;
	color: #999;
	font-family: "HK Grotesk", Helvetica, Arial, Verdana, sans-serif !important;
	font-size: 14px;
	height: 50px;
	outline: none;
	padding: 0 15px;
	width: 100%;
}

.the-form input[type="text"]::-webkit-input-placeholder, .the-form input[type="search"]::-webkit-input-placeholder,
.the-form input[type="tel"]::-webkit-input-placeholder, .the-form input[type="url"]::-webkit-input-placeholder,
.the-form input[type="password"]::-webkit-input-placeholder, .the-form input[type="email"]::-webkit-input-placeholder,
.the-form input[type="number"]::-webkit-input-placeholder {
	color: #999;
}

.the-form input[type="text"]:-moz-placeholder, .the-form input[type="search"]:-moz-placeholder,
.the-form input[type="tel"]:-moz-placeholder, .the-form input[type="url"]:-moz-placeholder,
.the-form input[type="password"]:-moz-placeholder, .the-form input[type="email"]:-moz-placeholder,
.the-form input[type="number"]:-moz-placeholder {
	color: #999;
	opacity: 1;
}

.the-form input[type="text"]::-moz-placeholder, .the-form input[type="search"]::-moz-placeholder,
.the-form input[type="tel"]::-moz-placeholder, .the-form input[type="url"]::-moz-placeholder,
.the-form input[type="password"]::-moz-placeholder, .the-form input[type="email"]::-moz-placeholder,
.the-form input[type="number"]::-moz-placeholder {
	color: #999;
	opacity: 1;
}

.the-form input[type="text"]:-ms-input-placeholder, .the-form input[type="search"]:-ms-input-placeholder,
.the-form input[type="tel"]:-ms-input-placeholder, .the-form input[type="url"]:-ms-input-placeholder,
.the-form input[type="password"]:-ms-input-placeholder, .the-form input[type="email"]:-ms-input-placeholder,
.the-form input[type="number"]:-ms-input-placeholder {
	color: #999;
}

.the-form select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: transparent;
	border: 1px solid #999;
	border-radius: 4px;
	box-sizing: border-box;
	color: #999;
	font-family: "HK Grotesk", Helvetica, Arial, Verdana, sans-serif !important;
	font-size: 14px;
	height: 50px;
	outline: none;
	padding: 0 15px;
	position: relative;
	width: 100%;
	z-index: 10;
}

.the-form textarea {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: transparent;
	border: 1px solid #999;
	border-radius: 4px;
	box-sizing: border-box;
	color: #999;
	font-family: "HK Grotesk", Helvetica, Arial, Verdana, sans-serif !important;
	font-size: 14px;
	height: 100px;
	outline: none;
	padding: 15px;
	resize: none;
	width: 100%;
}

.the-form textarea::-webkit-input-placeholder {
	color: #999;
}

.the-form textarea:-moz-placeholder {
	color: #999;
	opacity: 1;
}

.the-form textarea::-moz-placeholder {
	color: #999;
	opacity: 1;
}

.the-form textarea:-ms-input-placeholder {
	color: #999;
}

.the-form .checkboxes {
	margin: 0 0 20px 0;
	overflow: hidden;
}

.the-form .checkboxes .single-checkbox {
	overflow: hidden;
}

.the-form .checkboxes .single-checkbox:nth-child(1n+2) {
	margin: 20px 0 0 0;
}

.the-form .checkboxes .single-checkbox label {
	display: block;
}

.the-form .checkboxes .single-checkbox p {
	color: #999;
	font-family: "HK Grotesk", Helvetica, Arial, Verdana, sans-serif !important;
	font-size: 16px;
	margin: 0;
}

.the-form .checkboxes .single-checkbox p a {
	color: #999;
	display: inline-block;
	text-decoration: none;
}

/*.the-form .checkboxes .single-checkbox input {
	display: none;
}*/

.the-form .checkboxes .single-checkbox label {
	cursor: pointer;
	display: block;
	/*padding: 0 0 0 25px;*/
	position: relative;
}

/*.the-form .checkboxes .single-checkbox label::before {
	border: 2px solid #999;
	border-radius: 3px;
	content: '';
	display: block;
	height: 15px;
	left: 0;
	position: absolute;
	top: 0;
	width: 15px;
}*/

.the-form .checkboxes .single-checkbox input:checked + label::before {
	background: #999;
	border: 2px solid #999;
}

.the-form .buttons input {
	background: #000;
	border-radius: 100px;
	border: none;
	color: #fff;
	font-family: "HK Grotesk", Helvetica, Arial, Verdana, sans-serif !important;
	font-size: 14px;
	outline: none;
	padding: 12px 80px;
}

.hidden-fields {
	display: none;
}

/* CF7 */
.wpcf7 form .wpcf7-response-output {
	border: none;
	margin: 10px 0 0 0;
	padding: 5px 10px;
}

.wpcf7 form.sent .wpcf7-response-output {
	background: #16a085;
	color: #fff;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	background: #e74c3c;
	color: #fff;
}

.wpcf7 form.spam .wpcf7-response-output {
	background: #f39c12;
	color: #fff;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	background: #f1c40f;
	color: #000;
}

.wpcf7-not-valid-tip {
	background: #e74c3c;
	color: #fff;
	font-size: 1.25rem;
	padding: 3px;
}

.wpcf7-spinner {
	display: none;
	margin: 10px auto 0 auto;
}

form.submitting .wpcf7-spinner {
	display: block;
}

form.wpcf7-form.submitting {
	position: relative;
}

form.wpcf7-form.submitting::before {
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100;
}

form.wpcf7-form.submitting .wpcf7-submit {
	display: none;
}