.nav {
	text-align: center;
	overflow: hidden;
	margin: 2em auto;
	position: relative; 
	font-size: 16px;
}

.nav a {
	display: block;
	position: relative;
	float: left;
	/* padding: 40px 0 50px 0; */
	 padding: 0px 0 30px 0; 
	/* padding: 0; */
	/* width: 25%; */
	text-decoration: none;
	color: #393939;
	-webkit-transition: .7s;
	-moz-transition: .7s;
	-o-transition: .7s;
	-ms-transition: .7s;
	transition: .7s; 
	margin-right: 50px;
	font-weight: 700;
	font-size: 17px;
}

.nav a:nth-child(7) {
	margin-right: 0;
}

.nav a:hover {
	color: #749f3f;  
		/* border-bottom: 1px solid #749f3f;
		transition: all .3s linear; */
}

#menu a:after {
	display:block;
	content: '';
	border-bottom: solid 3px #749f3f;  
	transform: scaleX(0);  
	transition: transform 250ms ease-in-out;
	margin-top: 10px;
}
#menu a:hover:after { transform: scaleX(1); }
#menu a.fromRight:after{ transform-origin:100% 50%; }
#menu a.fromLeft:after{  transform-origin:  0% 50%; }


/* 
.effect {
	position: absolute;
	left: -12.5%;
	-webkit-transition: 0.7s ease-in-out;
	-moz-transition: 0.7s ease-in-out;
	-o-transition: 0.7s ease-in-out;
	-ms-transition: 0.7s ease-in-out;
	transition: 0.7s ease-in-out; 
	top: 25px;
} */


/* 
  .nav a:nth-child(1):hover ~ .effect { left: 2%; width: 65px; }
	.nav a:nth-child(2):hover ~ .effect { left: 11%; width: 108px;}
	.nav a:nth-child(3):hover ~ .effect { left: 21.9%; width: 170px;}
	.nav a:nth-child(4):hover ~ .effect { left: 38.2%;  width: 95px;}
	.nav a:nth-child(5):hover ~ .effect { left: 49.1%; width: 150px; }
	.nav a:nth-child(6):hover ~ .effect { left: 64.1%; width: 185px; }    
	.nav a:nth-child(7):hover ~ .effect { left: 81.6%; width: 185px; }
	.nav a:nth-child(8):hover ~ .effect { left: 99.2%; }  */


	/* ----- line example -----*/
/* 
	.ph-line-nav .effect {
	width: 90px;
	height: 2px;
	bottom: 36px;
	background: #749f3f;
	box-shadow: 0 1px 0 white; 
	margin-left:-45px;
	} */

  /* nav { color: #666; display:inline-block; margin:0; text-transform:uppercase; } */