/* Menu | Original */

#container-whatsapp {
    position: fixed;
	bottom: 5vw;
	right: 5vw;
	z-index: 100;
}

#container-whatsapp svg  {
    width: 4rem;
    
    -webkit-filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.5));
	-moz-filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.5));
	-ms-filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.5));
	-o-filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.5));
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.5));
}

.isca-whatsapp {
    fill: #25d366;
    
    -webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}

#container-whatsapp:hover .isca-whatsapp {
    fill: #ffbd35;
}

@keyframes piscar {
    0% { opacity: 1; }
    50% { opacity: .3; }
    100% { opacity: 1; }
}

.isca-piscante {
    animation: piscar 2s linear infinite;
}

.isca-piscante:hover {
    animation-play-state: paused;
}

nav {
	display: block;
	position: absolute;
	width: 90%;
	margin: 0 5%;
	border: 1px solid #ffbd35;
	margin-top: 2rem;
	z-index: 1000;
}

nav div {
	display: inline-block;
}

#menu-left {
	width: 13.5%;
	height: auto;
	float: left;
}

#img-menu-logo {
	display: flex;
	justify-content: center;
	margin-top: 2.85rem;
}

#hbrLogoMonochrome {
	height: 1.625rem;
	width: auto;
	fill: #fff;
}

#menu-right {
	width: 86.5%;
	height: auto;
	border-left: 1px solid #ffbd35;
}

#menu-right div {
	display: block;
}

#menu-top {
	width: 100%;
	height: auto;
	border-bottom: 1px solid #ffbd35;
}

#menu-top div {
	display: inline-block;
}

#flagBrasil,
#flagUsa  {
	height: 0.625rem;
	width: auto;
}

#flagBrasil {
	fill: #ffbd35;
}

#flagUsa {
	fill: #fff;
}

#pinLocation,
#pinLocationFixo {
	height: 1rem;
	width: auto;
	margin-bottom: -0.2rem;
}

#centralPiloto,
#centralPilotoFixo {
	height: 1.2rem;
	width: auto;
	margin-bottom: -0.25rem;
}

#pinLocation,
#centralPiloto {
	fill: #fff;
}

#pinLocationFixo,
#centralPilotoFixo {
	fill: #000;
}

#menu-pt a,
#menu-us a,
#menu-pin a,
#menu-data a {
	font-family: 'Teko', sans-serif; 
	font-size: 1rem;
	font-weight: 300;
	text-transform: lowercase;
	letter-spacing: 0.075em;
  	color: #fff;
	text-decoration: none;
}

#menu-pt a {
	color: #ffbd35;
	pointer-events: none;
}

#menu-pt,
#menu-us,
#menu-pin,
#menu-data {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

#menu-pt,
#menu-us {
	margin-left: 2rem;
}

#menu-pin,
#menu-data {
	float: right;
	margin-right: 2rem;
}

#menu-bottom {
	width: 100%;
	height: auto;
}

#menu-bottom-principal {
	text-align: center;
	margin-top: 1.5rem;
	margin-bottom: 1.25rem;
}

#menu-bottom-principal div {
	display: inline-block;
	margin: 0 5%;
}

#menu-empresa a,
#menu-estrutura a,
#menu-servicos a,
#menu-operacional a,
#menu-contato a {
	font-family: 'Teko', sans-serif; 
	font-size: 1.5rem;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.05em;
  	color: #fff;
	text-decoration: none;
}

#menu-bottom-principal div a:hover {
	color: #ffbd35;
}

#hbrLogoMonochrome:hover {
	fill: #ffbd35;
}

#menu-us:hover a {
	color: #ffbd35;
}

#menu-us:hover #flagUsa {
	fill: #ffbd35;
}

#menu-pin:hover a,
#menu-fixo-pin:hover a {
	color: #ffbd35;
}

#menu-pin:hover #pinLocation,
#menu-fixo-pin:hover #pinLocationFixo {
	fill: #ffbd35;
}

