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



/*
Icons from icon font  - setup
 */
@font-face {
	font-family: 'sdrn';
	src:url('../fonts/sdrn.eot');
	src:url('../fonts/sdrn.eot#iefix') format('embedded-opentype'),
		url('../fonts/sdrn.woff') format('woff'),
		url('../fonts/sdrn.ttf') format('truetype'),
		url('../fonts/sdrn.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'fontawesome';
	src:url('../fonts/font/fontawesome-webfont.eot');
	src:url('../fonts/font/fontawesome-webfont.eot#iefix') format('embedded-opentype'),
		url('../fonts/font/fontawesome-webfont.woff') format('woff'),
		url('../fonts/font/fontawesome-webfont.ttf') format('truetype'),
		url('../fonts/font/fontawesome-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

#sdrn_menu .sdrn_icon:before, #sdrn_bar [data-icon]:before {
	font-family: 'sdrn';
	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,
#sdrn_menu * {
  /* reset */
  margin:0;
  padding:0;
  -moz-box-sizing: border-box!important;
	-webkit-box-sizing: border-box!important;
	box-sizing: border-box!important;
	font-family: 'Open Sans', sans-serif;
  list-style:none;
  text-align:left;
  font-size:100%;
  font-weight:normal;
}
#sdrn_menu img, #sdrn_bar img {
  border:0; border:none;
}

.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:absolute;
	top:0px;
	right:0px;
	background: none !important;
	padding:10px 16px;
	width:50px;
	display: none;
	cursor: pointer;
	z-index: 99998;
	overflow: hidden;
	height:42px;
	display: none;
}
#sdrn_bar .menu_title {
	color:#f2f2f2;
	font-weight: 400;
	font-size: 20px;
	line-height: 20px;
}
#sdrn_bar .bar_logo {
  border:0px;
  border:none;
  margin:0px;
  padding:0px;
  margin-top: -13px;
  padding-left: 8px;
  padding-right: 8px;
  width:auto;
  height: 25px;
  position: absolute;
  left: auto;
  right:auto;
  top:50%;
}
/* font icon */
#sdrn_bar .sdrn_icon_menu {
	color:#f2f2f2;
	margin-right:5px;
}
/* html icon */
#sdrn_bar .sdrn_ic {
	width: 20px;
	height: 22px;
	overflow: hidden;
	float: left;
	margin-right: 16px;
	padding-top: 2px;
  position: relative;
}
#sdrn_bar .sdrn_ic span {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
	display: block;
  position: absolute;
	width: 20px;
	height: 4px;
  left: 0px;
	background: #fff;
  -webkit-box-shadow: 1px 1px 1px 0 #000;
  box-shadow: 1px 1px 0px 0 #000;
}
#sdrn_bar .sdrn_ic_1 {
  top:0px;
}
#sdrn_bar .sdrn_ic_2 {
  top:7px;
}
#sdrn_bar .sdrn_ic_3 {
  top:14px;
}
#sdrn_bar.menu_is_opened .sdrn_ic_1 {
  top:-10px;
}
#sdrn_bar.menu_is_opened .sdrn_ic_2 {
  top:9px!important;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
          zoom:1;
}
#sdrn_bar.menu_is_opened .sdrn_ic_3 {
  top:9px!important;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
          zoom:1;
}



body { position: relative!important; }




#sdrn_menu.top {
	top:0px;
	left:0px;
	width:100%;
	display: none;
	/*position: relative;*/
  position: absolute;z-index: 999;

}
#sdrn_menu.left, #sdrn_menu.right {
    display: none;
    position: absolute;
    position: fixed;
    top: 0px;
    height: 100%;
    z-index: 99997;
    overflow-x: none;
    overflow-y: auto;
    background: #2E2E2E;
}
#sdrn_menu.left ul#sdrn_menu_ul, #sdrn_menu.right ul#sdrn_menu_ul {
	padding-top: 42px;
}



/*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:first-child {z-index: 999;}

#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:0 14px;/*13px 14px*/
	font-size:14px;
	margin:0px;
	text-decoration: none;width:100%;line-height:45px;
}


/*********/
#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: 100%;
	padding: 13px 14px 10px 14px;
	cursor: pointer;
	float: left;
	position: absolute;
	top:0px;
	left:0px;
}



#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 ul li ul li ul li { padding-left:176px;}


#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;}

#sdrn_menu.sdrn_levels ul li 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 ul li.sdrn_parent_item_li .sdrn_icon_par { margin-left:176px;}
#sdrn_menu.sdrn_levels ul li ul li ul li ul li ul li.sdrn_parent_item_li a.sdrn_parent_item { margin-left: 220px;}
/********/




.icon_default.sdrn_icon_par:before {
	content:"t";
}


.icon_default.sdrn_par_opened:before {
	content:"o";
}