.navbar{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.6s;
  padding: 5px 100px;
  z-index: 100;

}

.navbar.sticky{
  background: #f1f1f1;
  padding: 5px 100px;
  transition: 1s;
}

.logo-nav{
    position: relative;
    transition: 0.6s;
}
.logo-nav img{
  height: 60px;
}
.menu-nav ul{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu-nav ul li{
  position: relative;
  list-style: none;
}
.menu-nav ul li a{
  position: relative;
  margin: 0 15px;
  text-decoration: none;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 500px;
  transition: 0.6s;
}
.menu-nav a{
  color: #fff;
  text-decoration: none;
  list-style: none;
  font-weight: 700;
  transition: color 0.3s;
  text-transform: uppercase;
  font-size: 12px;
}
.menu-nav a:hover{
  color: #007FFF;
}

.btn-nav{
  display: none;
  position: absolute;
  right: 20px;
}
.btn-nav:hover > span{
  background: #007FFF;
}
.navbar.sticky .btn-nav span{
  background: #333;
}
.btn-nav span{
  display: block;
  margin: 6px;
  width: 40px;
  height: 3px;
  background: #fff;
}

.navbar.sticky ul li a{
  color: #333;
}
.navbar.sticky .menu-nav a:hover{
  color: #007FFF;
}
/*accordion*/
.menu-nav a.active{
  color: #007FFF;
}

.menu-nav .panel {
padding: 0 0 2px;
margin-left: 10px;
  background-color: rgba(241, 241, 241, .5);
  max-height: 0;
  display:none;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  position:fixed;
z-index:100;
list-style:none;
top:50px;

}
.menu-nav .panel li { margin: 3px auto;}
.accor {position:relative; display:inline-block; cursor:pointer;}
.menu-nav .accordion { position: relative;cursor: pointer;}

.navbar.sticky .accordion:after {color: #333; }

.menu-nav .accordion:after {
  content: '\002B';
  color: #fff;
  font-weight: bold;
  margin-left: 8px;
  font-size: 14px;
}


.menu-nav .active:after {
  content: "\2212";

}

/*.menu-nav .panel li a { padding:5px;}*/

.showp {display:block!important;}

@media only screen and (max-width : 1100px) {
  .navbar{
    overflow: visible;
  }
  .logo-nav{
      margin: 0 auto;
  }
  .menu-nav{
    width: 100%;
    right: 0;
    top: 100px;
    overflow: hidden;
    max-height: 0;
    position: absolute;
    padding: 0;
    transition: 0.5s;
    background: #f1f1f1;
  }
  .menu-nav ul {
    display: block;
    text-align: center;
    padding: 10px;
    margin: 0;

  }
  .menu-nav ul li{
    padding: 0.5em;
  }
  .menu-nav ul li a{
    font-size: 12px;
    color: #333;
  }
  .btn-nav{
    display: block;
    cursor: pointer;
  }
  .show{
    max-height: 1000px;
    transition: 1s;
  }
  .navbar.sticky .menu-nav{
    top: 76px;
    background: #f1f1f1;
  }
/*acocoredion*/
.menu-nav .panel {
  padding: 0 18px;
	background-color: transparent;
  max-height: 0;
  display:none;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  position:relative;
	z-index:100;
	list-style:none;
	top:0px;
/*	width: 250px;*/
	margin: 8px auto 0 auto;
	font-style: italic;

}
.accor {position:relative; display:block; max-width:200px; margin:0 auto; cursor:pointer; }
/*.menu-nav .panel li a::before { content: "\2212"; color:#333; margin-right: 5px;}*/
}