#menu-data:hover a,
#menu-fixo-data:hover a {
	color: #ffbd35;
}

#menu-data:hover #centralPiloto,
#menu-fixo-data:hover #centralPilotoFixo {
	fill: #ffbd35;
}

/* Menu | Fixed */

#menu-fixo {
	display: none;
	position: fixed;
	width: 100%;
	height: 5rem;
	background-color: #fff;
	border-bottom: 2px solid #ffbd35;
	opacity: 0.95;
	z-index: 10;
}

#menu-fixo div {
	display: inline-block;
}

#menu-fixo-left {
	float: left;
	margin-left: 5%;
	margin-top: 1.5rem;
}

#menu-fixo-left img {
	height: 1.625rem;
	width: auto;
}

#menu-fixo-center {
	width: 50%;
	margin-left: 6%;
	margin-top: 1.6rem;
}

#menu-fixo-center div {
	margin-right: 2rem;
}

#menu-fixo-empresa a,
#menu-fixo-estrutura a,
#menu-fixo-servicos a,
#menu-fixo-operacional a,
#menu-fixo-contato a {
	font-family: 'Teko', sans-serif; 
	font-size: 1.25rem;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.05em;
  	color: #000;
	text-decoration: none;
}

#menu-fixo-right {
	float: right;
	margin-right: 3.5%;
	margin-top: 1.65rem;
}

#menu-fixo-right div {
	margin-left: 0.5rem;
}

#menu-fixo-right div a {
	font-family: 'Teko', sans-serif; 
	font-size: 1rem;
	font-weight: 300;
	text-transform: lowercase;
	letter-spacing: 0.075em;
	text-decoration: none;
}

#menu-fixo-data div a {
  	color: #ffbd35;
}

#menu-fixo-pin div a {
  	color: #000;
}

#menu-fixo-center div a:hover {
	color: #ffbd35;
}

/* Menu | Mobile */

#mobile-menu-container-open {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(255,189,53,.98);
	opacity: 0;
	z-index: 1001;
}

#mobileFlagBrasil,
#mobileFlagUsa  {
	height: 0.625rem;
	width: auto;
}

#mobileFlagBrasil {
	fill: #000;
}

#mobileFlagUsa {
	fill: #fff;
}

#mobilePinLocation {
	height: 1rem;
	width: auto;
	margin-bottom: -0.2rem;
}

#mobileCentralPiloto {
	height: 1.2rem;
	width: auto;
	margin-bottom: -0.25rem;
}

#mobilePinLocation,
#mobileCentralPiloto {
	fill: #fff;
}

#mobile-menu-pt div,
#mobile-menu-us div,
#mobile-menu-pin div,
#mobile-menu-data div {
	display: inline-block;
}

#mobile-menu-pt a,
#mobile-menu-us a,
#mobile-menu-pin a,
#mobile-menu-data a {
	font-family: 'Teko', sans-serif; 
	font-size: 1rem;
	font-weight: 300;
	text-transform: lowercase;
	letter-spacing: 0.075em;
  	color: #fff;
	text-decoration: none;
}

#mobile-menu-pt a {
	color: #000;
	pointer-events: none;
}

#mobile-menu-pt,
#mobile-menu-us {
	position: absolute;
	opacity: 0;
	top: 8%;
}
	
#mobile-menu-pt {
	left: 50px;
}
	
#mobile-menu-us {
	left: 150px;
}

#mobile-menu-pin,
#mobile-menu-data {
	position: absolute;
	opacity: 0;
	bottom: 8%;
}

#mobile-menu-pin {
	right: 75px;
}

#mobile-menu-data {
	left: 75px;
}

#mobile-menu-central {
	position: absolute;
	top: calc(50% - 135px);
	width: 100%;
	height: auto;
	opacity: 0;
	text-align: center;
}

#mobile-menu-central-principal div {
	display: block;
	margin: 5px 0;
}

