@import url(http://fonts.googleapis.com/css?family=Alegreya+Sans+SC);

#RLMenu{
	width: 250px;
	height: 260px;
	position: fixed;
	top:120px;
}

.RLMenu-left{
	left: -180px;
	top: 0px;
	transition:left 1s;
	z-index:99999;
}

.RLMenu-left:hover{
	left:0px;
}

/*################## RIGHT MENU ##############*/
.RLMenu-right{
	right: -200px;
	top: 0px;
	direction: ltl;
	transition:right 1s;
	z-index:99999;
}
.RLMenu-right ul>li i,#toggle{
	right: 200px;
}

.RLMenu-right:hover{
	right:0px;
}


.RLMenu-right input{
	text-align:left;
}


/*############### END RIGHT MENU #############*/


#menuHeader{
	width: 100%;
	height: 60px;
	cursor: pointer;
}

#toggle{
	position: absolute;
	left: 195px;
	top: 10px;
}

#menuLogo{
	position: absolute;
	top: 10px;
	left:70px;
}

#RLMenu ul>li{
	position: relative;
	height: 45px;
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

#RLMenu ul>li a{
	color: #fff;
	line-height: 48px;
	margin: 20px;
	font-family: 'Alegreya Sans SC', sans-serif;
	transition: color 0.5s;
	text-decoration: none;
}
#RLMenu ul>li i{
	position: absolute;
	left: 200px;
	top:15px;
	color: rgba(255, 255, 255, 0.3);
	transition: color 0.5s;
}