/* @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700&subset=latin,cyrillic); */

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/OpenSans-2025.ttf') format('truetype');
  font-weight: 300 800;
  font-stretch: 75% 125%;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/OpenSans-Italic-2025.ttf') format('truetype');
  font-weight: 300 800;
  font-stretch: 75% 125%;
  font-style: italic;
  font-display: swap;
}

body {
	margin-top: 26px !important;
	background-position: center 26px !important;
}

.fogusmenu {
	position: fixed;
	z-index: 999;
    top: 0;
    height: 20px;
	padding: 3px 0;
    margin: 0;
    width: 100%;
    text-align: center;
	background-color: #F1F3F4;
	box-shadow: 0 0 3px rgba(100,100,100,0.7);
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

@media screen and (max-width: 548px) {
body {
	margin-top: 46px !important;
	background-position: center 46px !important;
}
.fogusmenu {
    height: 40px;
}
}

@media screen and (max-width: 481px) {
body {
	margin-top: 66px !important;
	background-position: center 66px !important;
}
.fogusmenu {
    height: 60px;
}
}

@media screen and (max-width: 324px) {
body {
	margin-top: 86px !important;
	background-position: center 86px !important;
}
.fogusmenu {
    height: 80px;
}
}

.fogusmenu div {
	display: inline-block;
	color: #333333;
	font-weight: 700;
	padding-right: 12px;
}

.fogusmenu div a {
	color: #333333;
	text-decoration: none;
}

.fogusmenu ul {
	display: inline-block;
	list-style: none;
	padding: 0;
    margin: 0;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
}

.fogusmenu ul li {
	display: inline-block;
}

.fogusmenu ul li:last-child {

}

.fogusmenu ul li a {
	color: #333333;
	text-decoration: none;
}

.fogusmenu ul li a:hover {
	text-decoration: underline;
}

.fogusmenu ul li::after {
	content: "/";
	color: #bababa;
	padding: 0 12px 0 16px;
}

.fogusmenu ul li:last-child::after {
	display: none;
}