.navbar{
  position: fixed;
  height: 90px;
  overflow: hidden;
  top: 0;
  display: flex;
  align-items: center;
  background: rgba(246, 141, 31, 1);
  width: 100%;
  z-index: 1000;
  border-bottom: 2px solid #000;
}

.logo{  float: left;  margin-top:10px;}
.logo img { max-width:190px; height:auto;}
.menu{
  position: absolute;
  right: 20px;
}
.lang_select {  position: absolute;  right: 20px; top:5px}
.lang_select img {width: 25px;  height: auto; margin-left:5px}
.menu a{
  color: #333;
  text-decoration: none;
  font-weight: 900;
  margin-left: 10px;
  transition: color 0.3s;
  text-transform: uppercase;
  font-size:1.15em;
  position:relative;
  display:inline-block;
}
.menu a:hover{
  color: #f1f1f1;
}

.btn{
  display: none;
  position: absolute;
  right: 20px;
}
.btn:hover > span {
  background: #f1f1f1;
}
.btn span{
  display: block;
  margin: 7px;
  width: 40px;
  height: 4px;
  background: #333;
  border-radius:6px;
  box-shadow: 1px 1px 5px #b6b1b1;
    -moz-box-shadow: 1px 1px 5px #b6b1b1;
    -webkit-box-shadow: 1px 1px 5px #b6b1b1;
  
}

@media only screen and (max-width : 1023px) {
  .navbar{
    overflow: visible;
  }
  .logo{  margin-left:30px;}
  .menu{
    width: 100%;
    right: 0;
    top: 90px;
    background: #f1f1f1;
    overflow: hidden;
    height: 0;
  }
  .menu a{
    display: block;
    text-align: center;
    padding: 10px;
    margin: 0;
  }
  .menu a:hover{
  color: #f18c26;
}
  .menu a.active{
  color: #f18c26;
}

  .btn{
    display: block;
    cursor: pointer;
  }
  .show{
    height: auto!important;
  }

.menu .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;

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

@media (min-width : 1024px) {
.logo{ margin-left:50px;}
	
.rightygrey {
	
    border-right: 3px solid;
	border-right-color:rgba(216, 146, 76, 0.9);
    border: 0;
	padding-right:15px;
}
.rightygrey::before {
    position: absolute;
    display: block;
    content: '';
    border-right: 1px solid #4f5751;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.menu a.active{
  color: #f1f1f1;
}

.menu .panel {
  padding: 0 18px;
background-color: rgba(246, 141, 31, 1);
  max-height: 0;
  display:none;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  position:fixed;
z-index:100;
list-style:none;
top:60px;

}
.accor {position:relative; display:inline-block; cursor:pointer;}
}
.menu .accordion { position: relative;}

/*
.menu .active, .accordion:hover {
color: #f1f1f1;
}*/

.menu .accordion:after {
  content: '\002B';
  color: #333;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}


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

}

.menu .panel li a { padding:5px;}

.showp {display:block!important;}