@charset "utf-8";
/* css by OOparts */

body {
    /*transform: translateX(200px);*/
}

html.on,
body.on {
    width:100%;
    height:100%;
    overflow:hidden;
}

body.on:before {
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 5px 0 10px 0 rgba(0, 0, 0, 0.3) inset;
    position:fixed;
	height:100%;
	width:100%;
    top:0;
	left:0;
	content:"";
    z-index:99;
}

#main_menu {
	padding:0;
}
#main_menu > .container {
	padding:0;
}

#mobile_btn,
#mobile_btn:focus,
#mobile_btn:hover{
    border:none;
    background:none;
}
#mobile_btn .icon-bar {
    display:block;
    position:relative;
    top:0;
	width:35px;
    height:4px;
    margin:7px 0;
	background-color: rgba(255, 255, 255, 0.5);
	transition:all 0.5s ease-out 0s;
}
/* #main_menu */
#menu_collapse {
	text-align:center;
}
body.on #menu_collapse {
    right:0;
}

#main_menu .navbar-header {
    width:100%;	
    border-bottom: 0px solid #283546;
	margin:0;
}
#main_menu #mobile_btn {
    float:none;
    margin:0;
    padding:0;
    position:absolute;
    top:9px;
    right:20px;
}
#main_menu .navbar-header .navbar-brand { 
    float:none;
}
#main_menu .navbar-brand img {

}

#menu_collapse {
	clear:both;
	margin:0;
	border-top:1px solid #ccc;
}

#main_menu .navbar-nav {
	float:none;
	display:inline-block;
}
#main_menu .navbar-nav li {
	float:left;
}
#main_menu .navbar-nav li a,
#main_menu .navbar-nav li span {
	padding:20px 7px;
	font-size:12px;
	font-weight:bold;
}
#main_menu .navbar-nav .nav_list_group .list-group-item {
	border-width:0 0 1px 1px;
	color:#0695a6;
}
#main_menu .navbar-nav .nav_list_group .bg_line {
	height:2px;
}

#main_menu .navbar-nav .nav_list_group .sub_menu {
	position:relative;
	opacity:1;
	top:0;
	padding:0;
}
#main_menu .navbar-nav .nav_list_group .sub_menu > li a {
	font-size:1rem;
	font-weight:300;
}