/* CSS Document */
.main_menu {
  width: 100%;
  display: block;
  margin: 28px 0;
  height: 20px; }

.main_menu > li {
  float: left;
  position: relative; }

.main_menu li a {
  padding: 0 10px;
  line-height: 16px;
  color: #fff;
  font-size: 19px;
  text-decoration: none;
  transition: all 0.3s; 
    font-weight: 400;
}

.main_menu li:first-child a{
    padding: 0 9px 0 0;
}

.main_menu li ul li:first-child a{
    padding: 0 12px 0 12px;
}
 
.main_menu li:nth-of-type(8) a{
    padding: 0 0 0 12px;
}

.main_menu li a:hover {
/*   color: #929291; */
color: #a4a8ac; }

.submenu {
  display: none;
  position: absolute;
  top: 100%;
  padding-top: 5px;
  background: #515C67;
  z-index: 999;
  color: #fff !important;
  margin-top: 10px; }

body.inner .submenu {margin-top: 24px;}
.submenu > li {
  padding: 5px 0;
  box-sizing: border-box;
  width: 280px;
  color: #fff !important;}

.submenu > li:hover {
    background: #616B74 !important;
}
.submenu > li > a {
  font-size: 15px;
  color: #fff !important;
  display: block;}

.submenu > li > a:hover {
    color: #fff !important;
    
}
.parent_li:after {
  content: '\002B';
  position: absolute;
  top: 2px;
  right: 5px;
  color: #fff;
  transition: transform .5s ease;
  display: none; }

.parent_li.active_parent:after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg); }

.hamburger_menu {
  width: 45px;
  height: 29px;
  margin: 20px auto 10px;
  cursor: pointer;
  display: none; }

.hm_sym {
  width: 45px;
  height: 34px;
  float: right;
  margin-right: 5px;
}

.hm_sym div {
  width: 30px;
  transition: all .3s ease; }

.sym_1 {
  transform: translateY(5px);
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px); }

.sym_2 {
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px); }

.sym_3 {
  transform: translateY(15px);
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px); }

.hamburger_deactive:hover .sym_1 {
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px); }

.hamburger_deactive:hover .sym_3 {
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px); }

.hamburger_active .sym_1 {
  transform: rotate(45deg) translateY(5px) translateX(8px);
  -webkit-transform: rotate(45deg) translateY(5px) translateX(8px);
  -ms-transform: rotate(45deg) translateY(5px) translateX(8px); }

.hamburger_active .sym_2 {
  width: 0; }

.hamburger_active .sym_3 {
  transform: rotate(-45deg) translateY(5px) translateX(-3px);
  -webkit-transform: rotate(-45deg) translateY(5px) translateX(-3px);
  -ms-transform: rotate(-45deg) translateY(5px) translateX(-3px); }

.hamburger_menu span {
  display: block;
  font-size: 20px;
  line-height: 25px;
  width: 84px;
  font-weight: bold;
  float: left;
  color: #fff; }

@media screen and (max-width: 1009px) {
  .hamburger_menu {
    display: block; }

  .main_menu {
    height: auto;
    width: 100%;
    display: none; }

  .main_menu > li, .submenu > li {
    margin: 0;
    background: #1c1c1c;
    width: 100%;
    padding-top: 10px; }

  /*.main_menu li:hover {
    background: #141414; }*/

  .main_menu > li a {
    width: 96%;
    padding: 0 2% 10px 2%;
    color: #fff;
    display: block;
    line-height: 21px; }

  .submenu {
    position: static;
    padding: 0 !important; }

  .submenu > li {
    padding: 0 0 0 10px;
    margin-top: 0 !important; }

  .parent_li:after {
    display: block; }

  nav {
    width: 100%;
    height: 35px;
    position: relative;
    z-index: 99999; } }

/*# sourceMappingURL=menu.css.map */