#mobile-menu-empresa a,
#mobile-menu-estrutura a,
#mobile-menu-servicos a,
#mobile-menu-operacional a,
#mobile-menu-contato a {
	font-family: 'Teko', sans-serif; 
	font-size: 2rem;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.05em;
  	color: #fff;
	text-decoration: none;
}

#mobile-menu-central-principal div a:hover {
	color: #000;
}

#mobile-menu-us:hover a {
	color: #000;
}

#mobile-menu-us:hover #mobileFlagUsa {
	fill: #000;
}

#mobile-menu-pin:hover a {
	color: #000;
}

#mobile-menu-pin:hover #mobilePinLocation {
	fill: #000;
}

#mobile-menu-data:hover a {
	color: #000;
}

#mobile-menu-data:hover #mobileCentralPiloto {
	fill: #000;
}

#mobile-menu-close {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	width: 60px;
	height: 60px;
	top: 4.5%;
	right: 35px;
	border: 2px solid #fff;
	background-color: transparent;
	opacity: 0;
	cursor: pointer;
	z-index: 1000;
	
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
	
#menuClose {
	width: 2em;
	height: auto;
	fill: #fff;
	
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
	
#mobile-menu-close:hover {
	border: 2px solid #000;
	background-color: #000;
	
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
	
#mobile-menu-close:hover #menuClose {
	fill: #ffbd35;
	
	-webkit-transform: scale(.95);
	-moz-transform: scale(.95);
	-ms-transform: scale(.95);
	-o-transform: scale(.95);
	transform: scale(.95);
}

/* Menu */

#menu-data a,
#centralPiloto {
    fill: #ffbd35;
	color: #ffbd35;
	pointer-events: none;
}

#menu-fixo-data a,
#centralPilotoFixo {
    fill: #ffbd35;
	color: #ffbd35;
	pointer-events: none;
}

#mobile-menu-data a,
#mobileCentralPiloto {
    fill: #000;
	color: #000;
	pointer-events: none;
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	
/* Menu | Original */

#menu-bottom-principal div {
	margin: 0 4%;
}
	
/* Menu | Fixed */
	
#menu-fixo-center {
	margin-left: 5%;
}

#menu-fixo-center div {
	margin-right: 1.5rem;
}

}

@media only screen and (min-width:768px) and (max-width:991px) {
	
/* Menu | Original */

#menu-left {
	width: 15%;
}

#img-menu-logo {
	margin-top: 2.6rem;
}

#hbrLogoMonochrome {
	height: 1.5rem;
}

#menu-right {
	width: 85%;
}

#menu-bottom-principal {
	margin-top: 1.4rem;
	margin-bottom: 1.1rem;
}

#menu-bottom-principal div {
	margin: 0 3.5%;
}

#menu-empresa a,
#menu-estrutura a,
#menu-servicos a,
#menu-operacional a,
#menu-contato a {
	font-size: 1.2rem;
}

/* Menu | Fixed */

#menu-fixo-left {
	margin-left: 3%;
	margin-top: 1.6rem;
}

#menu-fixo-left img {
	height: 1.5rem;
}

#menu-fixo-center {
	margin-left: 3%;
	margin-top: 1.7rem;
}

#menu-fixo-center div {
	margin-right: 1rem;
}

#menu-fixo-empresa a,
#menu-fixo-estrutura a,
#menu-fixo-servicos a,
#menu-fixo-operacional a,
#menu-fixo-contato a { 
	font-size: 1.1rem;
}

#menu-fixo-right {
	margin-right: 3%;
	margin-top: 1.7rem;
}

#menu-fixo-right div {
	margin-left: 0.3rem;
}

}

@media only screen and (min-width:320px) and (max-width:767px) {
	
/* Menu | Original */
    
#container-whatsapp {
	top: 4.5%;
	right: 7.25rem;
}

#container-whatsapp svg  {
    width: 3.5rem;
}

nav {
	display: none;
}

}