/* Navigation */

.menucontrolouter{
background-color:#003982;
}
.menucontrol{
max-width:1100px;
padding:10px 0px 10px 0px;
margin-left:auto;
margin-right:auto;
text-align:right;
}
.menu-btn{
 color: #ffffff;
font-size:2em;
 cursor: pointer;
}
.menuclose-btn{
color:#ffffff;
font-size:2em;
cursor:pointer;
}
#navbar{
 background: #00A794;
 width: 300px;
 height: 100vh;
 position: fixed;
 top: 0;
 left: -300px;
 overflow-y: auto;
 transition: 0.6s ease;
 transition-property: left;
font-size:1.2em;
z-index:99999;
}
#navbar header{
text-align:right;
padding:0px 20px 0px 20px;
}

#navbar::-webkit-scrollbar {
  width: 0px;
}

#navbar ul{
	margin:0px;
	padding:0px;
}
#navbar.active{
 left: 0;
}
#nav>ul{
margin-bottom:50px;
}
#nav li{
position: relative;
list-style:none;
}
#nav li a{
color:#ffffff;
text-decoration:none;
}
#nav ul li ul{
display:none;
background-color:rgba(0,0,0,0.1);
}
#nav ul li ul li ul{
display:none;
}
#nav ul li a{
	padding:20px 0px 20px 20px;
	display:inline-block;

	width:80%;
}
#nav ul li a.selected{
font-weight:bold;

}
#nav ul li ul li a{
padding:10px 0px 10px 35px;
width:80%;
}
#nav ul li ul li ul li a{
padding:5px 0px 5px 55px;
width:80%;
}
#nav>ul>li ul{
	padding:0px 0px 0px 0px;
}
#nav ul li:hover, #nav ul li:focus, #nav ul li.selected{
background-color:#003982;
}

#nav>ul>li>span{
background-color:rgba(255,255,255,0.1);
padding:20px 0px 20px 0px;
display:inline-block;
width:20%;
text-align:center;

float:right;
}
#nav>ul>li>ul>li>span{
text-align:center;
width:20%;
float:right;
padding-top:10px;
}
#nav>ul>li span i{
color:#ffffff;
transition: 300ms linear all;

}
#nav>ul>li>span.rotate i, .navexpand.rotate i, #nav>ul>li>ul>li>span.rotate i{
transform: rotate(90deg); 
}
@media only screen and ( max-width: 1100px )
        {
.menu-btn{
padding-left:20px;
padding-right:20px;
}
}
@media only screen and ( max-width: 600px )
        {
        .menu-btn{
        text-align:center;
        }
        }