#wrapper{ width:1180px; margin:50px auto; padding:10px 0 20px 0; position:relative;  z-index:1; min-height: 90vh;}


#logo{
	position: absolute;
	left: 5px;
	padding: 0 5px;
	overflow: hidden;
	height: 30px;
	line-height: 28px;
	border: 0px solid white;
	text-align: left;
	margin-top: 7px;
}


@media all and (min-width:1000px)  { #logo{	width: 90px;}  }
@media all and (min-width:1250px)  { #logo{	width: 90px;}  }
@media all and (min-width:1400px)  { #logo{	width: 120px;}  }
@media all and (min-width:1600px)  { #logo{	width: 200px;}  }
@media all and (min-width:1800px)  { #logo{	width: 300px;}  }


#logo a{
text-align: left;
color: #e1e1e1;
font-size: 10.2px;
text-transform: uppercase;
font-weight: bold;
width: auto;
height: 30px;
max- width: 95%; 		
white-space: nowrap;
display: block;
overflow: hidden;
text-overflow: ellipsis;
text-decoration:underline
} 
#logo a.isLocked{ color:#F00}
 
 
#navMain, #navMain a{font-family:"Poppins",  Arial, Helvetica, sans-serif; letter-spacing:0.2px; font-weight:400;  z-index: 10001}
#navMain {
	height: 44px;
	line-height: 44px;
	border-radius: 4px;
	background-color: #003C59;
	z-index: 1;
	display: block;
	margin: 0px  auto 4px auto;
width: 100%;
position: relative;
	background-image: -webkit-linear-gradient(270deg,rgba(0,61,92,1.00) 0%,rgba(0,45,68,1.00) 99.77%);
	background-image: -moz-linear-gradient(270deg,rgba(0,61,92,1.00) 0%,rgba(0,45,68,1.00) 99.77%);
	background-image: linear-gradient(180deg,rgba(0,61,92,1.00) 0%,rgba(0,45,68,1.00) 99.77%);
	width: 100%;
	border-radius: 0px;
}
#navMain{ position:fixed; top: 0; left: 0; width: 100% }


#navMain ul  {
padding:0; 
width:1320px; 
margin: 0px  auto;
height:44px;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
} 
#navMain li {  position:relative;  }  
  
#navMain li#mainNavDiary{   }
#navMain li#mainNavDiary a , #navMain li#mainNavDiary a:hover{ }
#mainNavDiary span{float:left; display:block; margin-right:8px; width:15px; height:44px;background-image:url("../images/diaryNav.png"); background-size:contain; background-repeat:no-repeat; background-position:50% 45%; transition: 100ms; }  

#navMain ul  li a  {
text-align: center;
color: #fff;
text-transform: uppercase;
display: block;
margin: 0 auto;
padding: 0px 14px;
font-size: 10.9px; font-weight: bold; letter-spacing: -0.1px;
text-shadow: 1px 1px #000;
text-decoration: none;
-webkit-transition: background-color 400ms ease-in-out 0s;
-moz-transition: background-color 400ms ease-in-out 0s;
-o-transition: background-color 400ms ease-in-out 0s;
transition: background-color 400ms ease-in-out 0s; 
}
 
#navMain ul li a#devAdmin{ color:#F60}

#navMain.isShop ul  li a{padding: 0px 10px;}

#navMain ul li a:hover , 
#navMain ul li a.mainCategoryOpen,
#navMain ul li a.mainCategoryOpen:hover{
text-decoration: none;
background-color:#282828; 
color:#fff;
} 
#navMain ul  li a span{ color: #fff}
#navMain ul  a.mainCategory span{
	margin: 0 0 0 3px;
	width: 8px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 44px;
	display: block;
	float: right;
	position: relative;
	background-image: url(../images/icons/arrowDwhite.png);
	background-size:8px auto;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	opacity:0.6;
}  

#navMain ul a.mainCategory:hover span {opacity:1; } 
#navMain ul a.mainCategoryOpen span{transform: rotate(180deg); 	opacity:1; } 

#navMain *  a.isOrders{
 
}

em.numOrdersNavMain{ font-style:normal; display:inline-block;  }

#navMain ul li ul{ 
width:375px;
z-index:5;   
position:absolute; 
height: auto;
top:44px;
background-color:#282828;
left:0px;
margin: 0;
padding:10px 25px 20px 24px ;
display:none;
max-height: 92vh;
max-height: calc(100vh - 50px); overflow: auto
}

#navMain ul li ul#navSubCMS{width: 450px }
#navMain ul li ul#navSubDS{width: 270px }
#navMain ul li ul#navSubDS a { margin:15px auto; font-size:11px;}

#navMain ul li  ul li , 
#navMain ul li  ul li:hover   {
display:block;
clear:both;
width:100%;
margin:0px auto;
background:none; 
}


#navMain ul li  ul li a,
#navMain.isShop ul li  ul li a{
	text-align: left;
	font-weight: 700;
	display: block;
	line-height: normal;
	height: auto;
	padding: 2px 0 2px 0;
	text-transform: uppercase;
	text-decoration: none;
	border: none;
	color: #e9e9e9;
	margin: 10px  0;
	transition: none;
	font-size: 11.4px; 
} 
#navMain ul li  ul li a:hover{ text-decoration:underline}

#navMain ul li  ul#navSubCMS li a, #navMain ul li  ul#navSubShop li a {/*margin:0px auto;	padding: 5px 0;*/} 

#navMain ul li  ul li h5 {
background: none;
font-size: 12px;
height: 18px;
line-height: 18px;
margin: 8px 0 0 0;
color: #E24D81;
font-weight: bold;
text-transform: uppercase;
}/* CMS mains*/

#navMain ul li  ul li h5.shopH5{ background-image:url(../images/isProductsNav.png); background-repeat:no-repeat; background-position:98% 40%;  background-size:13.6px auto}

/*#navMain ul li ul#navSubCMS{ }
 #navMain ul li ul#navSubCMS li a{  margin: 0 auto; background: none; padding: 2px 0  }*/

#navMain ul li  ul li:last-child a{ border:none} 

#navMain ul li ul li a:hover { color:#fff; } 
#navMain, #navMain *{ z-index:10001}

#navMain #numEnq{ display: inline; font:inherit; font-style: normal}

#navMain  #signOut{ position:absolute; right:20px; top:0px; width:auto; ; transition: all 200ms 0s;opacity:0.4;  }
#navMain  #signOut a , #navMain #signOut a:hover{height: 44px; display: block;font-size:10.6px; text-align:center; background:none; margin:0; padding:0; color:#FFF}
#signOut span{float:left; display:block; width:20px; height:44px;background-image:var(--signOut) ; background-size:15px; background-repeat:no-repeat; background-position:0% 50%; } 
#navMain  #signOut:hover{ opacity:1} 

#signOutMob{ display: none}

#navMain li  hr{ border-bottom:1px solid #555;border-top:1px solid #000; margin:5px auto; }