*, *:before, *:after { border-width: 0px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
@font-face {
    font-family: 'lato';
    src: url('/sys/css/fonts/lato/lato-regular-webfont.woff2') format('woff2'),
         url('/sys/css/fonts/lato/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display:swap;
}

:root {
  --all-font: lato,sans-serif;
  --all-font-size: 16px;
  --all-color: gray;
  --all-bg-color:lime;
  --mn-color:red;
  --mn-bg-color:silver;
  --mn-content-bg-color:#ababab;
}


html, body {height:100%; margin:0;font-family:var(--all-font) ;	font-size:var(--all-font-size);color:var(--all-color); background:var(--all-bg-color); }
.wrapper{ position:relative;min-height:100%;padding-bottom:20px }

.block{ position:relative; width: 100%; max-width: 1200px;margin: auto; padding:0 20px; }

.mn{ color:var(--mn-color); background:var(--mn-bg-color); border-bottom: 2px silver solid; padding:0;  }
.mn-flex {  display: flex;  flex-direction: row;  flex-wrap: nowrap;  justify-content: space-between;  align-items: center;  align-content: normal;  height:40px;  position:relative;width:100%; margin:auto;padding: 0px 15px; }
.mn .logo{ max-width:350px;max-height:30px;}
.ham-ico { display: inline-block; cursor: pointer; }
.ham-ico .item {width: 25px;height: 3px;background: var(--mn-color);margin: 6px 0;transition: 0.4s;}
.ham-ico.open .item:nth-child(1)  { transform: translate(0, 9px) rotate(-45deg); }
.ham-ico.open .item:nth-child(2)  { opacity: 0;}
.ham-ico.open .item:nth-child(3)  { transform: translate(0, -9px) rotate(45deg); }

.mn.open .mn-content{ display:block }
.mn-content{ position:absolute;z-index:10;;background:var(--mn-content-bg-color);width:100%;left:0px;display:none;    top: 42px }


.mn-item,.mn-drop-caption {  float: none;  display: block;  text-align: left;font-size:16px;letter-spacing: 1px; padding: 12px 16px; border-bottom: 1px silver solid; }

.mn-item a {  color:inherit;  text-decoration: none;  display:block }

.mn-drop-caption a {  color:inherit;  text-decoration: none; }

.mn-drop-content {  display: none;  position: relative;  background-color: #f9f9f9;  z-index: 1;  margin-top:0px }

.mn-drop.open .mn-drop-content {	display:block }

.mn-item:hover,.mn-drop-caption:hover {	cursor:pointer }

.mn-item:hover a, .mn-drop-caption a:hover  {text-decoration: underline;	text-underline-offset: 0.3em;	text-decoration-thickness:1px; }

.mn-arrow{ position:absolute;right:10px; border: solid var(--mn-color);  border-width: 0 3px 3px 0;  display: inline-block;  padding: 4px;  transform: rotate(45deg);  -webkit-transform: rotate(45deg); }

.mn-caption { display:block;background: #efefef;padding:7px 0px;border-bottom: 3px #bbb7b7 solid;  font-size: 15px;font-style: italic; text-align:center }
.mn-back { display:block;padding:7px 5px 7px 25px;cursor:pointer;border-bottom: 2px #bbb7b7 solid; font-size: 14px; font-weight: normal; font-style: italic; }
.mn-back::before{ position:absolute;left:5px;padding-top:1px;font-family: 'IcoFont';font-style:normal; content: "\ea9d"; }

.mn.mobil .off{ display:none }

.mn.desk .mn-flex{ height: 85px;	}
.mn.desk .mn .logo { max-height:70px;}
.mn.desk .ham-ico,.mn.desk .mn-arrow,.mn.desk .mn-caption,.mn.desk .mn-back { display:none; }
.mn.desk .mn-content{ right:0px;background:none;width:auto;top:auto;left:auto ;display:block }
.mn.desk .mn-item, .mn.desk .mn-drop{ float:left; text-align: center; border-bottom: none; }
.mn.desk .mn-drop-content { position:absolute;text-align:left;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); }
.mn.desk .mn-drop-content .mn-item{ 	float: none;text-align:left}
.mn.desk .mn-drop-caption{ border-bottom: none; }
.mn.desk .mn-drop:hover .mn-drop-content{ display:block }

xxxx.mn.desk .mn-caption, xxx.mn.desk .mn-back {display:none
	
}


@media only screen and (max-width: 950px ) {
	.block { padding:0 10px }


}


.pd0 {padding:0 }
.aus { display:none }