#mainblock{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: nowrap;
	min-width: 50%;
	max-width: 1200px;
	width: 100%;
	height:100%;
/*	max-height:20%;*/
	margin: 0 auto;
}
#logo{
	display: flex;
	flex-direction: column;
	border: 0;
	margin: 0 0;
	padding: 0 0;
	max-width: 25%;
}
#logo img{ max-width:100%;}

#contacts{
	position: relative;
	display: block;
	vertical-align: top;
	border: 0;
/*	margin: 0 auto;*/
	padding: 0 0;
	top: 5px;
/*	width: 45%;*/
	min-height:25px;
	height: 50%;
	white-space: nowrap;
	text-align: center;
}
.pict{
	width: 16.6666667%;
	max-width: 50px;
}
#langbar{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	flex-direction: row;
	vertical-align: top;
	border: 0;
	margin: 0 0;
	padding: 0 0;
	max-width: 20%;
	height: 100%;
	text-align: right;
	overflow: hidden;
}
.flag{
	max-width: 50px;
/*	max-height: 35px;*/
	margin: 5px;
}

/*Menu*/
nav {
	position: relative;
	display: block;
	vertical-align: bottom;
	bottom: 5px;
}
.menu *{
 position: relative;
 margin: 0;
 padding: 0;
 font-size: 24px;
}
.menu ul li{
  padding: 10px;
}
.menu ul > li:hover{
  background-color: lightgrey;
}
.menu ul ul > li:hover{
  background-color: black;
}
.menu ul li, .menu ul{
  display: inline-block;
}
.menu ul{
  position: relative;
  margin: 0;
  padding: 0;
  background-color: white;
}
.menu ul ul{
  display: none;
  position: absolute;
  background-color: grey;
  margin-left: -10px;
  white-space: nowrap;
}
.menu li > ul li ul{
 position: absolute;
 left: 100%;
 margin-top: -30px;
}    
.menu ul a{
  color: black;
  text-decoration: none;
}
.menu ul ul a{
  color: white;
  text-decoration: none;
}
.menu li:hover > ul{
  display: block;
}
.menu li:hover li{
  display: block;
}

/*Mobile menu*/
.vertmenu {
	display: none;
	position: absolute;
	vertical-align: top;
	top: 90px;
	min-width: 50px;
}
.vertmenu *{color: black;}
	.vertmenu li {
	background-color: white !important;
	/*margin-right: 20px;*/
}
.vertmenu ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: auto;
	box-shadow: 10px 5px 5px grey;
}
.vertmenu ul li {
position: relative;
margin: 0;
line-height: 40px;
	box-shadow: 10px 5px 5px grey;
}
.vertmenu ul li li {
padding-left:20px;
}
.vertmenu .subCat, .chka {
vertical-align: top;
position: relative;
cursor: pointer;
}
.vertmenu .subCat.plus,
.chka:before,
.vertmenu .subCat.minus,
.subCat:checked + .chka:before {
content: '\25BC';
font-size: 30px;
/*color: #1266B1;*/
font-weight: bold;   
font-family: Courier;   
}
.vertmenu .subCat.minus, .subCat:checked + .chka:before {
content: '\25B2';
}
.chka{
	float: right;
	margin-left: 20px;
	margin-right: 20px;
}
.vertmenu a {
/*color: #477AB9;*/
font-size: 30px;
font-weight:bold;
text-decoration:none;
}
.vertmenu ul li li a {
/*color: black;*/
font-size: 30px;
font-weight:normal;
text-decoration:none;
}
.vertmenu a.active {
/*color: #00B1EC;*/
}
.vertmenu a:hover {
text-decoration: none;
/*color: #000 !important;*/
}
.vertmenu > ul > li ul {
display: none;
}
.vertmenu > ul > li a.active + span + ul {
display: block !important;
}
.vertmenu > ul > li .subCat:checked ~ ul {
display: block !important;
}
.vertmenu input[type=checkbox].subCat {
display:none;
}
.vertmenu ul li li a:before {
font-size: 30px;
padding-right: 6px;
/*color: black;*/
font-weight: bold;
}
.vertmenu > ul li li a:hover:before {
/*color: #1266B1;*/
}
        
/*@media screen and (orientation: portrait) {*/
@media (hover: none) , (orientation: portrait) , (pointer:coarse) {
	.flag{max-width: 70px; max-height:20%; margin: 10px;}
	.pict{
	width: 33%;
	max-width: 50px;
	}
	.menu {display: none;}
	.vertmenu {display: block;}
	#langbar{max-width: 25%;}
/*	.menu ul li{padding:0 5px;}*/
}