/*========================= Меню верхнее полосное============================*/
.menu-wrap {
	/* top: -1.08rem; */
	top: -1.5rem;
	position: relative;
	height: 120px;
	display: block;
}
.styleLight .menu-wrap {
	background-image: url(/themes/1/images/headerbar.png);
}
.styleNight .menu-wrap {
	background-image: url(/themes/1/images/headerbarNight.png);
	/* filter: brightness(0.8); */
}
#menu1{
	width:1045px;
	margin:0 auto;
}
.clearfix {
  display: block;
}
#main-menu 
{
	position: relative;
	float: left;
}
*[dir="rtl"] #main-menu 
{
	float: right;
}
/*--------logo---------------------*/
.logo{
	position:absolute;
	z-index:10;
	padding: 0 7px 0 7px;
}
#main-menu .logo
{
	width: 120px;
	height: 120px;
	padding: 0;
}
#main-menu .logo a svg{
	height: 120px;
}
#main-menu .logo a svg text{
	font-family: 'Monotype Corsiva','MTCORSVA';
}
#main-menu .logo a svg.viewBox800 text{
	font-size: 110px;
	font-style: normal;
}
.styleNight #main-menu .logo a svg{
	filter: brightness(0.5);
}
#main-menu .logo a.nopadding{
	padding: 0;
}
#main-menu .logo a div
{
	width: 120px;
	height: 120px;
	/*---------*/
	color:red;
	font-size: 1.6rem;
	text-align: center;
	display: block;
	position: relative;
	bottom: -65px;	
}
/*-------- end logo -------------------------*/

