.metismenu{
    border-bottom:1px solid rgba(0,0,0,0.2);
    background:#205FA0;
    background-image:linear-gradient(to right,#2671B5 4px,#205FA0 4px);
    background-repeat:repeat-x;
    margin:0;
}
.metismenu ul{
	padding:0;
	margin:0;
	list-style:none;
}
.metismenu ul > li{
	position:relative;
}
.metismenu ul li a{
	padding:6px 10px;
    color:#fff;
    border-top:1px solid rgba(0,0,0,0.2);
    box-shadow:0 1px 0 rgba(255,255,255,0.05) inset;
	transition:ease all 0.5s;
	-webkit-transition:ease all 0.5s;
	-moz-transition:ease all 0.5s;
	-o-transition:ease all 0.5s;
	-ms-transition:ease all 0.5s;
	display:block;
}
.metismenu ul ul a {
    padding:6px 12px;
    background-color:#4189C7;
}
.metismenu ul ul a:before{
	content:"\f178";
	font-family:FontAwesome;
	margin-right:5px;
}
.metismenu .arrow {
    float:right;
    margin-top:-29px;
    margin-right:3px;
    color:#fff;
    cursor:pointer;
    text-align:center;
    width:28px;
    line-height:28px;
    text-align:center;
    background:rgba(0,0,0,.15);
    border-radius:14px;
    -webkit-border-radius:14px;
    font-size:15px;
}
.metismenu ul a:hover, .metismenu ul a:focus, .metismenu ul a:active {
    color:#fff;
    background-image:linear-gradient(to right,#FF6600 4px,rgba(0,0,0,0) 4px);
	padding-left:25px;
}
.metismenu ul ul a:hover, .metismenu ul ul a:focus, .metismenu ul ul a:active {
    background-color:#367CB8;
}
.metismenu .arrow:hover {
    background:rgba(14, 14, 20, 0.32);
}
.metismenu .fa.arrow:before {
    content:"\f105";
}
.metismenu .active > .fa.arrow:before {
    content:" \f106 ";
}
@media (min-width:992px) {
	.metismenu ul li ul{
		position:absolute;
		left: 100%;
		top: 0;
		z-index: 999;
		width: 100%;
		height:100%;
		display:none;
	}
	.metismenu ul li:hover ul{
		display:block;
	}
}
@media (max-width:992px) {
	.metismenu .fa.arrow:before {
		content:"\f107 ";
	}
}