/************************************************************/
nav.Top { background-color: DarkSlateBlue;  margin:0; }
nav.Top>div 
{ width: 1200px; 
  margin: 0 auto; padding:2px 5px;
  display:flex;
  justify-content:space-between; 
  box-sizing: border-box; }
nav.Top .Contacts { flex: 0 0 80%; }
nav.Top .Social {  flex: 0 0 20%;  text-align:right;}
nav.Top a { color: white; font-size:16px; }

/************************************************************/
Header
{ width: 1200px;
  margin: 0 auto;
  box-sizing: border-box; 
}

Header .Logo
{ height: 26px;
 /* margin-top: 8px;*/
  margin-left: 8px;
}

Header .MenuLine
{ width:100%;
  margin:5px 0; padding:0;
  display: flex;
  justify-content:space-between; 
  align-items: center;
}

.Top_Menu
{ list-style-type: none;
  margin:0;  padding:0;
  float:right;
 background-color: #f8f8f8;
}

.Top_Menu li
{ /*height:40px;*/
 /* line-height:40px;*/
  padding:0;
  float:left;
  margin:2px;
  text-align:center;
/*  border-left: 1px solid #e6f6ff;
  border-right: 1px solid #66c7ff;*/
  position: relative;
}
.Top_Menu>li>a
{
  cursor: pointer;
  /*border:1px solid grey;
  border-radius: 12px;*/
  background-color: #f8f8f8;
  overflow:hidden;
}

.Top_Menu img
{ height:38px;
  margin:1px;
  vertical-align: middle;
}

.Top_Menu li span
{ line-height: normal;
  display: inline-block;
  vertical-align: middle;
  margin:-2px 4px 0 2px;
}

.Top_Menu>li:hover>a
{ background-color: #e6f6ff; }
  
.Top_Menu li a
{ display:inline-block;
/*  height:40px;*/
  padding:0 0px; }
  
.Top_Menu li:nth-child(1n+4) { display:none; }
Header .Products
{ padding:0 10px; }

.Top_Menu li.Selected a
{ background-color: rgba(0,200,0,0.2); }

.Top_Menu li.Selected:hover a
{ background-color: rgba(0,200,200,0.2); }

Header .LineBox
{ display: inline-block;
  width:40px;
  height:30px;
  margin:5px 1px;
  position: relative;
  color: blue;
  top:0px;
  vertical-align: middle;
}

Header .Line
{ position: absolute;
  left:0;
  width:80%;
  height:3px;
  background-color: DarkSlateBlue;
  transition: all 0.2s linear;
}

Header .Line:first-child  { top:5px; }
Header .Line:nth-child(2) { top:45%; }
Header .Line:last-child   { bottom:5px; }

Header li[name='Categories'].Open .Line:first-child  { transform: rotate(45deg);  top: 45%; }
Header li[name='Categories'].Open .Line:nth-child(2) { display:none; }
Header li[name='Categories'].Open .Line:last-child   { transform: rotate(-45deg); bottom: 46%; }

Header .Search 
{ width: 50%;
  margin: 3px; }

Header .Search input
{ border-radius: 15px;
  width:90%;
  padding:8px 30px 8px 8px;
}

Header .Search button
{ background-image: url("Images/Menu-Search.png");
  background-position: right 5px center;
  background-repeat: no-repeat;
  background-size:20px;
  border-radius: 15px;
  width:32px; height:32px;
  margin-left:-41px;
  vertical-align:4px;
  background-color:white;
  border:none;
  cursor: pointer;
}

Header li[name='Info'] .InfoSubMenu 
{ display:none; z-index:10; position:absolute;
  border:1px solid grey;
  width:240px;
  background: whitesmoke;
}

Header li[name='Info'] .InfoSubMenu  ul
{ list-style-type: none;
  margin:0;  padding:0;
}

Header li[name='Info'] .InfoSubMenu  ul li
{ clear: both;
  margin:0px;  padding:8px;
  text-align:left;
  width:100%;
    box-sizing: border-box; 
}

Header li[name='Info'] .InfoSubMenu  ul li:hover
{ background-color: #e6f6ff; }

Header li[name='Info'].Open .InfoSubMenu { display:block; }