#navbar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 64px;
	background-color: white;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, .3);
	transition: top .3s;
	z-index: 1000;
}

.navbar-button {
	width: 64px;
	height: 64px;
	line-height: 64px;
	cursor: pointer;
}

.navbar-logo-img {
	width: auto;
	height: 100%;
	padding: 10px;
}

.navbar-logo-title {
	width: auto;
	height: 100%;
	padding: 26px 0;
}

#nav-menu {
	position: fixed;
	top: 0;
	right: -100%;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: rgba(255, 255, 255, 0.95);
	border-left: 1px solid;
	font-size: 20px;
	transition: right .3s;
	z-index: 1000;
}

.nav-menu-section {
	display: block;
	padding: 20px;
	border-bottom: 1px dotted;
}

.nav-menu-section:last-child {
	border-bottom: none;
}

.nav-menu-item {
	display: block;
	padding: 20px;
}

#btnMenuClose {
	width: 100%;
	height: 64px;
	line-height: 64px;
	padding: 0 20px;
	text-align: center;
	cursor:pointer;
}

#navbar-bottom {
	/*display: none;*/
	position: fixed;
	left: calc(-50vw + 50%);
	right: calc(-50vw + 50%);
	width: 100%;
	height: 64px;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, .3);
	margin-left: auto;
	margin-right: auto;
	background: rgba(255, 255, 255, 1);
	line-height: 64px;
	transition: bottom .3s;
	z-index: 1000;
}

/*--------------------------------------------------------------
Screen
--------------------------------------------------------------*/

@media (min-width: 768px) {
	#nav-menu {
		width: 360px;
	}
	#navbar-bottom {
		display: none;
	}
}

@media (min-width: 960px) {}

/*--------------------------------------------------------------
Print
--------------------------------------------------------------*/

@media print {
	#navbar {
		position: absolute;
		top: 0 !important;
		box-shadow: none;
	}
	#nav-menu {
		display: none !important;
	}
	#navbar-bottom {
		display: none !important;
	}
}