.nav-open main {
	transform: scale(.8);
}
.nav-trigger {
	position: fixed;
	z-index: 4;
	top: 24px;
	right: 20px;
	height: 44px;
	width: 44px;

	overflow: hidden;
	color: transparent;
	white-space: nowrap;
	text-indent: 100%;
}

.nav-trigger span,
.nav-trigger span::before,
.nav-trigger span::after {
	position: absolute;
	height: 4px;
	width: 36px;
	background: #ffffff;
}

.nav-trigger span {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: background .3s;
}

.nav-trigger span::before,
.nav-trigger span::after {
	content: '';
	top: 0;
	left: 0;
	transition: background .3s, transform .3s;
}

.nav-trigger span::before {
	transform: translateY(-12px);
}

.nav-trigger span::after {
	transform: translateY(12px);
}

.nav-trigger:hover span, 
.nav-trigger:hover span::before,
.nav-trigger:hover span::after {
	background: white;
}

.nav-open .nav-trigger span {
	background: transparent;
}

.nav-open .nav-trigger span::before,
.nav-open .nav-trigger span::after {
	background: #c9c9c9;
}

.nav-open .nav-trigger span::before {
	transform: rotate(-45deg);
}

.nav-open .nav-trigger span::after {
	transform: rotate(45deg);
}

.overlay {
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #1C1D21;
	opacity: 0;
	visibility: hidden;
	transition: opacity .5s, visibility .5s;
}

.nav-open .overlay {
	opacity: .6;
	visibility: visible;
}

.nav-container {
	position: fixed;
	z-index: 10;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	max-width: 460px;
	padding: 10px;
	background: rgba(22, 28, 41, 0.68);
	overflow: auto;
	transform: translateZ(0);
	transform: translateX(100%);
	transition: transform .5s cubic-bezier(.07,.23,.34,1);
}

.nav-open .nav-container {
	transform: translateX(0);
}

.nav-container h2 {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #AAAAAA;
	margin: 1.5em 0;
}

.nav {
	list-style: none;
	padding: 0;
	padding-top: 60px;
}

.nav a {
	font-family: "Saviorsans", sans-serif !important;
	display: block;
	padding: .4em 0;
	font-size: 18pt;
	font-weight: bold;
	font-family: serif;
	text-decoration: none;
	color: #c9c9c9;
	transform: translateZ(0);
}

.nav-open .nav a {
	animation: slide-in .4s .2s backwards;
}

.nav-open .nav li:nth-of-type(2) a {
	animation-delay: .3s;
}

.nav-open .nav li:nth-of-type(3) a {
	animation-delay: .4s;
}

.nav-open .nav li:nth-of-type(4) a {
	animation-delay: .5s;
}

.nav-open .nav li:nth-of-type(5) a {
	animation-delay: .6s;
}

@keyframes slide-in {
	0% {
		opacity: 0;
		transform: translateX(80px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
.nav img{
	position: relative;
	z-index: 1;
	top: 12px;
	margin-right: 10px;
}
.nav img#notifi{
	position: absolute;
	z-index: 2;
}
.nav span#unidades{
	display: block;
	margin-left: 55px;
	position: relative;
	top: -26px;
}