#slide-menu {
	display: none;
	margin-left: -280px;
	left: 0;
	width: 280px;
	background: #f20000;
	position: fixed;
	height: 100%;
	overflow-y: auto;
	color: #fff;
	font-weight: 100;
	font-size: 1.5em;
	z-index: 9999;
    overflow-x: hidden;
}

@media only screen and (max-width : 641px) {
    #slide-menu {
        display: block;
    }
}

.navigation-menu {
	width: 280px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#slide-menu-top{
	width: 100% !important;
	padding: 20px 10px;
}

#slide-menu-top > div,
#slide-menu-top .fechar{
	display: inline-block;
	color: #fff !important;
}

#slide-menu-top .fechar{
	float: right !important;
	margin-right: 20px !important;
    padding: 20px;
	margin-top: -20px;
}

.navigation-menu{
	padding-left: 10px;
}

.navigation-menu,
.navigation-menu .parent{
	list-style: none;
	font-size: 18px;
}

.navigation-menu .parent{
	border-left: 1px solid #F2F2F2 !important;
	margin: 0;
	padding-left: 0 !important;
	margin-left: 10px;
}

.navigation-menu .parent li{
	display: block !important;
}

.navigation-menu .parent li a{
	padding: 7px 0 7px 5px;
	color: #fff !important;
	padding: 7px 0 7px 15px !important;
	width: 100%;
	display: block;
	font-size: 16px;
	text-decoration: none;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.navigation-menu .parent li a:hover{
	background: rgba(200, 200, 200,.5);	
}

.slide-menu-title{
	margin-bottom: 30px !important;
}

.slide-menu-title > div{
	margin-bottom: 10px;
}