.topbar1 {
	display: flex;
	flex-direction: row;
	justify-content: start;
  align-items: center;
  flex-wrap: nowrap;
  height: 30px;
  /*border: solid 1px red;*/
}

.menu1 {
  font-size: 15px;
  display: flex;
	flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  background-color: #0F4D80;
  justify-content: space-between;
  height: 30px;
  /*border: solid 1px green;*/
}


.mainpoint {
	padding: 0;
	margin-right: 10px;
	/*border: solid 1px rgb(0, 153, 255);*/
  position: relative;
  
}

.mainpoint > a {
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
  box-sizing: border-box;

	/*border-width: 2px 0;
	border-style: solid none;*/

	/*margin: 0 auto;*/
  padding: 3px;
	display: block;
  height: 29px;
	color: white;
	text-decoration: none;
  
	/*text-align: center;*/
	/*font-style: italic;*/
	/*margin: 0;*/
	/*background: linear-gradient(#F3AE0F, #E38916) #E38916;*/
	/*transition: 0.2s;*/
  /*border: solid 1px blue;*/
}

.submenu {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;

	position: absolute;
	z-index: 1;
	background: #FFFFFF;
	margin-top: -5px;
	display: none;
	width: 300px;
	font-size: 1em;
	line-height: 1em;
	/*border: solid 1px #658FbF;*/
	box-shadow: 0px 24px 32px rgba(0,0,0,0.75);
}
.mainpoint:hover > .submenu {
	padding: 0px 8px 8px 8px;
	display: block;
}

.mainpoint:hover .submenu a {
	display: block;
	text-align: left;
	color: black;
	text-decoration: none;
}

.mainpoint:hover > a {
	background: #FFFAF4;
  color: black;
}


.mainpoint .submenu a:hover {
	background: #658FBF;
	/*border: dotted 1px #027780;*/
	color: #FFFFFF;
}

.submenu a {
	margin-top: 3px; /* между строками */
}


.subm-str {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;

	/*height: 20px;*/
	padding-left: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	/*display: block;*/
	/*border: solid 1px blue;*/
}

.subsubmenu {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;

	position: absolute;
	z-index: 1;
	background: #FFFFFF;
	margin-top: -5px;
	display: none;
	width: 300px;
	font-size: 1em;
	line-height: 1em;
  padding: 0px 8px 8px 8px;
	/*border: solid 1px #658FbF;*/
	box-shadow: 0px 24px 32px rgba(0,0,0,0.75);  
}

.subpoint {
  position: relative;
}

.mainpoint .submenu .subpoint:hover .subsubmenu {
  display: block;
  left: 250px;
}

/* ------------------------- */
.topbar2 {
	display: flex;
	flex-direction: row;
	justify-content: start;
  align-items: center;
  flex-wrap: nowrap;
  height: 30px;
  gap: 10px;
  /*border: solid 1px red;*/
}

.menu2 {
  font-size: 15px;
  display: flex;
	flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  height: 30px;
}

.topbar2 > .mainpoint2 > a {
	color: black;
	text-decoration: none;
}

.mainpoint2 {
	padding: 0;
	/*border: solid 1px rgb(0, 153, 255);*/
  position: relative;
}

.mainpoint2 > a {
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
  box-sizing: border-box;

	/*border-width: 2px 0;
	border-style: solid none;*/

	/*margin: 0 auto;*/
  padding: 3px;
	display: block;
  height: 29px;
	color: white;
	text-decoration: none;
  
	/*text-align: center;*/
	/*font-style: italic;*/
	/*margin: 0;*/
	/*background: linear-gradient(#F3AE0F, #E38916) #E38916;*/
	/*transition: 0.2s;*/
  border: solid 1px white;
}

.submenu2 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;

	position: absolute;
	z-index: 1;
	background: #FFFFFF;
	margin-top: -5px;
	display: none;
	width: 300px;
	font-size: 1em;
	line-height: 1em;
	/*border: solid 1px #658FbF;*/
	box-shadow: 0px 24px 32px rgba(0,0,0,0.75);
}

.mainpoint2:hover > .submenu2 {
	padding: 0px 8px 8px 8px;
	display: block;
}

.mainpoint2:hover .submenu2 a {
	display: block;
	text-align: left;
	color: black;
	text-decoration: none;
}

.mainpoint2:hover > a {
	background: #FFFAF4;
  color: black;
  border: solid 1px #0F4D80;
}


.mainpoint2 .submenu2 a:hover {
	background: #658FBF;
	/*border: dotted 1px #027780;*/
	color: #FFFFFF;
}

------------------------------------------