@charset "UTF-8";
/* CSS Document */


#header_mobile_wrapper
{
	width: 100%;
	background: #000;
	border-bottom: solid 3px #EE3026;
	margin: 0 0 0 0;
}


#home_header_mobile_wrapper
{
	width: 100%;
	background: url(../images/dark_bg.png);
	margin: 0 0 0 0;
}


#header_mobile
{
	position: relative;
	width: 90%;
	padding: 5%;
	margin: 0 auto;
}


#logo_mobile
{
	float: left;
	width: 33%;
	margin: 0 0 0 0;
}


#logo_mobile img
{
	max-width: 100%;
	min-width: 120px;
	height: auto;
}


#menu_btn
{
	float: right;
	cursor: pointer;
	margin: 3% 0 0 0;
}


#menu_btn img
{
	max-width: 100%;
	height: auto;
}


/*-- MENU --*/


.panel {
    position: fixed;
    right: -75%; /*or width of your navigation panel*/
    width: 75%; /*should match the above value*/
	overflow-y: scroll;
	overflow-x: hidden;
	z-index: 9999;
}


.panel 
{
    background: #EE3026;
}


#menu_mobile
{
	position: relative;
	width: 100%;
	margin: 0 0 0 0;
	border-left: solid 3px #fff;
}


#menu_mobile li
{
	list-style: none;
	border-bottom: solid 1px #C52731;
	font-family: 'Droid Sans', sans-serif;
	font-size: 0.8125em;
	font-weight: 400;
	line-height: 100%;
	color: #fff;
	margin: 0 0 0 0;
}


#menu_mobile li a
{
	display: block;
	background: #EE3026;
	text-decoration: none;
	color: #fff;
	padding: 4%;
}


#menu_mobile li a:hover
{
	display: block;
	background: #C52731;
	text-decoration: none;
	color: #fff;
	padding: 4%;
}


@media (min-width: 569px) {
/* Hide Slidebar control classes for screens over 480px. */

#header_mobile_wrapper, #home_header_mobile_wrapper
{
	display: none;
}

}