@font-face{
font-family:'Menu';
src:url(../fonts/FiraSans-Book.ttf) format('truetype');
font-weight:normal;
}
@font-face{
font-family:'Menuitem';
src:url(../fonts/FiraSans-Light.ttf) format('truetype');
font-weight:normal;
}
html, body, * {
margin: 0;
padding: 0;
font-size:18px;
/*overflow-x:hidden;*/
}
body{overflow-x:hidden;}
#myModal{
background: rgba(0, 0, 0, 0.7);
cursor:pointer;
}
.modal-dialog {
  width: 80% !important;
  margin: 30px auto;
}
header{
width:100%;
margin:auto;
position: sticky;
top: 0;
z-index: 9;
background:#fff;
box-shadow: 0 2px 2px 0px #eee;
}
.nav-header{
max-width: 1400px;
padding: 0 60px;
display:flex;
justify-content: space-between;
margin:auto;
}
img {width: 100%;min-height:1px;
}
.logo{
flex-basis: 45%;
}
.logo img{
width: 400px;
height:auto;
padding: 20px 20px 10px;
}

.menu_item{
flex-basis: 65%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
padding-top:15px;

}
.search img{width: 260px;}
.item{
margin-top:5px;
min-width: 600px;
background: #eee;
border-radius: 28px;

}
.item{font-size: 1rem;}
.main{display:flex;}
.main li {list-style: none;position:relative;}
.main li a{color:#eee;}
.main li a:visited {color:#eee;}
.menu_item:after{
content:'|';
position:absolute;
top: auto;
bottom: 0px;
right: -16%;
}
.menu_item:last-child:after{
content:'';
}
/*
.dropdown, .dropdown2{position:relative;
display: inline-block;
text-align:center;
}
.dropdown-content, .dropdown-content2 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown2:hover .dropdown-content2 {
  display: block;
}

*/

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul li {
  display: block;
  position: relative;
  float: left;

}
li ul { display: none; }
ul li a {
  display: block;
  text-decoration: none;
  white-space: nowrap;
  color: #3E3F40;
}
ul li.main-n{padding:12px 30px;}
.main-n:before{
content:'|';
position:absolute;
left:0;
color: #3E3F40;
}
.main-n:first-child:before{
content:'';
}
.main-n li, .main-n a{font-family:Menu;}
/*ul li a:hover { background: #2c3e50; }*/
li:hover > ul {
  display: block;
  position: absolute;
  border-top: 1px solid black;
}
li:hover li { float: none; }
li:hover a {text-decoration:none;}
li:hover ul li { border: 1px solid black;background: #E3E3E3;text-decoration:none; }
li:hover ul li a{padding:7px;}
/*li.outline{border: 1px solid black;}
.outline li{border: 1px solid black;}*/
li:hover li a:hover { background: #293378;color:#fff; }
.main-navigation li ul li { border-top: 0; }
ul ul ul {
  left: 100%;
  top: 0;
}
.submenu{margin-top: 12px;left:18%;}
.submenu:before{
	content:'';
	top:-16px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 16px solid #293378;
	position:absolute;
	left: 10%;

	}
.outline{padding-left:14px;}

ul.outline:before{
	content:'';
	top:10%;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-left: 16px solid #293378;
	border-bottom: 8px solid transparent;
	position:absolute;
	left:0px;
}
ul:before,
ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
ul:after { clear: both; }
.submenu li a, .submenu li a span{font-size:15px;font-family:Menuitem;}
.span-break{display:block;}
.bodyimage{width:100%;}
@media screen and (max-width:1260px){
.logo{
flex-basis: 38%;
}
.logo img {
  width: 100%;
 }
.menu_item{
flex-basis: 72%;
}

}
@media screen and (max-width:1152px){
.logo{
flex-basis: 32%;
}
.logo img {
  width: 100%;
 }
.menu_item{
flex-basis: 78%;
margin-bottom:10px;
}

}