/*submenu*/
.sf-menu, .sf-menu * 
{
	margin: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 50%;
	z-index: 99;
}
.sf-menu > li {
/*	float: left;*/
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}

.sf-menu li:hover,
.sf-menu li.sfHover {
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}


#navigation-mobile { display: none; }

.navigation
{
	width:			100%;
	background:		#3e3e3e;
	transition:		all .1s ease-out;
	position:		fixed;
	top:			0;
	z-index:		1000;
	padding: 5px 0 5px 0;
	transition:	all .3s;
}

.navigationScroll
{
	padding: 0 0 0 0;
}

#navigation
{
	margin:			0 auto;
}

.menu-footernavigation-container ul
{
	list-style-type: none;
}



/* align navi right: 	ul|float:left;left:100% && li|float:left;right:100% */
/* align navi center:	ul|float:left;left:50% && li|float:left;right:50% */
/* align navi left:	ul|float:left;left:0% && li|float:left;right:0% OR delete all */

nav ul#wwm_menu
{
	position: 		relative;
	float: 			left;
	left: 			50%;
	margin: 		0 auto;
}

nav ul#wwm_menu li
{
     list-style: 		none;
	position:		relative;
	float:			left;
	right:			50%;
}
 
nav ul#wwm_menu li a
{
	display:		block;
	padding:		18px 20px 10px 20px;
	color:			#c9c9c9;
	text-transform:		uppercase;
	text-decoration: 	none;
	transition:		all .2s;
	font-size:		16px;
	zoom: 			1; /* IE7 */
	border-bottom:		5px solid transparent;
}

nav ul#wwm_menu li a:hover, 
nav ul#wwm_menu li.current-menu-item > a,
nav ul#wwm_menu li.active > a
{
	color:			#ffffff;
	transition:		all .2s;
}

nav ul#wwm_menu li ul
{
	width:			205px;
}

nav ul#wwm_menu li ul li
{
	float:			none;
	color:			#ffffff;
}

nav ul#wwm_menu li ul li a
{
	display:		block;
	padding:		12px 10px 10px 20px;
	text-decoration: 	none;
	transition:		all .2s;
	zoom: 			1; /* IE7 */
	color:			#c9c9c9;
	background: #3e3e3e;
	border: 1px solid #c9c9c9;
}

nav ul#wwm_menu li ul li a:hover, 
nav ul#wwm_menu li ul li.current-menu-item > a,
nav ul#wwm_menu li ul li.active > a
{
	background: #6a6a6a;
}

/* Mobile Menu, Navigation Button
################################# */

#mobile-header 
{
	display: none;
}

#responsive-menu-button
{
	margin:			0 0 0 10px;
	font-size:		24px;
}

.close:before
{
	font-family:	'FontAwesome';
	content:		'\f0c9';
	font-size:		24px;
	transition:		all .2s ease-out;
}

.open:before
{
	font-family: 	'FontAwesome';
	content:		'\f00d';
	font-size:		24px;
	transition:		all .2s ease-out;
}

.open, .close,
.open:hover, .close:hover
{
	color:			#ffffff;
	transition:		all .2s ease-out;
}

#sidebar-mobile, #sidebar-mobile-close
{
	display:		none;
}

.sidr-class-sidebar-mobile-content
{
	padding: 0 15px 0 15px;
	font-size: 15px !important;
}

.sidr-class-menu-footernavigation-container
{
	padding: 20px 0 0 0;
	border-top: 1px solid #444444;
}

.sidr-class-menu-footernavigation-container a
{
	padding: 0 !important;
}

.sidr-class-menu-footernavigation-container ul li
{
	line-height: 25px !important;
}

/* sidr-Sidebar-Mobile Navigation
################################# */

.sidr
{
	display:		none;
	position:		absolute;
	position:		fixed;
	top:			0;
	height:			100%;
	z-index:		999999;
	width:			100%;
	overflow-x:		none;
	overflow-y:		auto;
	font-size:		18px;
	background:		#383837;
	color:			#fff;
	-webkit-box-shadow:	inset 0 0 5px 5px #222;
	-moz-box-shadow:	inset 0 0 5px 5px #222;
	box-shadow:		inset 0 0 5px 5px #222;
	-webkit-box-shadow: 	11px 0px 2px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 	11px 0px 2px 0px rgba(0,0,0,0.1);
	box-shadow: 		5px 0px 2px 0px rgba(0,0,0,0.1);	
}

