header {
	padding: 0 0;
	position: fixed;
	top: 0;
    left: 0;
    right: 0;
	bottom: auto;
	z-index: 10;
	transition: all 0.5s linear}
header .background_header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1}
header > .no_flex > .flex {	height: 0}
header > .no_flex > .flex > .container_flex#logo {
	width: auto;
	height: 7em;
	width: 7em;
	border-radius: 50%;
	padding: 1.5em;
	background: #fff;
	margin-top: 1em;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1) 0s}
body.scroll > header > .no_flex > .flex > .container_flex#logo {	box-shadow: 0 3px 7px rgba(0,0,0,0.2)}
header > .no_flex > .flex > .container_flex > a > img {	transition: 0.36s cubic-bezier(0.4, 0, 1, 1) 0s}
header > div.no_flex.fixed:not(#button_menu_container) {
	position: fixed;
	top: 1em;
	left: 4em;
	width: 3em;
	height: 3em;
	border-radius: 50%;
	background: #fff;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1) 0s}
header > div.no_flex.fixed:not(#button_menu_container):before {
	content: '';
	position: absolute;
	top: -25%;
	left: -25%;
	width: 150%;
	height: 150%;
	border-radius: 50%;
	background: #d2d2d2;
	z-index: -1;
	animation: pulse 3.2s infinite}
header > div.no_flex.fixed:not(#button_menu_container) > a {
	background: #fff;
	border-radius: 50%}
header > div.no_flex.fixed:not(#button_menu_container) > span {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	padding: 2em;
	background: #fff;
	box-shadow: 0 3px 7px rgba(0,0,0,0.2);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1) 0s}
header > div.no_flex.fixed:not(#button_menu_container) > span.hidden {	transform: translateX(-110%)}
header > div.no_flex.fixed#button_menu_container {
	position: fixed;
	top: 1em;
	right: 4em;
	width: 3em;
	height: 3em;
	border-radius: 50%;
	background: #fff;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1) 0s}
body.scroll > header > div.no_flex.fixed {	box-shadow: 0 3px 7px rgba(0,0,0,0.2)}
body:not(.mobile) > header > div.no_flex.fixed:not(#button_menu_container) {	display: none}
header #button_open,
header #button_close {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%)}
header > div.no_flex.fixed > a {
	display: inline-block;
	width: 100%;
	height: 100%}
header > div.no_flex.fixed > a > svg {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	transition: 0.5s cubic-bezier(0.4, 0, 1, 1)}
#button_menu.show > svg.open {
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)}
#button_menu:not(.show) > svg.close {
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)}
header nav {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	min-width: 40%;
	padding: 2em;
	background: #fff;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.05);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1) 0s}
header nav ul > li {	margin: 2em 0 0}
header nav ul > li:first-child {	margin: 0 0 0}
header nav ul > li > a,
header nav ul > li > span {
	font-size: 1.2rem;
	font-family: 'Cabin Sketch';
	text-transform: uppercase}
header nav ul > li#active > a,
header nav ul > li.active > a,
header nav ul > li#active > span,
header nav ul > li.active > span {	color: #ff1c65}
header nav ul > li svg.icon {	top: -0.5em}
header nav ul > li > ul {	
	top: 100%;
	left: 0;
	right: 0;
	max-height: 0;
	z-index: 100;
	background: #fff;
	overflow: hidden;
	padding: 0 0.5em;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
header nav ul > li:hover > ul ,
header nav ul > li > ul:hover {	
	max-height: 20em;
	padding: 0.5em}
header nav ul > li > a > svg {	vertical-align: middle}
header nav ul > li > ul > li {
	position: relative;
	margin: 1em 0 0}
header nav ul > li > ul > li {
	padding: 0.25em;
	transition: all 0.3s linear}
header > .flex > .container_flex > nav > div ul > li > ul > li:hover {
	background: #fafafa;
	transition: all 0.3s linear}
header nav ul > li > ul > li > a {	display: block}
header nav.hidden {	transform: translateX(110%)}
header form.absolute {
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	background: #fff;
	overflow: hidden;
	padding: 0 0.5em;
	white-space:nowrap;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
header form.absolute:not(.show) {	max-height: 0}
header form.absolute.show {	
	max-height: 10em;
	padding: 0.5em}
header form > input,
header form > button {
	display: inline-block;
	margin: 0 0 0;
	color: #000033 !important;
	background: none !important;
	border: none !important}
header form > input {	
	width: auto !important;
	min-width: 20em;
	border-bottom: 1px solid rgba(0,0,33,0.4) !important}
header form > button {
	width: auto !important;
	margin-left: 0.5em !important;
	vertical-align: bottom;
	font-size: 0.8em !important;
	color: #000033 !important}
header form > span {
	display: block;
	font-style: italic;
	white-space: normal;
	text-align: justify;
	margin-top: 0.5em;
	line-height: 1.3em;
	font-size: 0.8em !important}
	
	@media screen and (max-width: 1024px) {
		header > .no_flex > .flex > .container_flex#logo {	width: 7em !important}
	}
	@media screen and (max-width: 768px) {
		header > div.no_flex.fixed:not(#button_menu_container) {	left: 2em}
		header > div.no_flex.fixed#button_menu_container {	right: 2em}
		header nav {	min-width: 66%}
		body.scroll header > .no_flex > .flex > .container_flex#logo {
			width: 5em !important;
			height: 5em !important}
	}
	@media screen and (max-width: 480px) {
		header > div.no_flex.fixed:not(#button_menu_container) {	left: 1em}
		header > div.no_flex.fixed#button_menu_container {	right: 1em}
		header nav {	min-width: 75%}
	}