*{
margin:0;
padding:0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body{
font-family:'Open Sans', Arial, Halvetica, Sans-serif, Verdana, Tahoma;
}
ul{
	list-style:none;
}
a{
	text-decoration:none;
	color:#b63b4b;
}
.menu_bar{
	width:100%;
	max-width:360px;
	margin:60px auto 20px;
	background:#fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.menu_bar .link{
	display:block;
	padding:15px 15px 15px 42px;
	cursor:pointer;
	color:#4D4D4D;
	font-size:14px;
	font-weight:700;
	border-bottom:1px solid #00aeef;
	position:relative;
	-webkit-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.menu_bar li:last-child .link{
	border-bottom:0;
}
.menu_bar li i{
	position:absolute;
	top:16px;
	left:12px;
	font-size:18px;
	color:#595959;
	-webkit-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.menu_bar li i.fa-chevron-down{
	right:12px;
	left:auto;
	font-size: 16px;
}
.menu_bar li.open .link{
	color:#00aeef;
}
.menu_bar li.open i{
	color:#00aeef;
}
.menu_bar li.open i.fa-chevron-down{
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
/**
* Submenu
-------------------------------*/
.submenu{
	display:none;
	background:#00aeef;
	font-size:14px;
}
.submenu li{
	border-bottom:1px solid #fff;
}
/* .submenu li:hover{
	border-bottom:1px solid #00aeef;
} */
.submenu a{
	display:block;
	color:#fff;
	padding:12px;
	padding-left:42px;
	-webkit-transition:all 0.25s ease;
	-o-transition:all 0.25s ease;
	transition:all 0.25s ease;
}
.submenu a:hover{
	background:#e4e4e4;
	color:#4D4D4D;
}