div, nav {
box-sizing: border-box; 
}

.cont{margin-top:0px}

.mgk{
	position:absolute;
	margin-top:0px;
	min-height:600px;
	width:100%;
	padding-top:0px;
	top:-10px;
}

nav {
position:fixed;
display:flex; flex-wrap:wrap;
z-index:100;
top:0px;
left:0px;
border-bottom:1px solid #888888;
border-right:1px solid #888888;
background:#384A56; 
/* width:100%; */
height:40px;
border-radius: 3px;
box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.22) 
overflow:hidden;
}

.burger{
position:relative;
width:40px;
height:40px;
border:0px solid #888888;
background:#384A56;
border-radius: 3px;
margin:0px;
cursor:pointer;
transition: .5s;
}

.burger:hover {
  background:#293642;
  opacity: 1.0;
}


.ln1,.ln2,.ln3{
position:absolute;
width:23px;
height:2px;
background: #D4EFFC;
}

.ln1{top:9px;left:8px}
.ln2{top:18px;left:8px}
.ln3{top:27px;left:8px}

.phl{
position:relative;
border-right:1px solid #4F5F6A;
width:44px;
height:40px;
margin:0px 0px 0px 0px; /*top right bottom left  */
padding: 1px 2px 0px 2px; /* top right bottom left */
cursor:pointer;
opacity: 1.6;
transition: .5s;
}

.phl:hover .str {
  -webkit-transform: scaleX(2);
  -ms-ransform: scaleX(2);
  transform: scaleX(18);
  opacity: 1.0;
}

.phl:hover {
  background:#192632;
  opacity: 1.0;
}


.mnp, .mnftt{
padding-top:3px;
border:0px solid #eeeeee;
text-decoration:none;
color:#666666;
transition: .5s;
}

.phl:hover .mnftt{
color:#6666ff;
}


.str{
position:absolute;
top:1px;
left:50%;
width:1px;
height:1px;
border:1px solid #aaaaaa;
opacity: 0.0;
transition: .5s;
}