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

/* menu container */
#container{	
	width:100%;
	overflow: hidden;
	padding: 0em 0em 0em 0em;	
	z-index:10;

}

/* menu divide */
.stretch {
    width: 100%;
    display: inline-block;
    line-height: 0;
}

/* menu  */
.topnav{
	width: 90%; 
	padding: 0.75em 0em 0em 10%;	
	text-align: justify;
	overflow: hidden;
	background-color: #FFFFFF;
	z-index:11;
	float: left; 
}

/* menu items */
.topnav a {
    text-align: center;
    display: inline-block;
    text-decoration: none;
	padding-top: 0.5em;
	z-index:11;
}

/* menu actions */
.noHover{
    pointer-events: none;
}
.topnav a:hover {
  color: black;
	font-weight: bold;
}
.topnav a.active {
  color: black;
  font-weight: 900;	
}
.topnav .icon {
  display: none;
}




@media screen and ( max-width : 50em ){
  
.topnav a:not(all) {
	display: none;
}

	
.topnav a.icon {
    float: left;    
    display:block; 
    color: #707070;
    font-size: 1em;
	margin-bottom: 0em;
	padding-top: 0em;
	padding-bottom: 0em;
	z-index:11;
}	

.topnav.responsive {
position: relative;
z-index:11;
}

	
.topnav.responsive .icon {
	display: inline-block;
    color: red;
    font-size: 1em;
	margin-bottom: 1em;
	padding-top: 0em;
	padding-bottom: 0em;
	z-index:11;
}
  
.topnav.responsive a {
	box-sizing: content-box; 
    display: block; 
   	width: 100%;
	padding-top: 1.05em;
	padding-bottom: 1.05em;
	text-align: left; 
	float: none;
	z-index:11;
}
	
.hide_mobile {	
	padding: 0em 0em 0em 0em;
	display: none !important;	
}	
	
}


@media ( min-width : 50.001em ){

#container{	
	width:100%;
	overflow: hidden;
	padding: 5em 0em 0em 0em;	
	z-index:10;
	background-color: #FFFFFF;
}

.topnav a[class=off] {
  opacity: 0;
}
	
.topnav{
	width:90%;  
	padding-left:10%;
	padding-top:0em;
}	
	
.topnav a {
	text-align: left;
    vertical-align: left;
    display: inline-block;
    zoom: 1;
}
	
.hide {	
	padding: 0em 0em 0em 0em;
	display: none !important;	
}


}