.mobile_menu ul > li a i.icon{margin:0 6px 0 0;font-size:0.9em;}
.mobile_menu ul > li a i.icon.after{margin:0 0 0 6px;}

.mobile_menu_toggler{
	float:right;width:34px;
	height:26px;display:none1;
	margin: 4px;
	cursor:pointer;position: relative;
}
.m_nav_ham{width:24px;height:2px;background:#333;margin:5px auto;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.m_nav_ham_1_open{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);margin-top:13px;}
.m_nav_ham_2_open{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:-7px;}
.m_nav_ham_3_open{opacity:0;}

.mobile_menu{
	display:block;
	background-color:#000;
	padding:0px;
	position:relative;
	width:100%;
	overflow-y: scroll;
	height: calc(100vh - 50px);
}
#mobile_menu{
	display:block;
	background-color:#000;
	padding:0px;
	position:relative;
	width:100%;
}

.mobile_menu__former>ul>li>a:hover {
    background: #299c9b;
}

.mobile_menu ul{padding: 0;margin:0;list-style:none;display: block;}
.mobile_menu ul li{margin:0;display: block;}
.mobile_menu ul li.boc_search_border,
.mobile_menu ul li.boc_search_toggle_li{display:none;}
.mobile_menu > ul > li a{background:#222;border-top:1px solid rgba(255, 255, 255, 0.1);border-bottom:1px solid rgba(0, 0, 0, 0.3);}
.mobile_menu > ul > li > a:hover{background:#2a2a2a;}
.mobile_menu ul ul li a:hover{background:#171717;}
.mobile_menu > ul > li ul li a{background:transparent;border-top:1px solid transparent;border-bottom:1px solid transparent;}
.mobile_menu ul li a{    text-align: left;color:#ccc;font-size:14px;line-height:1.7em;display:block;position:relative;padding:12px 15px;text-shadow:1px 1px 0 rgba(0, 0, 0, 0.3);-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.mobile_menu ul ul li a{padding:10px 0px 10px 15px;}
.mobile_menu ul ul ul li a{padding:10px 15px 10px 50px;}
.mobile_menu ul li a:hover{color:#eee;}
.mobile_menu ul li ul{display:none;}
.mobile_menu ul li a > span{
	float:right;
	width:40px;
	height:40px;
	text-align:center;
	font-size:14px;
	line-height:40px;
	margin-top:-6px;
}
.mobile_menu ul li a:hover > span{color:#ddd;cursor:pointer;}
.mobile_menu ul li a > span:hover{color:#fff;}

.icon-chevron-up:before {
    content: "+";
}
.icon-chevron-down:before {
    content: "-";
}