#menu {
	height: 57px;
	background: #272727;
}

#menu > .container{
	height: 57px;
	overflow: hidden;
	padding : 0px 0.5% 0px 0.5% !important;
}

#menu > .container > .btn_base {
	display : block;
	background : none;
	color: #FFFFFF;
	font-weight : 400;
	font-size : 16px;
	text-transform: none !important;
	line-height: 49px;
	margin : 4px 0px 0px 0px;
	padding : 0px 18px 0px 18px;
	border-radius: 7px;
}

#menu > .container > a:nth-child(10)
{
	display : none;
}



#menu > .container > .btn_base:after {
	background-color : #45a200;
}

.container > .menu_list {
	display : flex;
	flex-wrap: wrap;
	width : 100%;
}
.container > .menu_list  span {
	display : flex;
	flex-wrap: wrap;
	width : calc(100% - 0px);
}

.container > .menu_list  span.column {
	width : calc(33.3% - 0px);
	flex-direction : column;
}

.container > .menu_list.col_2  span.column {
	width : calc(50% - 0px);
	flex-direction : column;
}

.container > .menu_list  span  b {
	display : flex;
	flex-wrap: wrap;
	width : 100%;
	display: inline-block;
	padding: 10px 0px 5px 0px;
	font-size: 22px;
	font-weight: 300;
	color: #000000;

}
.container > .menu_list  span  .btn_base {
	display : block;
	text-align : left;
	width : calc(25% - 5px);
	margin : 5px 2.5px 0px 2.5px;
	text-transform: none !important;
	font-size : 16px;
	font-weight : 400;
	vertical-align : middle;
    padding-left : 20px;
}


.container > .menu_list  span.column  .btn_base {
	display : block;
	text-align : left;
	width : calc(100% - 5px);
	margin : 5px 2.5px 0px 2.5px;
	text-transform: none !important;
	font-size : 16px;
	font-weight : 400;
	vertical-align : middle;
	padding-left : 20px;
}

.container > .menu_list  span  .btn_base:after {
	background-color : #272727;
}

.container > .menu_list  span.type_1  .btn_base {
	background-color : #4cb200;
}

.container > .menu_list  span.type_2  .btn_base {
	background-color : #3a8800;
}

.container > .menu_list  span.type_3  .btn_base {
	background-color : #285d00;
}

.container > .menu_list  span  .btn_base  b {
	display: inline-block;
	padding: 0px;
	font-size: 18px;
	font-weight: 900;
	color: #00365b;
	background: #ffffff;
	vertical-align: middle;
	text-align: center;
	margin-right: 10px;
	width: 30px;
	letter-spacing: -1px;
	line-height: 28px;
	border-radius : 3px;
}




#menu.default {
	width: 100%;
	min-width: 920px;
	position: absolute;
	top: 120px;
	z-index: 20;
}

#menu.fixed {
	width: 100%;
	min-width: 920px;
	position: fixed;
	top: 0px;
	z-index: 1000;
}



.menu_hid {
	position : absolute;
	width : 100%;
	display : block;
	background : #FFFFFF;
	box-shadow : 0px 20px 20px rgba(0,0,0,0.3);
	opacity : 0;
	transform: scaleY(0);
	transform-origin : top;
	-webkit-transition: all .7s ease-in-out;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;

}

.menu_vis {
	position : absolute;
	width : 100%;
	display : block;
	background : #FFFFFF;
	box-shadow : 0px 20px 20px rgba(0,0,0,0.3);
	opacity : 1;
	transform: scaleY(0);
	transform: scaleY(1);
	transform-origin : top;
	-webkit-transition: all .7s ease-in-out;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;

}

.menu_hid .container,
.menu_vis .container
{
	padding : 0px 0px 25px 0px;
}