/* top menu */
.c3menus {
	position: absolute;
	display: block;
	width: 98%;
	width: inherit !important;
	margin: 0;
	padding: 0;
	background-color: transparent; /* rgb(55, 36, 33); */
	color: #fafae7;
	font-variant: none;
	font-size: 1.4rem;
	/* overflow: none; */
	z-index: 5000;
}
.c3menus ul {
	display: block;
	padding: 0;
	margin: 0;
	/* border: 1px solid white; */
	position: relative;
	z-index: 5000;
}
.c3menus ul li {
	display: block;
	list-style: none;
	float: left;
	padding: 8px 18px;
	margin: 0;
}
.c3menus ul li:hover {
	background-color: rgb(114,76,73);
	transition: all 0.4s ease;
}
.c3menus ul li a {
	display: block;
	padding: 0;
	background: transparent;
	text-decoration: none;
	margin: 0;
	z-index: 5000;
	color: #fafae7;
}


.c3menus ul li ul {
	display: block;
	opacity: 0;
	position: absolute;
	margin: 8px 0 0 -18px; /* offset parent li padding */
	padding: 0;
	background-color: rgb(114,76,73);
/* 
	transition-property: display;
	transition-duration: 0.4s;
 */

	z-index: 5000;
}
.c3menus ul li:hover ul {
	opacity: 1;

    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in;
}
.c3menus ul li:hover ul li {
	float: none;
	padding: 8px 18px;
	margin: 0;
	z-index: 5000;
	background-color: transparent;
	color: #fafae7;
}
.c3menus ul li:hover ul li:hover {
	background-color: rgb(150, 100, 20);
}
.c3menus ul li:hover ul li a {
	margin: 0;
	z-index: 5000;
	background-color: transparent; /* rgb(120, 80, 20) rgb(0, 80, 120) */
	color: #fafae7;
}
.c3menus ul li ul li a:hover {
	background-color: rgb(150, 100, 20); /* #0086c4; */
	margin: 0;
	z-index: 5000;
}