#main-menu ul.menu.firstShow
{
	float: left;
	margin: 0; 
	padding-top: 30px;
    padding-left: 120px;
}
*[dir="rtl"] #main-menu ul.menu.firstShow{
	float: right;
	padding-left: 0;
	padding-right: 120px;
}
#main-menu ul.menu.firstShow li{
	height: 60px;
}
#main-menu ul.menu:not(.firstShow) li{
	height: 40px;
}
#main-menu ul.menu li 
{
	list-style: none;
	position: relative;
	text-align: center;
	float: left;	
}
*[dir="rtl"] #main-menu ul.menu li{
	float: right;
}
#main-menu ul.menu li.fortop{
	display: block;
}
#main-menu ul.menu li.formob{
	display: none;
}
#main-menu ul.menu li{
	font-size: 20px;
}
#main-menu ul.menu li a 
{
	text-transform: uppercase;
    padding: 19px 0.4rem;
    font-family: "Times New Roman", sans-serif;
	font-size: 20px;
    font-weight: normal;
	font-style: normal;
    vertical-align: middle;
	color: black;
	
	background: transparent;
    /* text-shadow: #fff 1px 1px 1px; */
    text-decoration: none;
    display: block;
    margin: 1px;
	white-space: nowrap;
}
#main-menu ul.menu li.home a, #main-menu ul.menu li.liCalendar a, #main-menu ul.menu li.liLng{
	padding: 10px 0.4rem;
}
.styleNight #main-menu ul.menu li.home a, .styleNight #main-menu ul.menu li.liCalendar a{
	color: #fefefe;
}
#main-menu ul.menu li.paper svg {
	height: 100%;
}
#main-menu ul.menu li.home a svg, #main-menu ul.menu li.liLng svg{
	height: 40px;
}
#main-menu ul.menu li.liCogs div.icon-cogs, #main-menu ul.menu li.liCalendar a span.icon-calendar
{
	font-size: 40px;
	padding: 10px;
}
#main-menu ul.menu li.liCogs ul.cogs li div.fa-sun.selStyleTheme {
	font-size: 30px;
}
#main-menu ul.menu.languages li, #main-menu ul.menu.cogs li
{
	padding: 8px 0.4rem;
	cursor: pointer;
	color: black;
	float: none;
}
#main-menu ul.menu li ul
{
	display: none; 
	position: absolute;
	z-index: 999;
	padding: 0;
	margin: 0;
	top: 45px;
	left: 0;
	overflow: visible !important;
    list-style: none;
	border-radius: 0.16rem;
    -moz-border-radius: 0.16rem;
    -o-border-radius: 0.16rem;
    -webkit-border-radius: 0.16rem;
}
#main-menu ul.menu li ul li ul{
	left: 210px;
	top: 10px;
}
*[dir="rtl"] #main-menu ul.menu li ul li ul{
	right: 210px;
}
.styleLight #main-menu ul.menu li ul, .styleLight #main-menu span.menu-root.openMenu ul{
	background: #eee;
    background: -moz-linear-gradient(top, #eee 0%, #ddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top, #eee 0%,#ddd 100%);
    background: -o-linear-gradient(top, #eee 0%,#ddd 100%);
    background: -ms-linear-gradient(top, #eee 0%,#ddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 );
    background: linear-gradient(top, #eee 0%,#ddd 100%);
	border: 1px solid #eee;    
}
.styleNight #main-menu ul.menu li ul, .styleNight #main-menu span.menu-root.openMenu ul{
	background: #7E7F80;
    background: -moz-linear-gradient(top, #7E7F80 0%, #ddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7E7F80), color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top, #7E7F80 0%,#ddd 100%);
    background: -o-linear-gradient(top, #7E7F80 0%,#ddd 100%);
    background: -ms-linear-gradient(top, #7E7F80 0%,#ddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7E7F80', endColorstr='#dddddd',GradientType=0 );
    background: linear-gradient(top, #7E7F80 0%,#ddd 100%);
	border: 1px solid #7E7F80;
}
#main-menu ul.menu li ul li 
{
	float: none;
    display: list-item;
    list-style: none;
	margin:0.2rem;	
	height: 40px;
}
#main-menu ul.menu li ul.menu li a 
{
	padding: 0.28rem 0.6rem;
}
/*----------------------active - hover----------------------------*/
#main-menu ul.menu li.active{
	border:1px solid #009900;
}
#main-menu ul.menu li.active, #main-menu ul.menu li:hover {
	color: #00137F; 
	border:1px solid #00137F;
	border-radius: 0.16rem;
    -moz-border-radius: 0.16rem;
   	-o-border-radius: 0.16rem;
    -webkit-border-radius: 0.16rem;
	vertical-align: middle;
}
#main-menu ul.menu li:hover > ul, #main-menu ul.menu li ul.menu li:hover > ul, #main-menu ul.menu li ul.menu li ul.menu li:hover > ul, #main-menu ul.menu li.openBlockForSelect > ul 
{
  display: block;
}
#main-menu ul.menu li:hover >a,#main-menu ul.menu li.active:hover a,#main-menu ul.menu li.active:hover a svg path{
	color: #00137F; 
	fill: #00137F; 
}
.styleLight #main-menu ul.menu li.active a,.styleLight #main-menu ul.menu li.active a svg path{
	color: #00137F; 
	fill: #00137F; 
}
.styleNight #main-menu ul.menu li.active a,.styleNight #main-menu ul.menu li.active a svg path{
	color: #05A091; 
	fill: #05A091; 
}
/*------------------menu-root------------------*/
#main-menu span.menu-root{
	display: none;
	width: calc(100vw - 2% - 5px);
	/* width: calc(100vw - 2%); */
	position: absolute;
	margin-top: 90px;
}
#main-menu span.menu-root.openMenu{
	display: block;
	z-index: 9;
}
#main-menu span.menu-root ul{
	display: none;
	margin: 0;
}
#main-menu span.menu-root.openMenu ul{
	display: block;
	margin: 1%;
	width: calc(100vw - 2%);
}
#main-menu span.menu-root ul.menu.verticalMenu li{
	float: none;
	height: 60px;
}

