.logo{
		width:216px;
		margin-left:50px;

		
		}
		
		
			
	
	
	.nav_flex{
		width:100%;
		 display: -webkit-flex;
  display:flex;
  display:ms-flexbox;
  -webkit-align-items: space-between;
  -webkit-justify-content: space-between;
  display: flexbox;
  flex-direction: row;
flex-wrap:wrap;
justify-content:space-between; 
-ms-flex-pack:space-between;}

	.nav_box {
	width:auto;
	display:block;
	
		}
		
			.nav_box_mobile {
	width:auto;
	display:none;
	
		}
			
		
		.nav_text{
		height:39px;
		float:left;
		margin-top:35px;}
		
		.nav_text a{
			color:#fff;
			margin-right:20px;
			opacity:1;
				 -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -kthtml-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
	
			}
			
				.nav_text a:hover{
			color:#fff;
			margin-right:20px;
			opacity:0.8;
				 -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -kthtml-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
	
			}
			
			
		.nav_icons{
			height:39px;
			float:left;
			}
		

.menue_icon{
		text-align:center;
		margin-left:10px;
	margin-top:35px;
	 -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -kthtml-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
	opacity:1;
	transform: scale(1);
	}
	
	
.menue_icon:hover{
	
		margin-left:10px;
	margin-top:35px;
	 -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -kthtml-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
	opacity:0.7;
	transform: scale(0.95);
	}
	
	.nav a{
		color:#fff;
		line-height:39px;}
		
		
		
		
		
		
		
		 .sub-menu-parent { position: relative;
		 background:none !important;
		 margin-top:8px;
		 cursor: pointer;}
		 
	 .sub-menu-parent a{
		 color:#FFF;} 

    .sub-menu {
		text-align:left;
      visibility: hidden; /* hides sub-menu */
      opacity: 0;
      position: absolute;
      left: 0;
      width: 100%;
      transform: translateZ(0);
      transform: translateY(10%);
      transition: all 0.3s ease 0s, visibility 0s linear 0.3s; /* the last value is the transition-delay for visibility */
	
    }
	
	.level2{
		margin-left:200px; }

    .sub-menu-parent:hover .sub-menu {
      visibility: visible; /* shows sub-menu */
      opacity: 1;
      transform: translateX(0%);
      transition-delay: 0s; /* this removes the transition delay so the menu will be visible while the other styles transition */
    }

/* presentational */



nav a {
display: block;
padding: 5px 10px;
text-decoration: none;
text-transform:uppercase; }

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


nav > ul {
text-align: center; }
nav > ul > li { display: inline-block;
 }
nav > ul > li:first-child { border-left: none; }

.sub-menu {
	width:281px;

}

		
.extra_li{
	
		 -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -kthtml-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
	 background: rgba(255, 255, 255, 1);
	  border-bottom: solid 1px #02518a; }
	  
	  .extra_li:hover{
		  
		  	 -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -kthtml-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;

	 background: rgba(255, 255, 255, 0.9);
	}
	
	.extra_li a{
		color:#02518a;
}
		
		.extra_li a:hover{
color:#02518a;

	
 
	
	}
		
@media screen and (max-width : 680px){
			
	.logo{
		width:216px;
		margin-left:auto;
		margin-right:auto;

		
		}
		
		
			.nav_flex{
		width:100%;
		 display: -webkit-flex;
  display:flex;
  display:ms-flexbox;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  display: flexbox;
  flex-direction: row;
flex-wrap:wrap;
justify-content:center; 
-ms-flex-pack:center;}
		
			.nav_box {
		width:100%;
		margin-left:auto;
	
		}
		
		.nav_text{
			width:100%;
			text-align:right;
		height:39px;
		float:left;
		margin-top:10px;}
		
			.nav_icons{
				width:50%;
			text-align:left;
			height:39px;
			float:left;
			}
		
		
.menue_icon{
		text-align:center;
		margin-left:10px;
	margin-top:10px;
	
	}
					
				
				}
				
@media screen and (max-width : 480px){
	
	
		.nav_box {
	width:100%;
	display:none;
	
		}
		
			.nav_box_mobile {
	width:100%;
	display:block;
	
		}
	
	.sub-menu {
	width:100%;
	background:#FFF;

}
	
	
	.nav_text a{
		text-align:center;
			color:#fff;
			margin-right:0px;
			opacity:1;
				 -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -kthtml-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
	
			}
			
				.nav_text a:hover{
			color:#fff;
			margin-right:0px;
			opacity:0.8;
				 -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -kthtml-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
	
			}
			
	
	
			.nav_text{
			width:100%;
			text-align:center;
	
		float:none;
		margin:0px;}
		
			.nav_icons{
			width:100%;
			text-align:center;
		
			float:none;
			}
			
			.menue_icon{
		text-align:center;
		margin: 0px;

	
	}
	
	.menue_icon{
		text-align:center;
		margin: 0px;
	}
	
	
.menue_icon:hover{
		text-align:center;
		margin: 0px;
	}
	
	.sub-menu-parent{
		width:100%;
		background:#FFF;}
	
	.extra_li{
		width:100%;
	text-align:center;
		 -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -kthtml-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
	 background: rgba(255, 255, 255, 1);
	  border-bottom: solid 1px #02518a; }
	  
	  .extra_li:hover{
		  text-align:center;
		  	 -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -kthtml-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;

	 background: rgba(255, 255, 255, 0.9);
	}
	
	.extra_li a{
		color:#02518a;
}

	.extra_li a:hover{
		color:#02518a;
}
					
				}