.header-barraBusca {
	display: none;
	width: 100%;
}

.header-navegacao-form {
	position: absolute;
	z-index: 1;
	display: flex;

	/*fallback*/
	display: block;

	align-items: center;
	left: -100%;
	top: 0;
	width: 100%;
	transition: transform .5s;
	border-top: 2px solid #444;
	border-bottom: 2px solid #444;

}

.navegacao-form-input {
	flex-basis: 80%;

	/*fallback*/
	width: 80%;
	display: inline-block;
	vertical-align: middle;

	font-size: 1.5em;
	padding: 0 .5em;
	height: 60px;
	border: none;
	outline: none;
	-webkit-appearance: none;
}

.navegacao-form-submit {
	flex-basis: 20%;

	/*fallback*/
	width: 20%;
	display: inline-block;

	background-color: #FFF;
	height: 60px;
	border: none;
	border-left: 2px solid #444;
}

.header-busca {
	border: none;
	border-right: 2px solid #3c3c3c;
	flex: 0 0 60px;
	align-self: stretch;
	line-height: 60px; /* igual altura da navegacao */
	width: 60px; /* igual altura da navegacao */
	text-align: center;
	background-color: #444;
	outline: none;
	cursor: pointer;
}

.header-busca-icone {
	display: inline-block;
	vertical-align: middle;

	height: 18px;
	width: 18px;

	position: relative;
	top: -2px;
	left: 1px;
}

.header-barraBusca-form input {
	-webkit-appearance: none;
}

@media not all and (min-width: 700px) {
	.header-busca:hover {
		background: #404040;
		opacity: 0.7;
	}

	.navegacao-form-active {
		transform: translateX(100%);
	}
}

@media (min-width: 700px) {
	body {
		transition: transform .3s;
	}

	.header-barraBusca {
		display: block;
		height: 92px;
		position: absolute;
		top: -92px;
		background-color: #fbcf36;
	}

		.no-transform .header-barraBusca {
			display: none;
		}

	.header-barraBusca-visivel {
		transform: translateY(92px);
	}

	.header-barraBusca div.container {
		display: flex;
		height: 100%;
		align-items: center;
		padding-top: 0;
		padding-bottom: 0;
	}

	.header-barraBusca-form {
		display: flex;
		align-items: center;
		color: #FFF;
		width: 100%;
		height: 46px;
	}

	.header-barraBusca-form label {
		font-weight: 900;
		font-size: 1.3em;
		letter-spacing: -1px;
		width: 17%;
	}

	.header-barraBusca-form input {
		background-color: #FFF;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
		outline: none;

		margin-left: 3%;
		width: 65%;
		height: 100%;
		font-size: 1em;
		box-shadow: none;
		border: none;
		padding: .5em;
	}

	.header-barraBusca-submit {
		width: 15%;
		height: 100%;
		color: #fbcf36;
		font-weight: 900;
		font-size: .9em;
		text-transform: uppercase;
		background-color: #FFF;
		border: none;
		margin-left: 2px;
		box-shadow: none;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		cursor: pointer;
	}

	.header-navegacao-form {
		display: none;
	}
}

