.menu-left a {
  display: inline-block;
  position: relative;
  padding-bottom: 0px;
  transition: color .35s ease;
}


header { width:100%; top:80px; position:absolute; left:0px; z-index:999;}

header nav .logo {
  float: left;
 padding-top: .25rem;
 padding-bottom: .25rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  font-weight: 500;
  color: black;
  min-width:120px;
}

header nav .logo:after {
  content: '';
  display: table;
  clear: both;
}

header nav ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

header nav ul li {
  float: none;
}


@media (min-width: 880px) {
header nav ul li {float: left;margin:0 14px;}
header nav ul li a { display: block; }
}
@media (min-width: 576px) {
header nav ul li a { display: block;  padding: .425rem 0rem;}
}

@media (max-width: 980px) {
header {top:0px; position:fixed; background-color:#FFF; left:0px; z-index:999;}
ul { clear: both; }
ul li { padding: .5em 0; }
}





ul.menu-left {
  display: block;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 10;
}


ul.menu-left:before {
  content: '';
  display: table;
  clear: both;
}

ul.menu-left.collapse {padding-bottom:50px; max-height:inherit;}

.nav-toggle {
  display: block;
  border-radius: 5px;
  background-color: transparent;
  float: left;
  height: 38px;
  width: 38px;
  cursor: pointer;
  padding: 8px 8px;
}

.nav-toggle.open span:first-child { transform: rotate(45deg) translate(4.4px, 4.4px); }

.nav-toggle.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.nav-toggle.open span:last-child { transform: rotate(-45deg) translate(4.4px, -4.4px); }


.nav-toggle span {
  position: relative;
  display: block;
  height: 2px;
  width: 100%;
  margin-top: 4px;
  background-color: #318fce;
  transition: all .25s;
}

.signature {
  position: fixed;
  font-weight: 100;
  bottom: 10px;
  color: #000;
  left: 0;
  letter-spacing: 4px;
  font-size: 10px;
  width: 100vw;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
}




/*-------menu--------*/
nav { width:100%; float:left;  text-align:center; margin:0; padding-right:0%;}
.menu-left{ float:none; display:inline-block;margin-top:30px; }
.menu-left li{ display:inline-block;}
header nav .logo  { float:none; display:inline-block; margin:0;}


@media (min-width: 980px) {

.nav-toggle { display: none; }
}
@media (min-width: 980px) {
ul.menu-left {display: inline-block;float:none;max-height: none; width: auto;}
header .right_menu { width: auto; float:none; display:inline-block;margin-top:30px;}
header nav .logo  { float:none; display:inline-block; margin:0; width:100%;}
}
@media (max-width: 980px) {
ul.menu-left li{ display:block; float:none;}
header .right_menu { width:100%; float:none; display:block;margin-top:0px;}	
nav { padding:0;}
}
/*@media (min-width: 880px) {
ul.menu-left {display: block !important;float: right;max-height: none;}
}*/
/*----///menu///-----*/