.sidr-class-mobileNaviTrigger
{
	position: 		absolute;
	right: 			15px;
	top: 			50%;
	margin-top: 	-21px;
}

.sidr-class-mobileNaviTrigger:before
{
	font-family:	'FontAwesome';
	content:		'\f055';
	font-size:		22px;
	color:			#ffffff;
	transition:		all 0.4s;
}

span.triggerActive:before
{
	color:			#ffffff;		
	font-family:	'FontAwesome';
	content:		'\f056';
	transition:		all 0.4s;
}


.sidr .sidr-inner
{
	padding:		0 0 15px;
}

.sidr .sidr-inner>p
{
	margin-left:		15px;
	margin-right:		15px;
}

.sidr.right
{
	left:			auto;
	right:			-270px;
}

.sidr.left
{
	left:			-270px;
	right:			auto;
}


.sidr>p
{
	margin-left:		15px;
	margin-right:		15px;
}

.sidr ul
{
	display:		block;
	margin:			0 0 15px;
	padding:		0;
}

.sidr ul li
{
	display:		block;
	margin:			0 0 1px 0;
	line-height:	45px;
}

.sidr ul li ul
{
	background:		#444444;
}

.sidr ul li ul li ul
{
	background:		#555555;
}

.sidr ul li:hover,
.sidr ul li.active,
.sidr ul li.sidr-class-current-menu-item,
.sidr ul li.sidr-class-current_page_ancestor
{
	border-top:		none;
	line-height:	45px;
}

.sidr ul li:hover>a,
.sidr ul li:hover>span,
.sidr ul li.active>a,
.sidr ul li.active>span,
.sidr ul li.sidr-class-current-menu-item>a,
.sidr ul li.sidr-class-current-menu-item>span,
.sidr ul li.sidr-class-current_page_ancestor>a,
.sidr ul li.sidr-class-current_page_ancestor>span
{
	background:	#bababa;
	color: #ffffff;
}


.sidr ul li span
{
	display:		block;
	text-decoration:none;
	color:			#ffffff;
}	

.sidr ul li a
{
	padding:		0 0 0 15px;
	display:		block;
	text-decoration:none;
	color:			#ffffff;
	position: 		relative;
	display: 		block;
}

.sidr ul li ul
{
	border-bottom:	none;
	margin:			0;
}

.sidr ul li ul li
{
	line-height:	40px;
	font-size:		15px;
}

.sidr ul li ul li:last-child
{
	border-bottom:		none;
}

.sidr ul li ul li:hover,
.sidr ul li ul li.active,
.sidr ul li ul li.sidr-class-current-menu-item,
.sidr ul li ul li.sidr-class-current_page_ancestor
{
	border-top:		none;
	line-height:	40px;
}

.sidr ul li ul li:hover>a,
.sidr ul li ul li:hover>span,
.sidr ul li ul li.active>a,
.sidr ul li ul li.active>span,
.sidr ul li ul li.sidr-class-current-menu-item>a,
.sidr ul li ul li.sidr-class-current-menu-item>span,
.sidr ul li ul li.sidr-class-current_page_ancestor>a,
.sidr ul li ul li.sidr-class-current_page_ancestor>span
{
}

.sidr ul li ul li a
{
	color:			rgba(255,255,255,0.8);
	padding-left:		30px;
}

.sidr ul li ul li ul li a
{
	padding-left: 		50px;
}


/* Forms in sidr
#######################
*/

.sidr form
{
margin:0 15px
}

.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],
.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],
.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select
{
width:100%;
font-size:13px;
padding:5px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0 0 10px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
border:none;
background:rgba(0,0,0,0.1);
color:rgba(255,255,255,0.6);
display:block;
clear:both
}

.sidr input[type=checkbox]
{
width:auto;
display:inline;
clear:none
}

.sidr input[type=button],.sidr input[type=submit]
{
color:#333;
background:#fff
}

.sidr input[type=button]:hover,.sidr input[type=submit]:hover
{
background:rgba(255,255,255,0.9)
}