/* Geral */
.fdx-menu, .fdx-menu * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;	
	border: 0;
	color: #fff;
	font-family: 'Raleway', sans-serif;

}
.fdx-menu ul {
	list-style-type: none;
}
.fdx-menu ul > li {
	display: block;
	float: left;
	position: relative;
}

/* Container */
.fdx-menu-in { 
	width: 100%;
	max-width: 1150px;
	margin: 0 auto;
	
}

/* Barra principal */
.fdx-menu {
	position: fixed;
	left: 0;
	top: 79px;
	float: left;
	width: 100%;
	height: auto;
	background: #222;
	z-index: 9;
	transition: transform .3s;

}
.fdx-menu.hide-menu {
	transform: translate(0, -50px);
}


.active{
	background: #6c4823;
}

/* Botões (Links) */
.fdx-menu ul > li > a {
	display: inline-block;
	width: 100%;
	padding: 14px 18px;
	font-size: 14px;
	text-decoration: none;	
	color: #fff;	
	-webkit-transition: .3s ease-out;
	transition: .3s ease-out;
}
.fdx-menu ul > li > a:hover {
	background: #6c4823;
	color: #fff;
}
/* Fim Botões (Links) */

/* 1 Level */
.fdx-menu-1-level {
	float: left;
	width: 100%;
}
.fdx-menu-1-level > li > a {
	text-transform: uppercase;
	position: relative;
	z-index: 2;
}

/* 2 Level */
.fdx-menu-2-level {
	position: absolute;
	z-index: 1;
	width: 250px;	
	background: #282828;
	opacity: 0;
	visibility: hidden;
	transform: translate(0,-20px);
	-webkit-transition: .3s ease;
	transition: .3s ease;
	border-top: none;
		font-size: 15px;
}
.fdx-menu-2-level > li {
	float: left;
	width: 100%;
}
.fdx-menu-1-level > li:hover > .fdx-menu-2-level {
	opacity: 1;
	visibility: visible;
	transform: translate(0,0);
}

/* 3 Level */
.fdx-menu-3-level {
	position: absolute;
	top: 0;
	right: -250px;
	width: 250px;
	background: #292929;
	opacity: 0;
	visibility: hidden;
	transform: translate(-20px,0);
	-webkit-transition: .3s ease;
	transition: .3s ease;
}
.fdx-menu-3-level > li {
	float: left;
	width: 100%;
}
.fdx-menu-2-level > li:hover > .fdx-menu-3-level {
	opacity: 1;
	visibility: visible;
	transform: translate(0,0);
}

/* Mega Menu */
.fdx-menu-mega {
	position: static !important;
}
.fdx-menu-mega-container {
	position: absolute;
	left: 0;
	width: 100%;
	padding: 20px 0px;
	background: #282828;
	opacity: 0;
	visibility: hidden;
	transform: translate(0,-20px);
	-webkit-transition: .3s ease;
	transition: .3s ease;
}
.fdx-menu-mega:hover > .fdx-menu-mega-container {
	opacity: 1;
	visibility: visible;
	transform: translate(0,0);
}
.fdx-menu-mega-column {
	float: left;
	width: 25%;
	padding: 0px 0px;
	padding-bottom: 10px;
}
.fdx-menu-mega-column:first-child {
	padding-left: 0px;
}
.fdx-menu-mega-column > h3 > a {
	text-decoration: none; 
	font-size: 15px;
	font-weight: normal;

	color: #fff;
	-webkit-transition: .3s ease-out;
	transition: .3s ease-out;
}
.fdx-menu-mega-column > h3 > a:hover {
	color: #6c4823;
}
.fdx-menu-mega-column > ul {
	width: 100%;
	margin-top: 10px;
}
.fdx-menu-mega-column > ul > li {
	width: 100%;
}
.fdx-menu-mega-column > ul > li > a {
	float: left;
	width: 100%;
	padding: 10px 0px;
	-webkit-transition: .3s ease-out;
	transition: .3s ease-out;
}
.fdx-menu-mega-column > ul > li > a:hover {
	color: #222;
}
.fdx-menu-mega-column-banner {
	float: left;
	width: 50%;
	padding: 0px 10px;
}
.fdx-menu-mega-column-banner img {
	max-width: 100%;
}

/* Ajuste Tablet Grande */
@media (min-width: 800px) and (max-width:1180px) { 

	.fdx-menu {
		top: 85px;
	}
	.fdx-menu-in { 
		max-width: 750px;
	}
	.fdx-menu ul > li > a {
		padding: 13px 6px;
		font-size: 10px;
	}

	/* 2 Level */
.fdx-menu-2-level {
	position: absolute;
	z-index: 1;
	width: 250px;	
	background: #282828;
	opacity: 0;
	visibility: hidden;
	transform: translate(0,-20px);
	-webkit-transition: .3s ease;
	transition: .3s ease;
	border-top: none;
		font-size: 10px;
	}

.fdx-menu-mega-column > h3 > a {
	text-decoration: none; 
	font-size: 12px;
	font-weight: normal;

	color: #fff;
	-webkit-transition: .3s ease-out;
	transition: .3s ease-out;
}

}