header {
	width: 100%;
	z-index: 999;
	position: fixed;
	top: 0;
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.5);
}

/*CONTACTO*/
.header-contact-outside {
	width: 100%;
	height: 48px;
	background-color: #e9e9e9;
}
.header-contact {
	max-width: 1132px;
	width: calc(100% - 32px);
	margin: auto;
	display: flex;
	justify-content: space-between;
}
.header-contact > .contact-media {
	display: inline-block;
	list-style: none;
	font-size: 14px;
	color: #999999;
	margin-top: 16px;
}
.header-contact > .contact-media > li {
	display: inline-block;
	border-right: 1px solid #999999;
	padding: 0 8px;
}
.header-contact > .contact-media > li:nth-of-type(1) {
	border-left: 1px solid #999999;
}

.header-contact > .flags-container {
	display: flex;
	align-items: center;
	justify-content: center;
}
.header-contact > .flags-container > .contact-flag,
	.header-contact > .flags-container > .nlb-flag {
	width: 100px;
	height: 56px;
	background-color: #ec7e27;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.header-contact > .flags-container > .contact-flag p,
.header-contact > .flags-container > .nlb-flag p {
	color: white;
	font-weight: 700;
	font-size: 12px;
	text-align: center;
}
.header-contact > .flags-container > .contact-flag {
	margin-right: 24px;
}

/*MENU*/
.header-menu-outside {
	width: 100%;
	height: 64px;
	background-color: white;
}
.header-menu {
	width: calc(100% - 32px);
	max-width: 1172px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}
.header-menu > .main-logo {
	margin-top: 14px;
	width: 128px;
	height: 36.5714285714px;
}

.header-menu > .menu-hamburger {
	width: 32px;
	height: 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 0 34px;
	margin-top: 24px;
	cursor: pointer;
}
.header-menu > .menu-hamburger > div {
	width: 100%;
	height: 6px;
	background-color: #ec7e27;
	border-radius: 4px;
	transition: all 0.2s ease-in-out;
}
.header-menu > .menu-hamburger > div:nth-child(3) {
	margin-top: -8px;
}

.header-menu > .menu-hamburger.open > div:nth-child(1) {
	margin-left: 12px;
	opacity: 0;
}
.header-menu > .menu-hamburger.open > div:nth-child(2) {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.header-menu > .menu-hamburger.open > div:nth-child(3) {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.header-menu > .menu-hamburger.open > div:nth-child(4) {
	margin-left: -12px;
	opacity: 0;
}

.header-menu > .menu {
	list-style: none;
	font-weight: 500;
	font-size: 11px;
	text-align: center;
	position: absolute;
	width: 100%;
	margin-left: -16px;
	margin-top: 64px;
	background-color: black;
	color: white;
	padding: 16px 0;
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	z-index: -1;
	transition: transform 0.2s ease-in-out;
}
.header-menu > .menu.open {
	transform: translateY(0);
	-webkit-transform: translateY(0);
}
.header-menu > .menu li {
	padding: 16px 0;
	cursor: pointer;
}

.header-menu > .menu-highlight {
	display: none;
	opacity: 0;
}

@media (min-width: 1172px) {

	.header-menu-outside {
		height: 102px;
	}

	.header-menu > .main-logo {
		margin-top: 24px;
		width: 196px;
		height: 56px;
	}

	.header-menu > .menu-hamburger {
		display: none;
	}

	.header-menu > .menu {
		list-style: none;
		font-weight: 500;
		font-size: 12px;
		text-align: center;
		position: relative;
		width: auto;
		margin-left: 0px;
		margin-top: 22px;
		background-color: transparent;
		color: black;
		padding: 16px 0;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		z-index: 0;
		transition: none;
		flex-grow: 1;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
	}
	.header-menu > .menu li {
		display: inline-block;
		padding: 8px;
	}

	.header-menu > .menu-highlight {
		display: block;
		position: absolute;
		width: 48px;
		height: 8px;
		background-color: #ec7e27;
		margin-top: 98px;
		margin-left: -16px;
		transition: left 0.2s ease-in-out;
	}

}