body > header {
	left: 0;
	right: 0;
	z-index: 10;
	text-align: center;
	padding: 2em 0 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	max-width: 100vw;
	text-transform: uppercase;
	transition: all 0.51s cubic-bezier(0.4, 0, 1, 1), margin-right 0s cubic-bezier(0.4, 0, 1, 1)}
body.scroll > header,
body.hide > header,
body.scroll.overlay > header {
	padding: 0.25em 0;
	box-shadow: 0 7px 15px rgba(0,0,0,0.025);
	transition:  all 0.51s cubic-bezier(0.4, 0, 1, 1), margin-right 0s cubic-bezier(0.4, 0, 1, 1)}
body:not(.mobile).overlay > header {
	margin-right: 17px;
	transition: margin-right 0s cubic-bezier(0.4, 0, 1, 1)}
header > .background_header {
	background: #fff;
	top: 0;
	left: 0;
	right: 0;
	transition: 0.36s}
body:not(.scroll) > header > .background_header {
	height: 0;
	transition: all 0.3s cubic-bezier(0.4, 0, 1, 1)}
body.scroll > header .background_header {	
	height: 100%;
	transition: all 0.36s cubic-bezier(0.4, 0, 1, 1)}
body > header > .center > .flex > .container_flex.small > a.no_border {
	display: inline-block;
	line-height: 0;
	height: 4em;
	overflow: hidden}
body > header > .center > .flex > .container_flex.small img {	transition: all 0.36s cubic-bezier(0.4, 0, 1, 1)}
body.hasSlider:not(.scroll) > header > .center > .flex > .container_flex.small img {	filter: brightness(10000);}
body > header > .center > .flex > .container_flex.small:last-child ul.container_flex.medium {	margin-right: 1em}
body > header > .center > .flex > .container_flex.small:last-child ul.container_flex.medium > li {	height: 100%}
body > header > .center > .flex > .container_flex.small:last-child a.button,
body > header > .center > .flex > .container_flex.small:last-child a.airbnb,
body > header > .center > .flex > .container_flex.small:last-child a.MyBusiness {
	width: auto;
	border: none;
	position: relative;
	text-shadow: none;
	overflow: hidden;
	background: #6c8f77;
	text-transform: uppercase;
	border: 1px solid #6c8f77;
	font-family: 'League Spartan';
	color: #fff;
	border-radius: 5px;
	padding: 0.2em 0.75em 0.2em}
body > header > .center > .flex > .container_flex.small:last-child a.button:hover,
body > header > .center > .flex > .container_flex.small:last-child a.airbnb:hover,
body > header > .center > .flex > .container_flex.small:last-child a.MyBusiness:hover {
	border: #bdd7c5 solid 1px;
	transition: 0.5s cubic-bezier(0.4, 0, 1, 1)}
body > header > .center > .flex > .container_flex.small:last-child a.button::before,
body > header > .center > .flex > .container_flex.small:last-child a.airbnb::before,
body > header > .center > .flex > .container_flex.small:last-child a.MyBusiness::before {
	content: '';
	position: absolute;
	z-index: 0;
	width: 200%;
	height: 500%;
	border-radius: 100%;
	background: #87ac92;
	z-index: 1;
	transform: translate(-35%, 40%) translateZ(0);
	transition: 0.5s cubic-bezier(0.4, 0, 1, 1)}
body > header > .center > .flex > .container_flex.small:last-child a.button:hover::before,
body > header > .center > .flex > .container_flex.small:last-child a.airbnb:hover::before,
body > header > .center > .flex > .container_flex.small:last-child a.MyBusiness:hover::before {  transform: translate(-35%, -40%) translateZ(0)}
body > header > .center > .flex > .container_flex.small:last-child a.button span {
	position: relative;
	top: 2px;
	z-index: 2}
body > header > .center > .flex > .container_flex.small:last-child .container_flex.medium a svg {
	width: 1em;
	height: 1em;
	vertical-align: top;
	position: relative;
	top: 2px}
body > header > .center > .flex > .container_flex.small:nth-child(n+2)  a.social-icon {
	position: relative;
	/* top: -2px */
	}
body > header > .center > .flex > .container_flex.small:nth-child(n+2)  a.social-icon:nth-child(n+2),
body > header > .center > .flex > .container_flex.small nav > div > ul#menu > li a.social-icon:nth-child(n+2) {	margin-left: 0.5em}
body > header > .center > .flex > .container_flex.small:nth-child(n+2)  a.social-icon,
body > header > .center > .flex > .container_flex.small:nth-child(n+2)  a.social-icon svg {
	height: 100%;
	/* color:  #6c8f77; */
	/* fill:  #6c8f77; */
	transition: all 0.36s cubic-bezier(0.4, 0, 1, 1)}
body > header > .center > .flex > .container_flex.small:last-child  a.social-icon svg {	width: 1.65em}
body > header > .center > .flex > .container_flex.small:last-child  a.social-icon.MyBusiness svg + svg,
body > header > .center > .flex a.social-icon.MyBusiness svg + svg {
	width: 1em;
	height: 1em;
	vertical-align: middle;
	transform: translateY(-33%);}
body > header > .center > .flex > .container_flex.small:last-child  a.social-icon.airbnb svg {	width: 1.4em}
body.hasSlider:not(.scroll) > header > .center > .flex > .container_flex.small:last-child  a.social-icon,
body.hasSlider:not(.scroll) > header > .center > .flex > .container_flex.small:last-child  a.social-icon svg,
body.hasSlider > header > .center > .flex > .container_flex.small:last-child  a.social-icon.airbnb svg {
	color: #fff;
	fill: #fff}
body.hasSlider > header > .center > .flex > .container_flex.small:last-child  a.social-icon svg {
	top: 0;
	z-index: 5;
	position: relative;}
body > header > .center > .flex > .container_flex.small .button_menu_container {
	display: inline-block;
	padding: 0 0;
	overflow: hidden;
	position: relative;
	z-index: 11;
	cursor: pointer;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1) 0s}
