.golden-menu{
	--path-fill-1: url(#gradient1);
	--path-fill-2: url(#gradient2);
	--path-fill-3: url(#gradient3);
	--color-menu-hover: #c14343;
	--button-bg: #120047;
	--button-circle: #9236f7;
	--button-line: #ffffff;
}

/* Fade effect */
.js body {
	opacity: 0;
	transition: opacity 0.3s;
}

.js body.render {
	opacity: 1;
}

.global-menu {
	width:calc(100vw - 30px);
	height:calc(100vh - 30px);
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index:999999999999999999999;
	border:15px solid #b58c5e;
	opacity:0;
	transition: all 1s ease;
}

.global-menu-language{
	margin-bottom: 30px;
	pointer-events: all;
	opacity:0;
	transition: opacity .4s ease;
	display: none;
}

.global-menu-language.is-opened{
	opacity:1;
}

.global-menu-language button{
	-webkit-appearence: none;
	background: none;
	font-family: 'Merriweather', serif;
	font-size: 16px;
	color: #B58C5E;
	letter-spacing: 1px;
	line-height: 1.6;
	text-transform: uppercase;
	border: none;
	transition: all .3s ease;
	cursor: pointer;
	z-index: 9;
	padding: 0;
	margin: 0;
	pointer-events: all;
}

.global-menu-language button:hover{
	color: #877;
}

.global-menu-language span{
	-webkit-appearence: none;
	background: none;
	font-family: 'Merriweather', serif;
	font-size: 16px;
	color: #B58C5E;
	letter-spacing: 1px;
	line-height: 1.6;
	padding: 0 4px;
	margin: 0;
}

.global-menu-itens{
	max-width:max-content;
	margin:0 auto;
	display: flex;
	align-items:left;
	justify-content: space-between;
	flex-direction: column;
}

.global-menu-itens li{
	display:block;
}

.global-menu-itens li a{
	font-family: 'PT Sans', sans-serif;
	text-decoration: none;
	font-weight:700;
	font-size:2.05rem;
	line-height:1;
	text-align: left;
}

.global-menu-itens li a span{
	display: block;
	text-align: left;
	transition: all 1s ease;
}

.global-menu.active{
	animation:opacity .9s cubic-bezier(.3,.52,1,.96);
	animation-fill-mode: forwards;
	animation-delay: .5s;
}
.global-menu.inactive{
	animation:opacity0 2s cubic-bezier(.3,.52,1,.96);
	animation-fill-mode: forwards;
}

.global-menu.default{
	border-color:#b58c5e;
}

@keyframes opacity{
	from{opacity:0;}
	to{opacity:1;}
}

@keyframes opacity0{
	from{opacity:1;}
	to{	opacity:0;}
}

.global-menu__item {
	color: var(--color-menu);
	font-family: var(--font-family-menu);
	font-size: var(--font-size-menu);
	font-weight: var(--font-weight-menu);
	opacity: 0;
	transform: translateY(-100%);
	pointer-events: none;
	display: block;
	margin: 0.25em 0;
	transition: transform 0.3s, opacity 0.3s;
	transition-timing-function: ease-in;
}

.global-menu__item {
	transform: translateY(100%);
}

.global-menu__item:hover {
	color:#b58c5e;
}

.global-menu__item.is-opened {
	opacity: 1;
	transform: translateY(0) rotate(0);
	pointer-events: auto;
	transition-timing-function: ease;
}

/* demo 6 */
.global-menu__item.is-opened {
	transition-duration: 0.8s;
}

.global-menu__item:nth-of-type(1) {
	transition-delay: 0.25s;
}

.global-menu__item.is-opened:nth-of-type(1) {
	transition-delay: 1s;
}

.global-menu__item:nth-of-type(2) {
	transition-delay: 0.2s;
}

.global-menu__item.is-opened:nth-of-type(2) {
	transition-delay: 1.1s;
}

.global-menu__item:nth-of-type(3) {
	transition-delay: 0.15s;
}

.global-menu__item.is-opened:nth-of-type(3) {
	transition-delay: 1.2s;
}

.global-menu__item:nth-of-type(4) {
	transition-delay: 0.1s;
}

.global-menu__item.is-opened:nth-of-type(4) {
	transition-delay: 1.3s;
}
/* redes */
.redes-menu {
	opacity: 0;
	transform: translateY(20%);
	pointer-events: none;
	display: block;
	transition: transform 0.3s, opacity 0.3s;
	transition-timing-function: ease-in;
	transition-delay: 0.1s;
	max-width:max-content;
	margin:0 auto;
	margin-top: 60px;
}

.redes-menu li:hover p.rede-label{
	opacity: 1;
}
p.rede-label{
	position:absolute;
	display: block;
	margin-top:55px;
	font-family: 'Merriweather', serif;
	font-size: 18px;
	color: #686867;
	letter-spacing: 1px;
	opacity:0;
	transform:translateY(10px);
	width:278px;
	text-align: center;
	transition: all .3s ease;
}

.rede-phone p.rede-label{
  margin-left:-25px;
  margin-top:50px;
}
.rede-wpp p.rede-label{
  margin-left:-60px;
}
.rede-instagram p.rede-label{
  margin-left:-105px;
}
.rede-linkedin p.rede-label{
  margin-left:-142px;
}
.rede-facebook p.rede-label{
  margin-left:-157px;
}
.rede-email p.rede-label{
  margin-left: -160px;
  text-align:center;
  width:100%;
}
.rede-mapa p.rede-label{
  margin-left:-225px;
}

.redes-menu.is-opened{
	opacity:1;
	transform: translateY(0) rotate(0);
	pointer-events: auto;
	transition-timing-function: ease;
	transition-delay: 1.3s;
}
/* /redes */

.global-menu .redes-menu{

}

.global-menu .redes-menu li{
	display:inline-block;
}

.global-menu .redes-menu li + li{
	margin-left:15px;
}

.global-menu .redes-menu li a svg{
	height:27px;
	color:#858585;
	transition: all 1s ease;
}
.global-menu .redes-menu li a svg.fa-phone-alt{
	height:22px;
}

.global-menu .redes-menu li a:hover svg{
	color:#b58c5e;
}

.simbolo-menu {
	transition:all 1s ease;
}

.simbolo-menu.is-opened{
	transition-delay: 1.3s;
}

.simbolo-menu{
	opacity: 0;
	pointer-events: none;
	display: block;
	transition:opacity 2s;
	transition-timing-function: ease-in;
	width:550px;
	fill:#b58c5e;
}

.simbolo-menu path{
	fill:#b58c5e;
}

.simbolo-menu.is-opened {
	opacity: 1;
	transform: translateY(0) rotate(0);
	pointer-events: auto;
	transition-timing-function: ease;
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	mix-blend-mode: overlay;
}

.global-menu_left{
	opacity:0;
	transition:opacity 2s;
}

.global-menu_left.is-opened{
	opacity:1;
}

.shape-overlays {
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	position: fixed;
	top:0;
	left:0;
	z-index:9!important;
}

.shape-overlays.is-opened {
	pointer-events: auto;
}

.shape-overlays.is-opened .global-menu{
	background:blue;
}

.shape-overlays__path:nth-of-type(1) {
	fill: var(--path-fill-1);
}

.shape-overlays__path:nth-of-type(2) {
	fill: var(--path-fill-2);
}

.shape-overlays__path:nth-of-type(3) {
	fill: var(--path-fill-3);
}

.shape-overlays__path:nth-of-type(4) {
	fill: var(--path-fill-4);
}

@-webkit-keyframes intervalHamburgerBorder {
	0%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
	80%{-webkit-transform: scale(1.6);transform: scale(1.6);}
	100%{opacity: 0;-webkit-transform: scale(1.6);transform: scale(1.6);}
}

@keyframes intervalHamburgerBorder {
	0%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
	80%{-webkit-transform: scale(1.6);transform: scale(1.6);}
	100%{opacity: 0;-webkit-transform: scale(1.6);transform: scale(1.6);}
}

.hamburger {
	width: 64px;
	height: 64px;
	display: block;
	position: relative;
	cursor: pointer;
	position: absolute;
	top: 3.5em;
	right: 3.5em;
	z-index: 110;
	border-radius: 50%;
	background-color: #fff;
	pointer-events: auto;
	position: fixed;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.hamburger::after {
	width: 64px;
	height: 64px;
	box-sizing: border-box;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	border: 4px solid #b58c5e;
	border-radius: 50%;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-name: intervalHamburgerBorder;
	animation-name: intervalHamburgerBorder;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.hamburger__line {
	width: 28px;
	height: 2px;
	overflow: hidden;
	position: absolute;
	z-index: 10;
}

.hamburger__line-in {
	width: 84px;
	height: 4px;
	position: absolute;
	top: 0;
	left: 0;
}

.hamburger__line-in::before,
.hamburger__line-in::after {
	width: 28px;
	height: 2px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	background-color: #b58c5e;
}

.hamburger__line-in::before {
	left: -56px;
}

.hamburger__line-in::after {
	left: 0;
}

.hamburger__line--01,
.hamburger__line--02,
.hamburger__line--03,
.hamburger__line--cross01,
.hamburger__line--cross02 {
	left: 18px;
}

.hamburger__line--01 {
	top: 24.6px;
}

.hamburger__line--02,
.hamburger__line--cross01,
.hamburger__line--cross02 {
	top: 31px;
}

.hamburger__line--03 {
	top: 37.4px;
}

.hamburger__line--cross01 {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.hamburger__line--cross02 {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.hamburger__line {
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger__line-in {
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger__line-in::before,
.hamburger__line-in::after {
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.hamburger__line-in--cross01,
.hamburger__line-in--cross02 {
	-webkit-transform: translateX(-33.3%);
	transform: translateX(-33.3%);
}

.hamburger__line-in--01 {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.hamburger__line-in--02 {
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
}

.hamburger__line-in--02::before,
.hamburger__line-in--02::after {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.hamburger__line-in--03 {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.hamburger__line-in--03::before,
.hamburger__line-in--03::after {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.hamburger__line-in--cross01 {
	-webkit-transition-delay: 0.0s;
	transition-delay: 0.0s;
}

.hamburger__line-in--cross02 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.hamburger__line-in--cross02::before,
.hamburger__line-in--cross02::after {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.hamburger.is-opened-navi .hamburger__line-in--01,
.hamburger.is-opened-navi .hamburger__line-in--02,
.hamburger.is-opened-navi .hamburger__line-in--03 {
	-webkit-transform: translateX(33.3%);
	transform: translateX(33.3%);
}

.hamburger.is-opened-navi .hamburger__line-in--cross01,
.hamburger.is-opened-navi .hamburger__line-in--cross02 {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.hamburger.is-opened-navi .hamburger__line-in--01 {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.hamburger.is-opened-navi .hamburger__line-in--02 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.hamburger.is-opened-navi .hamburger__line-in--03 {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.hamburger.is-opened-navi .hamburger__line-in--cross01 {
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
}

.hamburger.is-opened-navi .hamburger__line-in--cross02 {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.hamburger:hover .hamburger__line-in::before,
.hamburger:hover .hamburger__line-in::after {
	-webkit-transform: translateX(200%);
	transform: translateX(200%);
}

.hamburger:hover .hamburger__line-in--01::before,
.hamburger:hover .hamburger__line-in--01::after,
.hamburger:hover .hamburger__line-in--02::before,
.hamburger:hover .hamburger__line-in--02::after,
.hamburger:hover .hamburger__line-in--03::before,
.hamburger:hover .hamburger__line-in--03::after {
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

.hamburger:hover .hamburger__line-in--cross01::before,
.hamburger:hover .hamburger__line-in--cross01::after,
.hamburger:hover .hamburger__line-in--cross02::before,
.hamburger:hover .hamburger__line-in--cross02::after {
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
}

.hamburger.is-opened-navi:hover .hamburger__line-in--cross01::before,
.hamburger.is-opened-navi:hover .hamburger__line-in--cross01::after,
.hamburger.is-opened-navi:hover .hamburger__line-in--cross02::before,
.hamburger.is-opened-navi:hover .hamburger__line-in--cross02::after {
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

.hamburger.is-opened-navi:hover .hamburger__line-in--01::before,
.hamburger.is-opened-navi:hover .hamburger__line-in--01::after,
.hamburger.is-opened-navi:hover .hamburger__line-in--02::before,
.hamburger.is-opened-navi:hover .hamburger__line-in--02::after,
.hamburger.is-opened-navi:hover .hamburger__line-in--03::before,
.hamburger.is-opened-navi:hover .hamburger__line-in--03::after {
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
}

@media screen and (max-width: 55em) {
	.hamburger {
		position: fixed;
		top: 0.5em;
		right: 0.5em;
		transform: scale(0.75);
	}
}