.popup-search-opened {
	overflow: hidden !important;
	height: 100%;
	width: 100%;
	.page-popup-search {
		visibility: visible;
		opacity: .95;
		.page-popup-search-inner {
			opacity: 1;
			visibility: visible;
			transform: translate(-50%, -50%) scale(1);
		}
		.search-field {
			transform: scale3d(1, 1, 1);
			transition: .5s ease-out .3s;
		}
		.form-description {
			opacity: 1;
			transform: translate3d(0, 0, 0);
		}
	}
}

.page-popup-search {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	text-align: center;
	transition: all ease-in-out .25s;
	z-index: 9999999;
	&-inner {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) scale(.8);
		display: inline-block;
		padding: 0 50px;
		width: 75%;
		text-align: center;
		font-size: 18px;
		opacity: 0;
		visibility: hidden;
		transition: all ease-in-out .3s;
	}

	.popup-search-close {
		position: absolute;
		top: 50px;
		right: 70px;
		color: #ffffff;
		font-size: 60px;
		cursor: pointer;
	}

	.form-description {
		font-size: 90%;
		font-weight: bold;
		display: block;
		padding: 0.85em 0;
		text-align: right;
		opacity: 0;
		transform: translate3d(0, 50px, 0);
		transition: opacity .4s, transform .4s;
	}

	.search-form {
		position: relative;
	}

	.search-field {
		padding: .05em 0;
		border: 0;
		border-radius: 0;
		border-bottom: 5px solid transparent;
		-webkit-appearance: none;
		background-color: transparent;
		font-size: 10vw;
		height: auto;
		transform: scale3d(0, 1, 1);
		transform-origin: 0 50%;
		transition: transform .3s;
		&::-webkit-input-placeholder {
			color: transparent;
			font-size: 10vw;
		}
		&:-moz-placeholder { /* Firefox 18- */
			color: transparent;
			font-size: 10vw;
		}
		&::-moz-placeholder { /* Firefox 19+ */
			color: transparent;
			font-size: 10vw;
		}
		&:-ms-input-placeholder {
			color: transparent;
			font-size: 10vw;
		}
	}

	.search-submit {
		display: none;
	}
}

@include media-breakpoint-down(sm) {
	.page-popup-search {
		&-inner {
			padding: 0 15px;
		}
		.popup-search-close {
			top: 0;
			right: 10px;
		}
	}
}