/* nav-bar */
header .navbar-lg {
	padding-bottom: 4rem;
	padding-top: 4rem;
	height: 50px !important;
}

/* navbar */
.navbar-nav-lg {
	/* border-radius: 3rem; */
	/* border-radius: .5rem; */
	/* padding: .6rem; */
}

.nav-item {
	border-radius: .2rem;
	padding-left: .3rem;
	padding-right: .3rem;
}

.nav-item i {
	margin: 0;
	margin: 4px 0 0 8px;
	display: inline-block;
	float: right;
}

.nav-item-lg {
	display: inline-flex;
	float: left;
	margin-left: .6rem;
	margin-right: .6rem;
}

.nav-item-sm {
	display: inline-flex;
	float: left;
	padding-left: .4rem;
	padding-right: .4rem;
}

/* dropdown */
.dropdown-menu {
	background: rgba(255,255,255,0.5) !important;
	color: #222 !important; 
}

.dropdown-item {
	background: rgba(255,255,255,0.5) !important;
	color: #222 !important; 
}

/* responsive */
.nav_responsive {
	position: absolute;
	top: 2%;
	width: 100%;
	padding: none;
	z-index: 1000 !important;
}

.nav_responsive label {
	display: block;
	cursor: pointer;
	animation-name: animation_fadein;
	animation-duration: .3s;
}

.nav_responsive ul {
	position: fixed;
	background: rgba(22,39,63,.93);
	list-style: none !important;
	top: 0;
	left: 0 !important;
	width: 100%;
	display: none;
	padding: 0;
	margin: 0;
	height: 100vh;
	animation-name: animation_flipleft;
	animation-duration: .1s;
}

[id^=btn]:checked + ul{
	display: block;
}

@keyframes animation_flipleft {
	from {width: 0;}
	to {width: 100%;}
}

@keyframes animation_fadein {
	from {opacity: 0.0;}
	to {opacity: 1;}
}

.nav_responsive .menu:before{
	display: none;
	/* position: absolute; */
	/* content: ''; */
	/* height: 20px; */
	/* width: 20px; */
	/* background: #66BBB0; */
	/* right: 40px; */
	/* top: -10px; */
	/* transform: rotate(45deg); */
	/* z-index: 99; */
}

.nav_responsive ul li {
	line-height: 38px;
	padding: 0;
	margin: 0;
	cursor: pointer;
	/* border-bottom: rgba(255,255,255,0.1); */
	display: inline-block;
	width: 100%;
	animation-name: animation_fadein;
	animation-duration: .3s;
	animation-timing-function: ease-in;
}

.nav_responsive ul li label{
}

.nav_responsive ul li a {
	color: white !important;
	text-decoration: none;
	display: block;
}
.nav_responsive ul li a:hover,
.nav_responsive ul li label:hover{
	color: #f9f9f9 !important;
}
.nav_responsive ul ul{
	position: static;
}
/*.nav_responsive ul ul li{
line-height: 30px;
padding-left: 30px;
border-bottom: none;
}*/
.nav_responsive ul ul li a{
	/* color: #fff; */
}
.nav_responsive ul li span{
	float: right;
	margin-top: 10px;
	padding: 0 10px;
	transition: 0.5s;
}

.sidebar i {
	margin: 0;
	padding: 2px 8px 0 0;
	display: inline-block;
	float: left;
}