nav[data-id$=top_menu] {
contain: layout style paint;
position:fixed;
z-index:1000;
top:0px;
left:0px;
width:100%;
border:0px solid #ff0000;
display: flex;
flex-wrap: wrap;
background:#384A56;
}


nav[data-id$=top_menu] > div[data-id$=burg] {
position:relative;
width:40px;
height:40px;
border-right:1px solid #4F5F6A;
background:#384A56;
margin:0px;
cursor:pointer;
transition: .5s;
}

nav[data-id$=top_menu] > div[data-id$=burg]:hover {
/* transform: scale(1.1); */
  background:#293642;
  opacity: 1.0;
}


nav[data-id$=top_menu] > div[data-id$=burg]> div[data-class$=ln1],
nav[data-id$=top_menu] > div[data-id$=burg]> div[data-class$=ln2],
nav[data-id$=top_menu] > div[data-id$=burg]> div[data-class$=ln3]
{
position:absolute;
width:23px;
height:2px;
background: #D4EFFC;
}

nav[data-id$=top_menu] > div[data-id$=burg]> div[data-class$=ln1]{top:9px;left:8px}
nav[data-id$=top_menu] > div[data-id$=burg]> div[data-class$=ln2]{top:18px;left:8px}
nav[data-id$=top_menu] > div[data-id$=burg]> div[data-class$=ln3]{top:27px;left:8px}


nav[data-id$=top_menu] > div[data-id$=button_panel] {
position:relative;
display: flex;
flex-wrap: wrap;
border:0px solid #00dd00;
}



nav[data-id$=top_menu] > div[data-id$=button_panel]  > div {
/* margin-left: auto; margin-right: auto; */
box-sizing: border-box;
font-family:Helvetica, Arial, sans-serif;
position:relative;
background:#384A56;
border-right:1px solid #4F5F6A;
/*border-radius:5px 5px 5px 5px;*/
width:50px;
height:40px;
/*top right bottom left  */
margin:0px 0px 0px 0px; 
padding: 5px 2px 0px 2px; 
cursor:pointer;
opacity: 1.6;
transition: .5s;
}

nav[data-id$=top_menu] > div[data-id$=button_panel]  > div:hover {
/*  transform: scale(1.1); */
  background:#192632;
  opacity: 1.0;
}







nav[data-id$=top_menu] > div[data-id$=button_panel]  > div > a{
text-decoration:none;
}

navv[data-id$=top_menu] > div[data-id$=button_panel]  > div > a > div{
font-size: calc(13px + 5 * ((100vw - 320px) / (1920 - 320))); 
color:#5555ff;
}

nav[data-id$=top_menu] > div[data-id$=button_panel]  > div > a > img{
display: block; margin-left: auto; margin-right: auto;
}

nav[data-id$=top_menu] > div[data-id$=button_panel]  > div > div > img{
display: block; margin-left: auto; margin-right: auto;
}


.prop{
color:#455B66;
font-family:Helvetica, Arial, sans-serif;
font-size: calc(14px + 5 * ((100vw - 320px) / (1920 - 320))); 
font-weight:400;
}


.sv-property .hdr .product{
color:#ee0000;
font-size: calc(13px + 5 * ((100vw - 320px) / (1920 - 320))); 
}

.sv-property .hdr .product:before{
color:#000000;
content: "aaaaaaaaaaaaa"
}