body > header > .center > .flex > .container_flex.small .button_menu_container a {
	display: block;
	height: 100%;
	width: 100%;
	border-top-left-radius: 2em;
	border-bottom-left-radius: 2em;
	padding: 0.25em 0.5em 0.25em 0;
	font-size: 1.4rem;
	text-align: center;
	overflow: hidden;
	transition: background 0s linear 0.72s;
	color: #37200a}
body.hasSlider:not(.scroll) > header > .center > .flex > .container_flex.small .button_menu_container a:not(.show) {
	color: #fff;
	transition: background 0s linear 0s}
body > header > .center > .flex > .container_flex.small .button_menu_container a > span {
	text-transform: uppercase;
	vertical-align: middle;
	transition: 0.36s linear 0.36s}
body > header > .center > .flex > .container_flex.small .button_menu_container a > span.menu {
	font-weight: bold;
	margin-left: 0.5em;
	position: relative;
	top: 2px;
	transition: all 0.36s linear 0s}
body > header > .center > .flex > .container_flex.small .button_menu_container a > span.open {
	display: inline-block;
	overflow: hidden;
	color: #37200a;
	transition: all 0.72s cubic-bezier(.19,1,.22,1) 0s}
body > header > .center > .flex > .container_flex.small .button_menu_container a.show span.open {	transform: rotate(45deg)}
body > header > .center > .flex > .container_flex.small .button_menu_container a span > .line {
	display: block;
	height: 3px;
	width: 20px;
	background: #452a19;
	border: 1px solid transparent;
	border-radius: 10px;
	margin: 0 auto 5px;
	transform: translateX(0%);
	transition: all 0.72s cubic-bezier(.19,1,.22,1) 0s}
body > header > .center > .flex > .container_flex.small .button_menu_container a span > .line:last-child {	margin: 0 auto 0}
body > header > .center > .flex > .container_flex.small .button_menu_container a:not(.show) span > .line {	background: #452a19}
body.hasSlider:not(.scroll) > header > .center > .flex > .container_flex.small .button_menu_container a:not(.show) span > .line {	background: #fff}
body > header > .center > .flex > .container_flex.small .button_menu_container a.show span > .line:nth-child(1),
body > header > .center > .flex > .container_flex.small .button_menu_container a.show span > .line:nth-child(3) {	transition: all 0.72s cubic-bezier(.19,1,.22,1) 0s}
body > header > .center > .flex > .container_flex.small .button_menu_container a.show span > .line:nth-child(1) {
	transform: rotate(90deg) translateX(40%) scale(1.01);
	transform-origin: 50%}
body > header > .center > .flex > .container_flex.small .button_menu_container a.show span > .line:nth-child(3) {
	opacity: 0;
	transform: translateY(-8px)}
body > header > .center > .flex > .container_flex.small nav > div > ul#menu {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	right: auto;
	bottom: 0;
	padding: 5.5em 0 5.5em;
	transform: translateX(-100vw);
	font-size: 1em;
	z-index: 2;
	text-align: left;
	background: #fff;
	overflow-y: auto;
	transition: transform 0.36s cubic-bezier(0.4, 0, 1, 1)}
body:not(.scroll) > header > .center > .flex > .container_flex.small nav > div > ul#menu {	padding: 8em 0 5.5em}
body > header > .center > .flex > .container_flex.small nav > div > ul#menu.show {	transform: none}
body > header > .center > .flex > .container_flex.small nav > div > ul#menu > li {
	font-weight: bold;
	padding: 0 2em 0;
	margin: 0 0 1em}
body > header > .center > .flex > .container_flex.small nav > div > ul#menu > li:last-child {	margin: 0 0 0}
body > header > .center > .flex > .container_flex.small nav > div > ul#menu > li#active a,
body > header > .center > .flex > .container_flex.small nav > div > ul#menu > li#active span,
body > header > .center > .flex > .container_flex.small nav > div > ul#menu > li.active a,
body > header > .center > .flex > .container_flex.small nav > div > ul#menu > li.active span {	color: #87ac92}

	@media screen and (max-width: 1024px) {
		body > header > .center > .flex > .container_flex.small {
			width: 32% !important;
			margin: 0 1% !important}
		body > header > .center > .flex > .container_flex.small:first-child {	margin-left: 0 !important}
		body > header > .center > .flex > .container_flex.small:last-child {	margin-right: 0 !important}
		body > header > .center > .flex > .container_flex.small.flex > .container_flex.medium {
			width: auto !important;
			margin: 0 1em 0 0!important}
		body > header > .center > .flex > .container_flex.small.flex > .container_flex.flex {
			width: auto !important;
			margin: 0 0 0 0!important}
	}
	@media screen and (max-width: 768px) {
		body > header > .center > .flex > .container_flex.small.flex > .container_flex.medium {
			width: 100% !important;
			margin: 0 0 0.5em 0!important}
	}
	@media screen and (max-width: 480px) {
		body > header > .center > .flex > .container_flex.small:last-child ul.container_flex.medium .button svg {
			margin-left: 0.5em;
			display: inline-block}
		body > header > .center > .flex > .container_flex.small:last-child ul.container_flex.medium .button > span > span {	display: none}
	}
	@media screen and (max-width: 380px) {
		body > header > .center > .flex > .container_flex.small .button_menu_container a {
			border-top-left-radius: 0;
			border-bottom-left-radius: 0}
		body > header > .center > .flex > .container_flex.small .button_menu_container a > span.menu {	display: none}
	}