.section-navigation {
	margin-bottom: 50px;
	font-size: 16px;
	padding: 5px 0 0;
	width: calc(1200px/3);
	max-width: calc(100% + 80px);
	margin-left: -40px;
	margin-right: -40px;
}

.section-navigation:before {
	display: block;
	content: ' ';
	margin-bottom: 50px;
	height: 0px;
	overflow: hidden;
}

.website-main .section-navigation:before {
	display: none;
}

.section-navigation header {
	padding: 0 20px;
	/*background: #f6f6f6;*/
	color: #666;
	font-size: 20px;
	margin: 10px 0 10px;
}

.section-navigation ul,
.section-navigation li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.section-navigation li {
	position: relative;
	border-right: 3px solid transparent;
}

.section-navigation a {
	display: block;
	padding: 10px 20px;
	text-decoration: none;
}

.section-navigation .nav-icon-item a {
	padding-left: 40px;
}

.section-navigation ul ul .nav-icon-item a {
	padding-left: 60px;
}

.section-navigation .current > a {
	z-index: 2;
	background: #f6f6f6;
	color: #444;
}

.section-navigation li > i {
	position: absolute;
	left: 20px;
	top: 23px;
	margin-top: -.55em;
	color: #00c96d;
}

.section-navigation li > i.inactive {
	color: #ddd;
}

.section-navigation ul ul li > i {
	left: 40px;
}

.section-navigation .flag {
	font-family: Lato, Raleway, sans-serif;
	display: inline-block;
	float: right;
	margin: 2px 0 2px 10px;
	padding: 3px 10px;
	background: #FBF8DF;
	color: #7A7B53;
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	border-radius: 999px;
	border: 1px solid #D6D7B1;
	font-size: 11px;
	line-height: normal;
	font-weight: 600;
}

.section-navigation .flag i {
	margin-left: 4px;
}