/*
Basic font for the plugin
 */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);



/*
Icons from icon font  - setup
 */
@font-face {
	font-family: 'mobile.nav';
	src:url('../fonts/mobile.nav.eot');
	src:url('../fonts/mobile.nav.eot?#iefix') format('embedded-opentype'),
		url('../fonts/mobile.nav.woff') format('woff'),
		url('../fonts/mobile.nav.ttf') format('truetype'),
		url('../fonts/mobile.nav.svg#mobile.nav') format('svg');
	font-weight: normal;
	font-style: normal;
}
#sdrn_menu [data-icon]:before, #sdrn_bar [data-icon]:before {
	font-family: 'mobile.nav';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}



/*
Some  setup
 */
#sdrn_bar, #sdrn_bar *,
#sdrn_menu * {
	-moz-box-sizing: border-box!important;
	-webkit-box-sizing: border-box!important;
	box-sizing: border-box!important;
	font-family: 'Open Sans', sans-serif;
}
.sdrn_clear {
	clear: both !important;
    display: block !important;
    height: 1px !important;
    margin: -1px 0 0 !important;
    width: 1px !important;
}



/*
The top Bar that shows/hides the menu
 */
#sdrn_bar {
	position:fixed;
	top:0px;
	left:0px;
	background: #0D0D0D;
	padding:10px 16px;
	width:100%;
	display: none;
	cursor: pointer;
	z-index: 99999;
	overflow: hidden;
	height:42px;
	display: none;
}
#sdrn_bar .menu_title {
	color:#f2f2f2;
	font-weight: 400;
	font-size: 20px;
	line-height: 20px;
}
/* font icon */
#sdrn_bar .sdrn_icon_menu {
	color:#f2f2f2;
	margin-right:5px;
}
/* html icon */
#sdrn_bar .sdrn_ic {
	width: 20px;
	height: 22px;
	overflow: visible;
	float: left;
	margin-right: 16px;
	padding-top: 2px;
}
#sdrn_bar .sdrn_ic span {
	display: block;
	width: 20px;
	height: 4px;
	background: #f2f2f2;
	margin-bottom: 3px;
}





body { position: relative!important; }/*--ADDED--*/


/*

The Menu

*/
#sdrn_menu {
	background:#2E2E2E;
	position: relative;
	z-index: 99998;
}
#sdrn_menu.top {
	top:0px;
	left:0px;
	width:100%;
	display: none;
}
#sdrn_menu.left {
	top:0px;
	bottom:0px;
	display:block!important;
	height:100%;
	position: absolute;
	overflow-y:scroll;
	/*border-right:1px solid #131212;*/
}



/*1st level*/
#sdrn_menu ul {
	margin:0px;
	padding:0px;
	display: block;
	width:100%;
	position: relative;
	list-style: none;
}
#sdrn_menu ul li {
	display: block;
	list-style: none;
}

#sdrn_menu ul li a, #sdrn_menu ul li a:hover {
	border-bottom:1px solid #131212;
	border-top:1px solid #474747;
	display: block;
	color:#D3D3D3;
	padding: 13px 14px;
	font-size:14px;
	margin:0px;
	text-decoration: none;
}






/*********/
#sdrn_menu.sdrn_levels ul li {
	display: block;
	overflow: hidden;
	border-bottom:1px solid #131212;
	border-top:1px solid #474747;
	width:100%;
	position: relative;
}
#sdrn_menu.sdrn_levels ul li a{
	float: left;
	border: none;

}
#sdrn_menu.sdrn_levels a.sdrn_parent_item {
	border-left:1px solid #474747;
	margin-left: 44px;
}
#sdrn_menu .sdrn_icon_par {
	position: relative;
	display: block;
	color: #CFCFCF;
	width: 46px;
	padding: 10px 14px;
	cursor: pointer;
	float: left;
	position: absolute;
	top:0px;
	left:0px;
}

#sdrn_menu .sdrn_icon_par.sdrn_par_opened:before {
	content:"o";
}

#sdrn_menu .sdrn_no_border_bottom {
	border-bottom: none!important;
}

#sdrn_menu.sdrn_levels ul li ul { border-top:1px solid #131212;}

#sdrn_menu.sdrn_levels ul li ul li { padding-left:44px;}

#sdrn_menu.sdrn_levels ul li ul li ul li { padding-left:88px;}

#sdrn_menu.sdrn_levels ul li ul li ul li ul li { padding-left:132px;}


#sdrn_menu.sdrn_levels ul li ul li.sdrn_parent_item_li { padding-left:0px;}
#sdrn_menu.sdrn_levels ul li ul li.sdrn_parent_item_li .sdrn_icon_par { margin-left:44px;}
#sdrn_menu.sdrn_levels ul li ul li.sdrn_parent_item_li a.sdrn_parent_item { margin-left: 88px;}

#sdrn_menu.sdrn_levels ul li ul li ul li.sdrn_parent_item_li { padding-left:0px;}
#sdrn_menu.sdrn_levels ul li ul li ul li.sdrn_parent_item_li .sdrn_icon_par { margin-left:88px;}
#sdrn_menu.sdrn_levels ul li ul li ul li.sdrn_parent_item_li a.sdrn_parent_item { margin-left: 132px;}

#sdrn_menu.sdrn_levels ul li ul li ul li ul li.sdrn_parent_item_li { padding-left:0px;}
#sdrn_menu.sdrn_levels ul li ul li ul li ul li.sdrn_parent_item_li .sdrn_icon_par { margin-left:132px;}
#sdrn_menu.sdrn_levels ul li ul li ul li ul li.sdrn_parent_item_li a.sdrn_parent_item { margin-left: 176px;}
/********/