.toggle-nav {
	display:none
}
.menu {
	margin:0 auto
}
.menu ul {
	float:right; text-align:center
}
.menu ul li {
	display:inline-block;
}
.menu ul li a {
  font-family:"Open Sans"; line-height:80px; display:block; text-decoration:none; color:#FFF; font-size:0.95em; font-weight:400; text-transform:uppercase; margin:0 10px
}
.menu ul li a, .menu ul li a:after, .menu ul li a:before {
  transition:all .3s
}
.menu ul li a:hover {
  color:#f1f1f1;
}
.menu ul li a {
  position:relative
}
.menu ul li a:after {
  position:absolute; bottom:20px; left:0; right:0; margin:auto; width:0%; content:'.'; color:transparent; background:#fff; height:1px
}
.menu ul li a:hover:after {
  width:100%;
}

/*-- RESPONSIVO---*/
@media screen and (max-width:800px) {
.menu {
	float:right; position:relative; display:inline-block
}
.menu ul.active {
	display:none
}
.menu ul {
	width:260px; position:absolute; top:135%; left:-204px; padding:10px 18px; box-shadow:0px 1px 1px rgba(0,0,0,0.15); border-radius:3px; background:#f26522
}
.menu ul:after {
	width:0px; height:0px; position:absolute; top:0%; right:22px; content:''; transform:translate(0%, -100%); border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid #f26522
}
.menu ul li {
	float:none; display:block
}
.menu ul li a {
	line-height:50px; display:block
}
.menu ul li a:after {
  position:absolute; bottom:10px; left:0
}
.toggle-nav {
	padding:16px; float:right; display:inline-block; color:#FFF; font-size:28px; transition:color linear 0.15s; text-decoration:none
}
.toggle-nav:hover, .toggle-nav.active {
	text-decoration:none; color:#974017
}}
@media screen and (max-width:479px) {
.menu ul {
	width:260px; position:absolute; top:125%; left:-214px; padding:10px 18px; box-shadow:0px 1px 1px rgba(0,0,0,0.15); border-radius:3px; background:#f26522
}
.toggle-nav {
	padding:10px; float:right; display:inline-block; color:#FFF; font-size:28px; transition:color linear 0.15s; text-decoration:none
}}