.menu-dropdown-icon:before,
.menu-mobile:after {
	font-family: FontAwesome;
	position: absolute;
	right: 0;
}

.menu-container,
.menu>ul {
	margin: 0 auto;
	width: 100%
}

.menu>ul,
.menu>ul>li>ul,
.menu>ul>li>ul>li>ul {
	list-style: none;
	box-sizing: border-box
}

.menu>ul:after,
.menu>ul>li>ul:after,
.menu>ul>li>ul>li>ul:after {
	clear: both
}

.menu-container {
	background: #283A44
}

.menu-mobile {
	display: none;
	padding: 10px 20px;
}

.menu-mobile:after {
	content: "\f0c9";
	font-size: 30px;
	padding: 0;
	right: 20px;
	position: absolute;
	top: 44%;
	-webkit-transform: translateY(-25%);
	-ms-transform: translateY(-25%);
	transform: translateY(-25%)
}

.menu-dropdown-icon:before {
	content: "\f067";
	display: none;
	cursor: pointer;
	padding: 4px 10px;
	background: #fff;
	color: #333
}

.menu>ul,
.menu>ul>li {
	padding: 0;
	text-align: right
}

.menu>ul {
	position: relative
}

.menu>ul:after,
.menu>ul:before {
	content: "";
	display: table
}

.menu>ul>li {
	display: inline-block;
	background: #283A44;
	margin: 0
}

.menu>ul>li:hover,
.menu>ul>li>ul {
	background: #f0f0f0
}

.menu>ul>li a {
	text-decoration: none;
	padding: 10px 20px;
	display: block;
	color: #fff;
	font-size: 15px
}

.menu>ul>li:hover a {
	color: #283A44
}

.menu>ul>li>ul {
	display: none;
	width: 200px;
	padding: 10px 20px;
	position: absolute;
	z-index: 99;
	/*left: 0;*/
	margin: 0
}

.menu>ul>li>ul:after,
.menu>ul>li>ul:before {
	content: "";
	display: table
}

.menu>ul>li>ul>li {
	margin: 0;
	padding-bottom: 0;
	list-style: none;
	/*width: 25%;*/
	background: 0 0;
	text-align: left;
	float: left
}

.menu>ul>li>ul>li a {
	color: #777;
	padding: .2em 0;
	width: 95%;
	font-size: 14px;
	display: block;
	border-bottom: 1px solid #ccc
}

.menu>ul>li>ul>li>ul {
	display: block;
	padding: 0
}

.menu>ul>li>ul>li>ul:after,
.menu>ul>li>ul>li>ul:before {
	content: "";
	display: table
}

.menu>ul>li>ul>li>ul>li {
	float: left;
	width: 100%;
	padding: 5px 0;
	margin: 0;
	font-size: 1em
}

.menu>ul>li>ul>li>ul>li a {
	border: 0
}

.menu>ul>li>ul>li>ul>li a img {
	margin-right: 8px
}

.menu>ul>li>ul>li>ul>li:hover a {
	color: #000
}

.menu>ul>li>ul.normal-sub {
	width: 300px;
	left: auto;
	padding: 10px 20px
}

.menu>ul>li>ul.normal-sub>li {
	width: 100%
}

.menu>ul>li>ul.normal-sub>li a {
	border: 0;
	padding: 1em 0
}

@media only screen and (max-width:959px) {
	.menu-dropdown-icon:before,
	.menu-mobile {
		display: block
	}
	.menu>ul>li>ul,
	.menu>ul>li>ul>li>ul {
		position: relative
	}
	.menu-container {
		width: 100%;
		overflow: hidden
	}
	.menu-mobile {
		color: #fff!important;
		text-decoration: none
	}
	.menu>ul {
		display: none
	}
	.menu>ul>li {
		width: 100%;
		float: none;
		display: block;
		text-align: left
	}
	.menu>ul>li a {
		padding: 5px 20px;
		display: block
	}
	.menu>ul>li>ul.normal-sub {
		width: 100%
	}
	.menu>ul>li>ul>li {
		float: none;
		width: 100%;
		margin-top: 20px
	}
	.menu>ul>li>ul>li:first-child {
		margin: 0
	}
	.menu>ul>li>ul>li>ul>li {
		float: none
	}
	.menu .show-on-mobile {
		display: block;
		padding-bottom: 10px
	}
}