/* CORPORATIVE MENU */
.corporative-menu{
	float: right;
	padding: 0;
	margin: 0;
}
	.corporative-menu li{float: left; list-style: none; margin: 0;}
		.corporative-menu a{
			color: #343a40;
			float: left;
			font-family: 'Montserrat', sans-serif;
			font-size: 1.1em;
			font-style: normal;
			font-weight: 400;
			margin: 17px 15px;
			padding: 12px 12px;
			//text-transform: uppercase;
			transition: .15s ease-in-out all;
		}
		.corporative-menu .store a{
			background-color: #fff;
			color: #000;
		}
			.corporative-menu a:hover{
				background-color: #ae705d;
				color: #fff;
			}
			.corporative-menu > li.feat > a{background-color: #c88874 !important; color: #fff !important;}
			.corporative-menu > li.feat > a:hover{background-color: #ae705d !important; color: #fff !important;}
			
/* NAV SIDEBAR */

nav.navbar{
	background-color: transparent !important;
	border: none !important;
	float: left;
	margin: 0;
	min-height: auto;
	width: 100%;
}
nav.navbar.navbar-menu{background-color: #eaedf0 !important;}
.navbar-fixed-top, .navbar-fixed-bottom{position: relative !important;}

	.navbar-header{
		padding: 0;
		width: 100%;
	} 

/*Styling Links*/
.nav-links{
	background-color: transparent;
	float: right;
	list-style: none; 
	margin: 36px 0;
	padding: 0;
	width: auto;
}
	.nav-links #menu-principal{margin: 0;}

.nav-links li {
	display: inline-block;
	position: relative;
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
}
	.nav-links li a{
		background-color: transparent;
		border-radius: 10px;
		color: #fff;
		display: inline-block;
		font-weight: 500;
		text-decoration: none;
		margin: 0 10px;
		padding: 14px;
		position: relative;
		transition: .15s ease-in-out all;
	}
	.nav-links li.current-menu-item a,
	.nav-links li.current_page_item a{	
		background: #fff;
		color: #c88874;
	}
	.nav-links li.feat a{
		background-color: #c88874;
		color: #fff;
	}
	
	.nav-links li a:hover {
		color: #ae705d;
	}
	
	.nav-links li.feat a:hover{
		background-color: #ae705d;
		color: #fff !important;
	}


.nav-links li a::before {
	background-color: #c88874;
	border-radius: 10px;
	bottom: -10px;
	content: "";
	display: block;
	height: 3px;
	left: 0;
	position: absolute;
	transition: all ease-in-out 250ms;
	margin: 0 0 0;
	width: 0%;
}
.nav-links li.feat a::before{display: none;}

.nav-links li a:hover::before{
	width: 100%;
}

.nav-links li ul{
	background-color: #c88874;
	padding: 0;
}
	.nav-links li ul li{
		margin: 0;
		width: 100%;
	}
		.nav-links li ul li a{
			border-radius: 0;
			margin: 0px;
			padding: 10px 20px;
			text-align: left;
			width: 100%;
		}
		.nav-links li ul a::before{bottom: 0;}



/*Stying for small screens*/

	.nav-links{
		display: flex;
		list-style: none; 
		float: none;
		padding: 0 10px;
		justify-content: space-evenly;
		align-items: center;
	}
	nav{
		position: fixed;
		z-index: 3;
	}
	.nav-links{
		position: fixed;
		background: #131418;
		height: 100vh;
		width: 300px;
		flex-direction: column;
		clip-path: circle(50px at 0% -20%);
		-webkit-clip-path: circle(50px at 0% -10%);
		transition: all .8s ease-out;
		pointer-events: none;
		margin: 0;
		
		z-index: 9999;
	}
	.nav-links.open{
		clip-path: circle(1000px at 100% 10%);
		-webkit-clip-path: circle(1000px at 100% 40%);
		pointer-events: all;
	}
	.nav-links li{
		margin: 20px 0;
		opacity: 0;
	}
	.nav-links li:nth-child(1){
		transition: all 0.5s ease 0.2s;
	}
	.nav-links li:nth-child(2){
		transition: all 0.5s ease 0.4s;
	}
	.nav-links li:nth-child(3){
		transition: all 0.5s ease 0.6s;
	}
	.nav-links li:nth-child(4){
		transition: all 0.5s ease 0.7s;
	}
	.nav-links li:nth-child(5){
		transition: all 0.5s ease 0.8s;
	}
	.nav-links li:nth-child(6){
		transition: all 0.5s ease 0.9s;
		margin: 0;
	}
	.nav-links li:nth-child(7){
		transition: all 0.5s ease 1s;
		margin: 0;
	}
	li.fade{
		opacity: 1;
	}

/*Stying for small screens*/
	.hamburger{
		background-color: #fff;
		border-radius: 10px;
		//box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
		//right: 0;
		cursor: pointer;
		float: left;
		margin: 3px;
		padding: 4px 2px;
		//position: absolute;
		//transform: translate(-5%, -50%);
		transform: scale(.8);
		transition: all 0.7s ease;
		z-index: 99999999 !important;
		
		display: none;
	}
/*Styling Hamburger Icon*/
	.hamburger div{
		background: #000;
		border-radius: 4px;
		height: 2px;
		margin: 8px;
		transition: all 0.3s ease;
		width: 40px;
	}
	.hamburger.toggle div{
		background-color: #000;
	}

/*Animating Hamburger Icon on Click*/
.toggle .line1{
	transform: rotate(-45deg) translate(-5px,8px);
}
.toggle .line2{
	transition: all 0.7s ease;
	width:0;
	opacity: 0;
}
.toggle .line3{
	transform: rotate(45deg) translate(-5px,-8px);
}


.nav-overlay{
	position: fixed;
	z-index: 9998;
	height: 100vh;
	width: 100vw;
	top: 0;
	left: 0;
	display: none;
	background: rgba(255,255,255,0.8);
	opacity: 1;
}
.nav-overlay.open{display: block;}