@media (hover:none){
	.fortop{
		display: none;
	}
	.formob{
		display: block;
	}
	#menu1{
		width:98vw;
		width: 100vw;
	}
	#main-menu span.menu-root.openMenu ul.verticalMenu li
	/*#main-menu ul.menu li ul.verticalMenu li*/
	{
		/* width: 98vw; */
		border: 1px solid black;
	}
	#main-menu ul.menu.firstShow li{
		--widthA: calc(98vw - 130px);
		--widthB: calc(var(--widthA) / 5);
		width: var(--widthB);
	}
	#main-menu ul.menu.firstShow li ul li{
		width: 100%;
		min-width: var(--widthB);
	}
	#main-menu ul.menu li.openBlockForSelect ul.languages, #main-menu ul.menu li.openBlockForSelect ul.cogs{
		position: fixed;
		left: 0;
		top: auto;
	}
}
@media (max-width: 1040px){	
	.fortop{
		display: none;
	}
	.formob{
		display: block;
	}
	#menu1{
		/* width:98vw; */
		/* width: calc(100vw - 5px); */
		width: 100vw;
	}
	#main-menu span.menu-root.openMenu ul.verticalMenu li{
		/* width: 98vw; */
		border: 1px solid black;
	}
	#main-menu ul.menu.firstShow li{
		/* --widthA: calc(98vw - 130px); */
		--widthA: calc(100vw - 120px);
		--widthB: calc(var(--widthA) / 5);
		width: var(--widthB);
	}
	#main-menu ul.menu.firstShow li ul li{
		/* width: 100%; */
		width: calc(100% - 0.4rem);
		/* min-width: var(--widthB); */
		min-width: calc(var(--widthB) - 0.4rem - 3px);
	}
}
@media (max-width: 610px){	
	#header {
		height: calc(80px + .8rem);
	}
	.menu-wrap{
		height: 80px;
	}
	.styleLight .menu-wrap {
		background-image: url(/themes/1/images/headerbarMobile.png);
	}
	.styleNight .menu-wrap {
		background-image: url(/themes/1/images/headerbarNightMobile.png);
	}
	#main-menu ul.menu li, #main-menu ul.menu.firstShow li {
		height: 40px;
	}
	#main-menu ul.menu.firstShow {
		padding-top: 20px;
		padding-left: 60px;
	}
	*[dir="rtl"] #main-menu ul.menu.firstShow{
		padding-left: 0;
		padding-right: 60px;
	}
	#main-menu ul.menu.firstShow li{
		/* --widthA: calc(98vw - 90px); */
		--widthA: calc(100vw - 60px);
		--widthB: calc(var(--widthA) / 5);
		width: var(--widthB);
	}
	#main-menu ul.menu.firstShow li ul li{
		width: 100%;
		min-width: var(--widthB);
	}
	#main-menu ul.menu.firstShow li.home a, #main-menu ul.menu.firstShow li.liCalendar a, #main-menu ul.menu.firstShow li.liLng{
		padding: 4px 0.4rem;
	}
	#main-menu ul.menu li.home a svg,#main-menu ul.menu li.liLng svg{
		height: 30px;
	}
	#main-menu ul.menu li.liCogs div.icon-cogs, #main-menu ul.menu li.liCalendar a span.icon-calendar
	{
		font-size: 30px;
		padding: 5px;
	}
	#main-menu ul.menu.firstShow li a{
		padding: 8px 0.4rem;
	}
	#main-menu .logo{
		width: 60px;
		height: 60px;
		padding: 0;
		margin: 10px 0;
	}
	#main-menu .logo a svg{
		height: 60px;
	}
	#main-menu .logo a div{
		width: 60px;
		height: 60px;
		bottom: 0;
	}
	#main-menu span.menu-root{
		margin-top: 55px;
	}
	#main-menu ul.menu li ul{
		top: 37px;
	}
}
@media (max-width: 449.98px){
	#main-menu span.menu-root.openMenu ul.verticalMenu li, #main-menu ul.menu li ul.verticalMenu li	{
		width: 98vw;
	}
	#main-menu ul.menu li.openBlockForSelect ul.languages, #main-menu ul.menu li.openBlockForSelect ul.cogs,
	#main-menu ul.menu li:hover ul.languages, #main-menu ul.menu li:hover ul.cogs{
		position: fixed;
		left: 0;
		top: auto;
	}
}