/*********************************************
** Header 
*********************************************/

#header {
	width: 100%;
	padding: 10px 0;
	background: #322AA2;
	border-bottom: solid 1px #6354FF;
	z-index: 999999;
}

#header .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* Logo */

#header #logo {
	flex: 1;
}

#header #logo img {
	transition: all 0.3s linear;
	max-width: 150px!important;
}

#header.scroll #logo img {
	width: 130px;
}

/* Busca */

#header .boxBusca {
	position: relative;
	background: #fff;
	border-radius: 50px;
	width: 300px;
}

#header .boxBusca input {
	float: left;
	width: 100%;
	border-radius: 50px;
	border: 0;
	background: #fff;
	height: 50px;
	padding: 0 15px;
}

#header .boxBusca button {
	position: absolute;
    background: #02FBA6;
    top: 4px;
    right: 4px;
    height: 42px;
    border-radius: 50px;
    width: 42px;
    border: 0;
}

#header .boxBusca button i {
	color: #322AA2;
	font-size: 16px;
}

/* Botão Contato */

#header .linkContato {
	margin-left: 15px;
}

#header .linkContato a {
    border-radius: 50px;
    display: flex;
	align-items: center;
    padding: 11px 20px;
    transition: all 0.1s linear;
	background: #02FBA6;
}

#header .linkContato a img {
	width: 28px;
	margin-right: 10px;
}

#header .linkContato a span {
	font-size: 15px;
    color: #322AA2;
    font-weight: 600;
}

@media only screen and (max-width: 768px) {

	#header {
		padding: 20px 0;
	}

	#header .container {
		flex-direction: column;
	}

	#header .boxBusca {
		width: 100%;
		margin-top: 20px;
	}

	#header .linkContato {
		margin-top: 10px;
		width: 100%;
		margin-left: 0;
	}

	#header .linkContato a {
		justify-content: center;
	}

	#header .linkContato a img {
		width: 20px;
	}

}