#mobile-nav {
	width:100%;	
	height:auto;
	position:relative;
	top:0px;
	z-index:2;
	background-color:#4D5F80;
	border-bottom:4px solid #808BA6;
	display:none;	
}

@media (max-width:1100px) {	
	#mobile-nav {
		display:block;	
	}

}

#mobile-nav ul, #mobile-nav li {
	list-style:none;
	margin:0;
	padding:0;	
}

#mobile-nav li {
	text-align:left;
}

#mobile-nav li button,
#mobile-nav li a {
	color:#fff;	
	font-size:18px;
}

#mobile-nav li a {
	text-decoration:none;
	display:block;
}

#mobile-nav a:hover {
	color:#ccc;
	background-color:#4D5F80;	
	
}

#mobile-nav button {
    margin: 0;
    padding: 0;
    background: inherit;
    border: inherit;
    font: inherit;
    outline: none;
    width: 96%;
    display: block;
    text-align: left;
    color:#fff;
	background-color:#808BA6;
	background-image:url('../images/icon-arrow-right.png');
	background-position:98% 17px;
	background-repeat:no-repeat;
}

#mobile-nav button:hover, 
#mobile-nav button:active {
	cursor:pointer;
	color:#ccc;
	background-color:#4D5F80;	
}

#mobile-nav .main-button > button{
    text-align: center;
	padding:18px 10px;
	background-image:none;
	background-color:#4D5F80;
}

#mobile-nav .main-button > button span {
	padding:0 24px;
	background-image:url('../images/icon-arrow-right.png');
	background-position:100% 4px;
	background-repeat:no-repeat;
}

#mobile-nav ul ul > li a,
#mobile-nav ul ul > li button {
	margin:0 2% 0 2%;
	padding:15px 10px;
	border-bottom:1px solid #A2AABE;
}

#mobile-nav ul ul ul > li a {
	font-size:14px;
	margin:0 20px 0 20px;
	padding:10px 10px;
	border-bottom:0;
}

#mobile-nav ul ul ul > li a:hover, 
#mobile-nav ul ul ul > li a:active {
	background-color:#4D5F80;	
}

#mobile-nav ul ul > li:last-child a {
	border-bottom:0;
}

[data-accordion] [data-content],
[data-accordion] [data-content] [data-content],
[data-accordion] [data-content] [data-content] [data-content] {
    background:#808BA6;
}

/*!
 * jQuery Accordion 0.0.1
 * (c) 2014 Victor Fernandez <victor@vctrfrnndz.com>
 * MIT Licensed.
 */

/* Requirements */

[data-accordion] [data-content] {
    overflow: hidden;
    max-height: 0;
}

/* Basic Theme */

[data-accordion],
#mobile-nav li {
    line-height: 1;
}

[data-control],
[data-content] > * {
    border-bottom: 0px solid #888;
    padding: 10px;
}

[data-content] [data-accordion] {
    border: 0;
    padding: 0;
}

[data-accordion] [data-control] {
    position: relative;
    padding-right: 40px;
}

[data-accordion] > [data-control]:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 12px;
    font-size: 25px;
    font-weight: 200;
    color: #444;
    height: 15px;
    width: 24px;
    background: url('../images/down.png') center center no-repeat;
    background-size: 50%;
}

[data-accordion].open > [data-control]:after {
    -webkit-transform: rotate(-180deg); 
    -ms-transform: rotate(-180deg); 
    transform: rotate(-180deg); 
}