.wil-404 {
	height: calc(100vh - 90px);
	margin-bottom: -90px;
	padding-bottom: 90px;
	@extend .bg-scroll;

	.tb {
		height: 100%;
	}
}

.wil-404-content {
	padding:0 20px;

	h4 {
		font-size: 40px;
		margin-top: 0;
		margin-bottom: 20px;

		@media (max-width: 767px) {
			font-size: 30px;
		}
	}

	h2 {
		font-size: 80px;
		margin-top: 0;
		margin-bottom: 30px;
		text-align: center;
	}

	p {
		margin-bottom: 15px;
		text-align: center;
	}

	.search-form {
		max-width: 500px;
		margin: auto;
		display: flex;
		justify-content: space-between;

		label {
			flex-grow: 1;
			margin-bottom: 0;
			font-weight: normal;

			input {
				border-right-width: 0;
			}
		}
	}
}

.wil-404-bg {


	h2 {
		@extend %color-white;
	}
	p {
		@extend %color-white;
		@extend %font-title;
	}

	.search-form {
		label input {
			border-color: rgba(#fff, 0.5);
			@extend %color-white;

			&::-webkit-input-placeholder { /* Chrome/Opera/Safari */
				color: #fff;
			}
			&::-moz-placeholder { /* Firefox 19+ */
				color: #fff;
			}
			&:-ms-input-placeholder { /* IE 10+ */
				color: #fff;
			}
			&:-moz-placeholder { /* Firefox 18- */
				color: #fff;
			}
		}
	}
}

.wil-content-none {

	.tb {
		height: 75vh;

		.tb__cell {
			padding: 50px 0;
		}
	}
}

.search-no-results {

	.wo-blog {
		padding-bottom: 0;
	}

	.header-page {
		margin-bottom: 0;
	}

	.header-page__inner {
		display: none;
	}

	@media (min-width: 1400px) {

		.header-page__inner {
			display: block;
		}

		.wil-content-none {
			.tb {
				height: 60vh;
			}
		}
	}
}