a{
  color: #FFFFFF;
  text-decoration: none;
}

a:hover{
  color: #CCC;
}

nav{
width: 100%;
height: 75px;
z-index:9999999;
opacity: 1;
position: relative;
letter-spacing:0.1em;
float:right;
}

.menu{
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition:ease 0s;
  transition:ease 0s;
  z-index:1000;
  width:850px;
  float:right;
   margin-top:0;
}

.menu ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  padding-right:0;
  margin-top:-5px;
  padding-top:15px;

}
.menu ul li{
  padding: 0em;
  border-bottom: none;
  position: relative;
  list-style: none;
}

.menu ul li.mn_top{
width:125px;
}

.menu ul li.mn_products{
width:137px;

}

.menu ul li.mn_about{
width:137px;
}

.menu ul li.mn_topics{
width:137px;
}


.menu ul li.mn_news{
width:205px;
}

.menu ul li.mn_contact{
width:80px;
padding-right:60px;
}

.menu ul li.mn_contact a{
  display:block;
  background:none;
}

.menu ul li.mn_contact a:hover{
  opacity: 0.5;
  display:block;
  background:none;
}

.menu ul li.mn_contact img{
width:30px;
margin:0 auto;
padding-top:2px;
}

.menu ul li.mn_ig{
width:80px;
}

.menu ul li.sp_navi{
display:none;
}

.menu ul li a{
  display: block;
  height: 40px;
  display:block;
  padding:2px 0 0 30px;
  background:url(../images/nau_left.png) no-repeat 0 45%;
}

.menu ul li a:hover{
  display: block;
  height: 40px;
  display:block;
  padding:2px 0 0 30px;
  background:url(../images/nau_right.png) no-repeat 0 45%;
}

.mn_ig {
background:url(../images/icon_ig.svg) no-repeat center;
height:30px;
width:30px;
margin-top:-20px;
display:block;
text-decoration:none;
text-indent:-9999px;
display:block;
outline-style:none;
}

.menu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: -650px;
  padding: 0;
  width:950px;
  margin-top:0;
}


.menu li ul li {
  overflow: hidden;
  height: 0;
  background: rgba(0,0,0,1);
  width:16.6%;
  float:left;
  font-size:13px;
  text-align:left;
  letter-spacing:0;
}
.menu li ul li a {
  padding-top:15px;
  padding-left:15px;
  padding-right:15px;
  padding-bottom:20px;
  display:block;
  padding:0;
  padding:0 0 0 25px;
  background:url(../images/arrow.png) no-repeat 10% 26%;
}

.menu li ul li a:hover {
  padding-top:15px;
  padding-left:15px;
  padding-right:15px;
  padding-bottom:20px;
  display:block;
  padding:0;
  padding:0 0 0 25px;
  background:url(../images/arrow.png) no-repeat 10% 26%;
}
.menu li:hover > ul > li {
  overflow: visible;
  height: 60px;
  
  padding-top:10px;
}

@media only screen and (max-width: 1150px){
.menu{
width:670px;
font-size:16px;
}
.menu ul li.mn_top{
width:90px;
}
.menu ul li.mn_products{
width:102px;

}
.menu ul li.mn_about{
width:102px;
}
.menu ul li.mn_topics{
width:102px;
}
.menu ul li.mn_news{
width:170px;
}
.menu ul li.mn_ig{
width:65px;
}
}

@media only screen and (max-width: 980px){
nav{
display:none;
}
.gnav{
display:block;
}
.menu{
display:none;
}
}