/*
// NAV BAR
*/

.nav_bar,
.nav_bar *
{
	z-index:10000
}
.nav_bar *
{
	transition: all 0.3s;
}
.nav_bar ul
{
	margin:0;
	padding:0;
}
.nav_bar ul li
{
	display:block;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	overflow:visible
}
.nav_bar ul li a
{
	display:block;
	padding-left:10px;
	padding-right:10px;
	white-space:nowrap;
	color:#fff;
	z-index:10000;
}
.nav_bar ul li.search
{
	padding-left:20px;
	margin-left:20px;
	border-left:1px solid #999
}
.nav_bar ul li a.search
{
	width:48px;
	height:27px;
	font-size:0;
	background:transparent url('/_images/search-icon.svg') center center no-repeat;
	transition:background-image 0.2s;
}
.nav_bar ul li a.search.clicked
{
	background:transparent url('/_images/search-close-icon.svg') center center no-repeat;
}
.nav_bar ul li:hover
{
	background-color:#2d4761;
	background-color:#1a4876;
	background-color:#1a3966;
	background-color:#294866;
	background-color:rgba(255,255,255,0.1);
}
.nav_bar ul li:hover a
{
	/*color:#333;*/
}
.nav_bar ul li ul
{
	display:block;
	visibility:hidden;
	max-height:0;
	margin:0;
	padding:0;
	overflow:hidden;
}
.nav_bar ul li ul
{
	position:absolute;
	left:0;
	background-color:#5C7FA2;
	background-color:#2d4761;
	background-color:#1a4876;
	background-color:#1a3966;
	background-color:#294866;
}
.nav_bar ul li:hover ul,
.nav_bar ul li.hover ul
{
	visibility:visible;
	/*
	max-height:300px;
	overflow:visible
	*/
	opacity:1;
}
.nav_bar ul li.hidden:hover ul
{
	visibility:hidden;
	opacity:0;
}
.nav_bar ul li ul li
{
	display:block;
	position:relative;
	padding-right:20px;
	min-width:100%;
	clear:both;
}
.nav_bar ul li ul li.parent
{
	background-image:url('/_images/parent-arrow.png');
	background-position:right center;
	background-repeat:no-repeat;
}
.nav_bar ul li ul li a
{
	margin-left:0;
}
.nav_bar ul li ul li:hover
{
	background-color:#ccc;
	background-color:#425a71;
}
.nav_bar ul li ul li ul
{
	position:absolute;
	left:100%;
	top:0;
	max-width:0;
	opacity:0;
	overflow:hidden!important;
	/*
	background-color:#ccc
	*/
}
.nav_bar ul li ul li:hover ul
{
	max-width:200px;
	opacity:1;
}
.nav_bar ul li ul li ul li
{
	clear:both
}
.nav_bar ul li ul li ul li:hover
{
	/*
	background-color:#aaa
	*/
}

/*
// MENU BOX
*/
.menu_button
{
	display:none;
	width:30px;
	height:30px;
	background:url("/_images/menu-button.svg");
	cursor:pointer
}
.menu_button.clicked
{
	background:url("/_images/menu-button-x.svg");
}
.mobile_menu
{
	display:block;
	position:relative;
	width:100%;
}
.menu_box ul
{
	display:block;
	margin:0;
	padding:0;
	width:100%;
}
.menu_box > ul
{
	/*min-width:240px;*/
	width:100%
}
.menu_box ul li
{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	overflow:visible
}
.menu_box ul li a
{
	display:block;
	width:100%;
	padding-left:10px;
	padding-right:10px;
	white-space:nowrap;
	color:#fff;
	z-index:10000;
}
.menu_box ul li.parent > a
{
	padding-right:20px;
	background-image:url('/_images/plus.png');
	background-position:right center;
	background-repeat:no-repeat;
}
.menu_box ul li.parent.clicked > a
{
	background-image:url('/_images/minus.png');
}
.menu_box ul li ul
{
	display:block;
	visibility:hidden;
	max-height:0;
	margin:0;
	padding:0;
	overflow:hidden;
}
.menu_box ul li ul li
{
	padding-left:30px
}
.menu_box ul li.clicked > ul
{
	visibility:visible;
	max-height:500px;
	opacity:1;
}
.menu_box a:hover
{
	color:#ccc
}
.menu_box
{
	display:none;
	visibility:hidden;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	padding:20px 30px;
	margin:0;
	background-color: #000;
	transition:all 1s;
	transition-delay:1s;
	z-index:999999
}
.mobile_menu.clicked .menu_box
{
	display:block;
	visibility:visible;
}
.menu_box ul
{
	margin:0;
	padding:0;
	list-style:none;
}
.menu_box ul li a
{
	line-height:50px;
}